Build Responsive Real World Websites with HTML5 and CSS3

0 Reviews

Teachers: Jonas Schmedtmann

About: 11½ hours, 3 quizzes, 78 lessons, Certificate of Completion

*** The #1 HTML5 and CSS3 course on Arkmont! ***

*** Completely up-to-date for November 2016 ***

Read More

30 day moneyback guarantee

More Details

Course Description

*** The #1 HTML5 and CSS3 course on Arkmont! ***

*** Completely up-to-date for November 2016 ***

"Having gone through other related courses on other platforms, I can say this course is the most practical and readily applicable course on web design and development I have taken." — Bernie Pacis

...

Are you looking for the best way to learn how to build beautiful websites with HTML5 and CSS3? That even look great on any device?

Have you taken other HTML and CSS courses, but still wonder how to code a real world website, not just some basic examples?

If your answer is a big YES... Then this is exactly the course you are looking for!

...

So why is this course so unique and popular?

Reason #1: The course is completely project-based

Together we hand-code a beautiful and responsive landing page for a fictional company that I made up just for the course. Step-by-step, you will learn more and more HTML5 and CSS3 features, from beginner to advanced. These are the latest web technologies, used by every website in the world. And I even added some jQuery to the mix.

This huge project will teach you all the real-world skills to build real-world HTML5 and CSS3 websites. This will allow you to build any website you can imagine... From complete scratch.

Reason #2: You will not just learn how to code

Coding is great, but it's not everything that counts. That's why we will go through the entire process of building and launching our website project. This includes designing, coding, planning, writing clean and organized code, website optimization, best practices, and so much more.

Designing is really, really important. Have you seen all these beautiful and modern websites lately? Great! Because I will show you how it's done. And not just in theory, but also in practice. This is the only course on the market which focuses on both coding and designing, hand-in-hand.

Reason #3: You walk a way with a ready-to-launch website

By the end of the course, you will have a complete, ready-to-launch website that looks great on any computer, tablet and smartphone. Of course you get the entire code and all the images and graphical assets that I designed especially for the course as a free download.

Please check out the promo video to see the final website (I bet you want to click the "Take this course" button after that :)

Reason #4: I make HTML5 and CSS3 easy and fun

With the right guidance, HTML5, CSS3 and responsive web design are really easy to learn and use in the real world. With a bunch of random tutorials and YouTube videos? Not so much. That's why I structured this training around a cool and complete project that's fun to code.

...

So here is exactly what we cover in this training:

• Easy-to-follow and hands-on web development with HTML5, CSS3 and some jQuery.

• The proven 7 real-world steps from complete scratch to a fully functional and optimized website.

• Simple-to-use web design guidelines and tips to make your website stand out from the crowd.

• How to get and use images, fonts and icons to make your website shine — all for free.

• Responsive web design: learn how to create websites that work beautifully on all screen sizes.

• How to use jQuery for super cool effects like animations, scroll effects and "sticky" navigation.

• How to optimize your website for good speed performance and for search engines (SEO).

• How to launch your website for the world to see it.

...

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You are a complete beginner with no idea on how to build a website.

Student #2: You already know some HTML and CSS from some tutorials or videos, but struggle to put together a good-looking, complete website.

Student #3: You are a web designer and want to expand your skills into HTML5 and CSS3, because all your designer colleagues are learning how to code (they are smart).

Basically, if you are a master of HTML5 and CSS3, if you build the most beautiful websites in the world, then DON'T take the course. Everyone else: you should probably take the course, today.

...

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• All lectures are downloadable to make your learning experience even better.

• Downloadable code and design assets for the entire project. You can keep this code as a starting point for your own projects.

• Access to a very active community where I will personally answer all your questions.

• Free access to my e-book "Best Resources for Web Design and Development with HTML5 & CSS3" (students love it, and there are even free updates).

...

Sounds great? Then start learning today by clicking the “Take this course" button right now, and join me in the only HTML5 and CSS3 training that you will ever need!

Curriculum

Module 1: Course introduction

Lesson 1: Let's start this amazing journey
Lesson 2: READ BEFORE YOU START!
Lesson 3: E-book Resources 2.0
Lesson 4: First things first: download your free e-book here

Module 2: Dive into HTML

Lesson 1: Download the Code
Lesson 2: Our main tool: Brackets text editor
Lesson 3: Starting to fill the structure
Lesson 4: What is HTML?
Lesson 5: The structure of an HTML document
Lesson 6: Images and attributes
Lesson 7: One more thing: links
Lesson 8: HTML Quiz
10 questions

