WEB Development
Build Responsive Real World Websites with HTML5 and CSS3
0( 0 REVIEWS )
350 STUDENTS
Instructors
Build Responsive Real World Websites with HTML5 and CSS3
350 STUDENTS ENROLLED
Course Curriculum
Course introduction | |||
2. READ BEFORE YOU START! | 00:00:00 | ||
3. E-book Resources 2.0 | 00:00:00 | ||
4. First things first: download your free e-book here | 00:00:00 | ||
Dive into HTML | |||
5. Download the Code | 00:00:00 | ||
6. Our main tool: Brackets text editor | 00:00:00 | ||
7. What is HTML? | 00:00:00 | ||
8. The structure of an HTML document | 00:00:00 | ||
9. Starting to fill the structure | 00:00:00 | ||
10. Images and attributes | 00:00:00 | ||
11. One more thing: links | 00:00:00 | ||
Quiz 1: HTML Quiz | 00:20:00 | ||
Formatting with CSS | |||
12. Getting started with CSS | 00:00:00 | ||
13. Starting to make our webpage pretty: text | 00:00:00 | ||
14. Colors | 00:00:00 | ||
15. Classes and ID’s | 00:00:00 | ||
16. The CSS box model | 00:00:00 | ||
17. Building a simple layout | 00:00:00 | ||
18. Polishing our blog post | 00:00:00 | ||
19. Relative vs. Absolute | 00:00:00 | ||
20. Getting started with the Chrome Developer Tools | 00:00:00 | ||
Quiz 2: CSS Quiz | 00:20:00 | ||
Web design basics | |||
21. Introduction to web design | 00:00:00 | ||
22. Beautiful typography | 00:00:00 | ||
23. Using colors like a pro | 00:00:00 | ||
24. The meaning of colors in web design | 00:00:00 | ||
25. Working with images | 00:00:00 | ||
26. Working with icons | 00:00:00 | ||
27. Spacing and layout | 00:00:00 | ||
28. Introduction to user experience | 00:00:00 | ||
29. Getting inspired: the secret ingredient for stunning web design | 00:00:00 | ||
30. Wrapping up what we’ve learned in this section | 00:00:00 | ||
31. The ultimate cheatsheet: all web design guidelines in one place | 00:00:00 | ||
Quiz 3: Web design quiz: test your knowledge! | 00:20:00 | ||
The killer website project | |||
32. Download the Code | 00:00:00 | ||
33. The 7 real-world steps to a fully functional website | 00:00:00 | ||
34. Download the 7 steps here | 00:00:00 | ||
35. Omnifood Project FAQs — READ BEFORE YOU START! | 00:00:00 | ||
36. Starting to put the 7 steps into action | 00:00:00 | ||
37. First development steps | 00:00:00 | ||
38. Setting up the fluid grid for responsive web design | 00:00:00 | ||
39. Building the header – Part 1 | 00:00:00 | ||
40. Building the header – Part 2 | 00:00:00 | ||
41. Building the header – Part 3 | 00:00:00 | ||
42. Building the features section – Part 1 | 00:00:00 | ||
43. Building the features section – Part 2 | 00:00:00 | ||
44. Building the favorite meals section – Part 1 | 00:00:00 | ||
45. Building the favorite meals section – Part 2 | 00:00:00 | ||
46. Building the how-it-works section – Part 1 | 00:00:00 | ||
47. Building the how-it-works section – Part 2 | 00:00:00 | ||
48. Building the cities section – Part 1 | 00:00:00 | ||
49. Building the cities section – Part 2 | 00:00:00 | ||
50. Building the customer testimonials section – Part 1 | 00:00:00 | ||
51. Building the customer testimonials section – Part 2 | 00:00:00 | ||
52. Building the sign-up section – Part 1 | 00:00:00 | ||
53. Building the sign-up section – Part 2 | 00:00:00 | ||
54. Building the contact form form – Part 1 | 00:00:00 | ||
55. Building the contact form form – Part 2 | 00:00:00 | ||
56. Building the footer – Part 1 | 00:00:00 | ||
57. Building the footer – Part 2 | 00:00:00 | ||
Responsive web design with media queries | |||
58. Making the webpage responsive – Part 1 | 00:00:00 | ||
59. Making the webpage responsive – Part 2 | 00:00:00 | ||
60. A note about web browsers | 00:00:00 | ||
Let's add some cool effects | |||
61. Download the Code | 00:00:00 | ||
62. Introduction to jQuery | 00:00:00 | ||
63. Building a “sticky” navigation – Part 1 | 00:00:00 | ||
64. Building a “sticky” navigation – Part 2 | 00:00:00 | ||
65. Scrolling to elements | 00:00:00 | ||
66. Adding animations on scroll | 00:00:00 | ||
67. Making the navigation responsive | 00:00:00 | ||
Optimizing and launching our website | |||
68. Final touch: creating a favicon | 00:00:00 | ||
69. Performance optimization: site speed | 00:00:00 | ||
70. Basic search engine optimization (SEO) | 00:00:00 | ||
71. Let’s launch our webpage! | 00:00:00 | ||
72. Google Analytics | 00:00:00 | ||
Conclusion | |||
73. You made it! Congratulations! | 00:00:00 | ||
74. My Special Gift for You: Never Stop Learning! | 00:00:00 | ||
BONUS lectures | |||
75. What’s New in CSS: A Quick Intro to Flexbox, Part 1 | 00:00:00 | ||
76. What’s New in CSS: A Quick Intro to Flexbox, Part 2 | 00:00:00 | ||
77. Using PHP to make our form work | 00:00:00 | ||
78. Super effective ways to improve your website’s conversion | 00:00:00 |
Course Reviews
No Reviews found for this course.