Build Responsive Real World Websites with HTML5 and CSS3

Section 1: Course introduction
3 Topics
1. Let’s Start This Amazing Journey!
2. READ BEFORE YOU START!
3. My Resources Page (Former E-Book)
Section 2: Dive into HTML
8 Topics
4. Download the Code
5. Our main tool: Brackets text editor
6. What is HTML?
7. The structure of an HTML document
8. Starting to fill the structure
9. Images and attributes
10. One more thing: links
Quiz 1: HTML Quiz
Section 3: Formatting with CSS
10 Topics
11. Getting started with CSS
12. Starting to make our webpage pretty: text
13. Colors
14. Classes and ID’s
15. The CSS box model
16. Building a simple layout
17. Polishing our blog post
18. Relative vs. Absolute
19. Getting started with the Chrome Developer Tools
Quiz 2: CSS Quiz
Section 4: Web design basics
12 Topics
20. Introduction to web design
21. Beautiful typography
22. Using colors like a pro
23. The meaning of colors in web design
24. Working with images
25. Working with icons
26. Spacing and layout
27. Introduction to user experience
28. Getting inspired: the secret ingredient for stunning web design
29. Wrapping up what we’ve learned in this section
30. The ultimate cheatsheet: all web design guidelines in one place
Quiz 3: Web design quiz: test your knowledge!
Section 5: The killer website project
26 Topics
51. Building the sign-up section – Part 1
52. Building the sign-up section – Part 2
53. Building the contact form form – Part 1
54. Building the contact form form – Part 2
55. Building the footer – Part 1
56. Building the footer – Part 2
2 of 2
Section 6: Responsive web design with media queries
3 Topics
57. Making the webpage responsive – Part 1
58. Making the webpage responsive – Part 2
59. A note about web browsers
Section 7: Let’s add some cool effects
7 Topics
60. Download the Code
61. Introduction to jQuery
62. Building a “sticky” navigation – Part 1
63. Building a “sticky” navigation – Part 2
64. Scrolling to elements
65. Adding animations on scroll
66. Making the navigation responsive
Section 8: Optimizing and launching our website
5 Topics
67. Final touch: creating a favicon
68. Performance optimization: site speed
69. Basic search engine optimization (SEO)
70. Let’s launch our webpage!
71. Google Analytics
Section 9: Conclusion
2 Topics
72. You made it! Congratulations!
73. My Other Courses + Updates
Previous Topic
Next Topic

35. Starting to put the 7 steps into action

Build Responsive Real World Websites with HTML5 and CSS3 Section 5: The killer website project 35. Starting to put the 7 steps into action
Lesson Progress
0% Complete
Previous Topic
Back to Lesson
Next Topic