Build Responsive Real World Sites with HTML5 & CSS3

Name: Build Responsive Real World Sites with HTML5 & CSS3
Brand: Jonas Schmedtmann
Price: 29.00 USD
Availability: Discontinued

11 Hours

$29.00$35.00

You save 17%

70 Lessons (11h)

Course introduction
Let's start this amazing journey
READ THIS BEFORE YOU START!
First things first: download your free e-book here
E-Book Resources 2.0
Follow Jonas around!
Web design basics
Introduction to web design
Beautiful typography
Using colors like a pro
The meaning of colors in web design
Working with images
Working with icons
Spacing and layout
Introduction to user experience2:50
Getting inspired: the secret ingredient for stunning web design
Wrapping up what we've learned in this section
The ultimate cheatsheet: all web design guidelines in one place
Dive into HTML
Our main tool: Brackets text editor
Where to find the HTML and CSS code for this mini-project
What is HTML?
The structure of an HTML document
Starting to fill the structure
Images and attributes
One more thing: links
Formatting with CSS
Getting started with CSS
Starting to make our webpage pretty: text
Colors
Classes and ID's
The CSS box model
Building a simple layout
Polishing our blog post
Relative vs. Absolute
Getting started with the Chrome Developer Tools
The killer website project
Some INSTRUCTIONS for the killer website project
The 7 real-world steps to a fully functional website
Download the 7 steps here
Starting to put the 7 steps into action
First development steps
Setting up the fluid grid for responsive web design
Building the header - Part 1
Building the header - Part 2
Building the header - Part 3
Building the features section - Part 1
Building the features section - Part 2
Building the favorite meals section - Part 1
Building the favorite meals section - Part 2
Building the how-it-works section - Part 1
Building the how-it-works section - Part 2
Building the cities section - Part 1
Building the cities section - Part 2
Building the customer testimonials section - Part 1
Building the customer testimonials section - Part 2
Building the sign-up section - Part 1
Building the sign-up section - Part 2
Building the contact form form - Part 1
Building the contact form form - Part 2
Building the footer - Part 1
Building the footer - Part 2
Responsive web design with media queries
Making the webpage responsive - Part 1
Making the webpage responsive - Part 2
A note about web browsers
Let's add some cool effects
Where to find the jQuery code for the killer website project
Introduction to jQuery
Building a “sticky” navigation - Part 1
Building a “sticky” navigation - Part 2
Scrolling to elements
Adding animations on scroll
Making the navigation responsive
Optimizing and launching our website
Final touch: creating a favicon
Performance optimization: site speed
Basic search engine optimization (SEO)
Let’s launch our webpage!
Google Analytics
Conclusion
What to do now?
You made it! Congratulations!
BONUS lectures
Adding a map to the Omnifood website
Using PHP to make our form work
Super effective ways to improve your website’s conversion

DescriptionInstructorImportant DetailsRelated Products

Learn Modern Web Design by Coding a Real Project Step-by-Step

Jonas SchmedtmannJonas Schmedtmann is a self-taught web designer and developer who paid his way through a Master’s in engineering by designing websites. During this time, he came to the realization that web design and teaching were his two true passions, and decided to meld the two into a successful career in online teaching. For more details on this course and instructor, click here. This course is hosted by StackSkills, the premier eLearning destination for discovering top-shelf courses on everything from coding—to business—to fitness, and beyond!

Description

If you've always wanted to build and design your own website, this course is the ideal place to start. The instructor makes it look easy, taking you through the latest Web technologies: HTML5, CSS3, and even some jQuery. By building projects alongside the video instruction, you'll get a true hands-on feel for the basic building blocks of the Web you surf daily.

Learn & apply HTML5 and CSS skills immediately w/ 11-hours of video content
Build a completely unique, beautifully-designed & responsive landing page
Focus on modern design for any screen size w/ responsive websites
Create a fully optimized website from scratch in 7 steps
Learn where to find free design resources like images, icons & fonts
Get introduced to using jQuery to build stand-out effects
Optimize your site for search engines & speed

Specs

Details & Requirements

Length of time users can access this course: lifetime
Access options: web streaming, mobile streaming
Certification of completion not included
Redemption deadline: redeem your code within 30 days of purchase
Experience level required: all levels

Compatibility

Text editor required

Terms

Unredeemed licenses can be returned for store credit within 30 days of purchase. Once your license is redeemed, all sales are final.

Your Cart

Your cart is empty. Continue Shopping!

Processing order...