HTML & CSS Coding for Beginners: Build your own portfolio! | Chris Dixon | Skillshare

HTML & CSS Coding for Beginners: Build your own portfolio!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
25 Lessons (2h 45m)
    • 1. Introduction

      1:55
    • 2. What is HTML & CSS

      6:04
    • 3. Setting up our portfolio project

      5:36
    • 4. Sketch your ideas and gather your project images

      3:04
    • 5. The header section & semantic elements

      6:43
    • 6. CSS first look and linking our stylesheet

      14:17
    • 7. Quick Aside: Inspecting CSS with the devtools

      3:19
    • 8. Background images & the parallax effect

      8:15
    • 9. Quick Aside: Margin, padding and the box model

      3:45
    • 10. Block, inline and nesting content

      11:21
    • 11. First look at the CSS Flexbox

      9:54
    • 12. Contact us section and final mobile first CSS

      7:17
    • 13. CSS Media queries

      14:59
    • 14. Custom CSS animations

      8:28
    • 15. Animation libraries

      12:05
    • 16. Quick Aside: Browser compatibility

      4:47
    • 17. Setting up our projects page

      3:37
    • 18. Including our projects page HTML

      4:41
    • 19. Mobile first project layout using Flexbox

      6:06
    • 20. First look at the CSS grid

      6:56
    • 21. Grid areas for more advanced layouts

      6:03
    • 22. CSS text overlay, hover effects and animations

      12:13
    • 23. Hosting

      2:29
    • 24. Final thoughts

      0:17
    • 25. Follow me on Skillshare!

      0:23
45 students are watching this class