Module 3: Formatting with CSS

Lesson 1: Getting started with CSS
Lesson 2: Starting to make our webpage pretty: text
Lesson 3: Colors
Lesson 4: Classes and ID's
Lesson 5: The CSS box model
Lesson 6: Building a simple layout
Lesson 7: Polishing our blog post
Lesson 8: Relative vs. Absolute
Lesson 9: Getting started with the Chrome Developer Tools
Lesson 10: CSS Quiz
10 questions

Module 4: Web design basics

Lesson 1: Introduction to web design
Lesson 2: Beautiful typography
Lesson 3: Using colors like a pro
Lesson 4: The meaning of colors in web design
Lesson 5: Working with images
Lesson 6: Working with icons
Lesson 7: Spacing and layout
Lesson 8: Introduction to user experience
Lesson 9: Getting inspired: the secret ingredient for stunning web design
Lesson 10: Wrapping up what we've learned in this section
Lesson 11: The ultimate cheatsheet: all web design guidelines in one place
Lesson 12: Web design quiz: test your knowledge!
10 questions

Module 5: The killer website project

Lesson 1: Download the Code
Lesson 2: The 7 real-world steps to a fully functional website
Lesson 3: Download the 7 steps here
Lesson 4: Starting to put the 7 steps into action
Lesson 5: First development steps
Lesson 6: Setting up the fluid grid for responsive web design
Lesson 7: Building the header - Part 1
Lesson 8: Building the header - Part 2
Lesson 9: Building the header - Part 3
Lesson 10: Building the features section - Part 1
Lesson 11: Building the features section - Part 2
Lesson 12: Building the favorite meals section - Part 1
Lesson 13: Building the favorite meals section - Part 2
Lesson 14: Building the how-it-works section - Part 1
Lesson 15: Building the how-it-works section - Part 2
Lesson 16: Building the cities section - Part 1
Lesson 17: Building the cities section - Part 2
Lesson 18: Building the customer testimonials section - Part 1
Lesson 19: Building the customer testimonials section - Part 2
Lesson 20: Building the sign-up section - Part 1
Lesson 21: Building the sign-up section - Part 2
Lesson 22: Building the contact form form - Part 1
Lesson 23: Building the contact form form - Part 2
Lesson 24: Building the footer - Part 1
Lesson 25: Building the footer - Part 2

Module 6: Responsive web design with media queries

Lesson 1: Making the webpage responsive - Part 1
Lesson 2: Making the webpage responsive - Part 2
Lesson 3: A note about web browsers

Module 7: Let's add some cool effects

Lesson 1: Download the Code
Lesson 2: Introduction to jQuery
Lesson 3: Building a “sticky” navigation - Part 1
Lesson 4: Building a “sticky” navigation - Part 2
Lesson 5: Scrolling to elements
Lesson 6: Adding animations on scroll
Lesson 7: Making the navigation responsive

Module 8: Optimizing and launching our website

Lesson 1: Final touch: creating a favicon
Lesson 2: Performance optimization: site speed
Lesson 3: Basic search engine optimization (SEO)
Lesson 4: Let’s launch our webpage!
Lesson 5: Google Analytics

Module 9: Conclusion

Lesson 1: You made it! Congratulations!

Module 10: BONUS lectures

Lesson 1: Super effective ways to improve your website’s conversion
Lesson 2: Adding a map to the Omnifood website
Lesson 3: Using PHP to make our form work

Reviews

There are no reviews

What You'll Learn

  1. Real-world skills to build real-world websites: professional, beautiful and truly responsive websites
  2. A huge project that will teach you everything you need to know to get started with HTML5 and CSS3
  3. The proven 7 real-world steps from complete scratch to a fully functional and optimized website
  4. Simple-to-use web design guidelines and tips to make your website stand out from the crowd
  5. Learn super cool jQuery effects like animations, scroll effects and "sticky" navigation
  6. Downloadable lectures, code and design assets for the entire project
  7. Access to a very active community where I will personally answer all your questions
  8. Get my e-book "Best Resources for Web Design and Development with HTML5 & CSS3" for free

Requirements

  1. No coding or design experience necessary
  2. Any computer will do — Windows, OSX or Linux
  3. You don’t need to buy any software — we will use the best free web development editor in the world

Your Teacher

Jonas Schmedtmann Bestselling Instructor, Web Designer and Developer