Mastering HTML & CSS: Build 15 Professional Projects in 15 Hours 2023

A 15-hour comprehensive masterclass to learn HTML and CSS fundamentals by building 15 professional web development projects.

Tipo: Curso Level: Principiante Year: 2023

Course Lessons

  • 1. Course Overview View
  • 2. HTML and CSS Course Setup View
  • 3. What is HTML View
  • 4. Structure of HTML View
  • 5. Headings and paragraphs In HTML View
  • 6. Comments In HTML View
  • 7. Lorem Ipsum View
  • 8. Lists in HTML View
  • 9. Images In HTML View
  • 10. Links and Hyperlinks In HTML View
  • 11. Forms and input In HTML View
  • 12. Video and Audio In HTML View
  • 13. Semantic HTML View
  • 14. Typographic Tags In HTML View
  • 15. HTML Project View
  • 16. What Is CSS View
  • 17. 3 Ways To Write CSS View
  • 18. CSS Colors In Depth View
  • 19. CSS Unites In Depth View
  • 20. CSS Fonts In Depth View
  • 21. CSS Box Model In Depth View
  • 22. CSS Background Properties In Depth View
  • 23. Master CSS Gradients View
  • 24. Master CSS Filters View
  • 25. CSS Advance Selectors View
  • 26. CSS Pseudo Selectors View
  • 27. Display Properties In Depth View
  • 28. All About CSS Icons View
  • 29. Text Shadow and Box Shadow In CSS View
  • 30. CSS Inheritance In Depth View
  • 31. Position Properties View
  • 32. Master CSS Flexbox View
  • 33. Flexbox Froggy View
  • 34. Master CSS Grid View
  • 35. Grid Garden Game View
  • 36. CSS Calc Function View
  • 37. Master CSS Mix-blind-mode View
  • 38. CSS is Function View
  • 39. CSS Before and After View
  • 40. CSS not Function View
  • 41. CSS Variables In Depth View
  • 42. DRY CSS View
  • 43. CSS Transformation, Transitions and Animations In Depth View
  • 44. CSS Media Queries View
  • 45. Master HTML and CSS Emits View
  • 46. HTML and CSS Coffee Landing page Project View
  • 47. HTML and CSS The Art Landing Page Project View
  • 48. HTML and CSS Hoodies Landing Page Project View
  • 49. HTML and CSS Barbers Landing Page Project View
  • 50. HTML and CSS Chairs Landing Page Project View
  • 51. Bonus Projects For Beginners View
  • 52. Build Creative Loading Animation In CSS View
  • 53. Build Custom Scrollbar In CSS View
  • 54. Build Image Hover Effect In CSS View
  • 55. Build Creative Image Hover Effect In CSS View
  • 56. Build Modern and Creative Cards In CSS View
  • 57. Build CSS ToolTip View
  • 58. Build CSS Accordion Project View
  • 59. Build CSS Scrollbar View
  • 60. Image Background Text View
  • 61. Outro View

This is the most comprehensive HTML and CSS Masterclass, specifically designed for absolute beginners who have no prior coding knowledge, but also suitable for those who wish to reinforce their foundational skills and directly jump into building projects.

The course structure ensures that students first grasp the core concepts of HTML and CSS, followed by crucial modern layout techniques like Flexbox and CSS Grid.

The true value proposition of this masterclass is its project-based approach, where the student applies every concept immediately by creating 15 stunning and fully functional websites. This method is highly effective, allowing learners to build a professional portfolio of real-world projects that showcase proficiency in responsive design, animations, and modern CSS features, preparing them to build their own markups by the end of the course.

Key Information
  • Year: 2023
  • Duration: 14 horas y 2 minutos
  • Language: English
  • Level: Principiante
  • Technologies:

    HTML, CSS, Flexbox, CSS Grid, Visual Studio Code (VS Code), Web Browser (recommended: not Internet Explorer/Edge).

Topics / Technologies