McAfee-Secured Website

Course name Web Development Courses HTML and CSS3 for Building Responsive Real World Websites: HTML and CSS3 for Building Responsive Real World Websites

HTML and CSS3 for Building Responsive Real World Websites Video Course

HTML and CSS3 for Building Responsive Real World Websites Video Course is developed by Web Development Courses Professionals to help you pass the HTML and CSS3 for Building Responsive Real World Websites exam.

You Will Learn:

Was 21.99 USD
Now 19.99 USD

Description

This course will improve your knowledge and skills required to pass HTML and CSS3 for Building Responsive Real World Websites exam.

Curriculum For This Course

  • 1. Dive into HTML 5 Videos 00:41:00
    • Our main tool: Brackets text editor 02:43
    • Colors 05:06
    • Classes and ID's 07:38
    • The CSS box model 04:20
    • Building a simple layout 04:31
  • 2. Formatting with CSS 5 Videos 00:41:43
    • Getting started with CSS 03:15
    • Colors 05:20
    • Classes and ID's 05:23
    • The CSS box model 07:16
    • Building a simple layout 18:37
  • 3. Web design basics 8 Videos 00:36:46
    • Introduction to web design 02:58
    • Beautiful typography 08:40
    • Using colors like a pro 06:19
    • Working with images 03:30
    • Working with icons 02:59
    • Spacing and layout 03:13
    • Introduction to user experience 02:33
    • Getting inspired: the secret ingredient for stunning web design 01:29
  • 4. The killer website project 23 Videos 05:09:14
    • The 7 real-world steps to a fully functional website 05:02
    • Starting to put the 7 steps into action 05:47
    • First development steps 14:16
    • Setting up the fluid grid for responsive web design 09:37
    • Building the header - Part 1 15:48
    • Building the header - Part 2 20:57
    • Building the header - Part 3 19:00
    • Building the features section - Part 1 14:47
    • Building the features section - Part 2 17:42
    • Building the favorite meals section - Part 1 12:07
    • Building the favorite meals section - Part 2 11:18
    • Building the how-it-works section - Part 1 08:27
    • Building the how-it-works section - Part 2 17:12
    • Building the cities section - Part 1 12:20
    • Building the cities section - Part 2 15:56
    • Building the customer testimonials section - Part 1 05:49
    • Building the customer testimonials section - Part 2 15:07
    • Building the sign-up section - Part 1 09:38
    • Building the sign-up section - Part 2 18:38
    • Building the contact form form - Part 1 16:16
    • Building the contact form form - Part 2 09:11
    • Building the footer - Part 1 06:19
    • Building the footer - Part 2 17:54
  • 5. Responsive web design with media queries 3 Videos 00:54:14
    • Making the webpage responsive - Part 1 19:07
    • Making the webpage responsive - Part 2 21:30
    • A note about web browsers 12:27
  • 6. Let's add some cool effects 6 Videos 01:18:41
    • Introduction to jQuery 08:47
    • Building a “sticky” navigation - Part 1 12:16
    • Building a “sticky” navigation - Part 2 10:25
    • Scrolling to elements 09:52
    • Adding animations on scroll 14:15
    • Making the navigation responsive 19:31
  • 7. Optimizing and launching our website 5 Videos 00:40:58
    • Final touch: creating a favicon 04:43
    • Performance optimization: site speed 11:50
    • Basic search engine optimization (SEO) 08:02
    • Let’s launch our webpage! 08:59
    • Google Analytics 04:50
  • 8. BONUS lectures 3 Videos 00:47:24
    • Super effective ways to improve your website’s conversion 04:04
    • Adding a map to the Omnifood website 18:32
    • Using PHP to make our form work 22:54