Build Responsive Real World Sites with HTML5 & CSS3

Build Responsive Real World Sites with HTML5 & CSS3

11 Hours
Deal Price$29.00
Suggested Price
$35.00
You save 17%
Build Responsive Real World Sites with HTML5 & CSS3
$29.00$35.0017% OFF
Build Responsive Real World Sites with HTML5 & CSS3

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
Build Responsive Real World Sites with HTML5 & CSS3
$29.00$35.0017% OFF
View similar items

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

JS
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...