Beginner HTML & CSS: Build your own personal blog!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
32 Lessons (2h 14m)
    • 1. Welcome to the course!

      2:13
    • 2. Required tools

      2:57
    • 3. What is HTML & CSS?

      2:13
    • 4. Choose your theme!

      0:59
    • 5. Starting a web project

      2:45
    • 6. Structuring HTML pages

      5:48
    • 7. Creating the header

      4:30
    • 8. Semantic HTML and layout

      3:26
    • 9. Links, nesting & indentation

      4:08
    • 10. Div tags and text

      4:19
    • 11. Internal CSS and Google fonts

      7:13
    • 12. Classes and ID's

      2:51
    • 13. Introduction to Flexbox & responsive design

      2:40
    • 14. Header CSS, margin & padding

      7:14
    • 15. Where to find great stock images

      3:40
    • 16. Background images and flexbox positioning

      6:38
    • 17. Final styling for small screens

      4:49
    • 18. Introduction to media queries

      8:01
    • 19. External stylesheets

      4:09
    • 20. Adding the blog page

      2:07
    • 21. Creating blog posts

      9:30
    • 22. Sidebar social media icons

      7:43
    • 23. Introduction to tables and HTML entities

      8:51
    • 24. Blog styling and psuedo classes

      7:06
    • 25. Blog styling for larger devices

      3:56
    • 26. Browser support

      2:10
    • 27. Browser developer tools intro

      3:09
    • 28. Speeding up your coding with Emmet

      3:13
    • 29. Block vs inline elements

      2:30
    • 30. Final challenge

      0:58
    • 31. Final step

      1:33
    • 32. Skillshare follow me video

      0:23
15 students are watching this class