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
19 students are watching this class

About This Class

Welcome to this class!

If you want to learn HTML & CSS to build websites, this course will teach you all of the core fundamentals you will need to know to build amazing websites from scratch!

Together, we will build your own portfolio website, which you can use to showcase your projects. 

Here is my live version here:

https://chris-dixons-portfolio.netlify.com

No coding experience is necessary, and I will do my best to explain everything we do along the way. Although if you have used HTML & CSS Before, you can hopefully sharpen your skills and learn some new tricks.

During this course you will learn all the basics of HTML & CSS, along with some more intermediate topics such as animations, media queries, responsive design, hover effects, Flexbox & Grid, how to include a parallax effect and so much more.

We finish things off by uploading your project to the web for the rest of the world to see!

Looking forward to seeing you in the class!