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.
