Stack Learner – Web Design Master Class

In this repository, you will find source codes, explanations, and other resources for Web Design Master Class. It is an open-source repository and feels free to add documentation, examples, and other references when necessary. Please create issues when you get confused or if something does not work. Other members will help you to solve your issues.

Quick Links:

Youtube Playlist Link

Source Codes

Community Driven Examples

Course Curriculum

  1. Introduction
  2. Environment Setup
  3. Play with HTML & CSS
  4. HTML Common Tags
  5. CSS Units
  6. CSS Box Model
  7. CSS Layout using Floats
  8. CSS Flexbox
  9. CSS Grid Layout
  10. CSS Display Properties
  11. CSS Positions
  12. CSS Pseudo Classes and Elements
  13. CSS Advanced Common Topics
  14. CSS Transformations
  15. CSS Transitions
  16. CSS Animations
  17. HTML Head
  18. HTML Link
  19. HTML List
  20. Project 1 – Navigation Bar
  21. Project 2 – HTML Dropdown Design
  22. Project 3 – HTML Mega
  23. Project 4 – HTML Table Design
  24. Project 5 – HTML Form Design
  25. Project 6 – Image Gallery
  26. Project 7 – Single Page Portfolio
  27. Project 8 – Multi Page Blog
  28. CSS Responsive Design
  29. CSS Frameworks
  30. Bootstrap 5 Layouts
  31. Bootstrap 5 Components
  32. Bootstrap 5 Utilities
  33. Project – 9 Bootstrap 5 Blog Design
  34. CSS Programming using SCSS
  35. Project 10 – Corporate Website
  36. Project 11 – ECommerce Website

GitHub

View Github