Learn HTML & CSS by Building 3 Projects: Launch your career!

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
25 Lessons (3h 29m)
    • 1. Welcome and what we will be building.

      2:51
    • 2. File & Folder Structure

      4:01
    • 3. Basic HTML Structure

      9:38
    • 4. Useful resources

      6:25
    • 5. HTML5 Header Section

      11:23
    • 6. Styling the Header

      16:52
    • 7. HTML- Main content area

      9:01
    • 8. Styling the main content

      14:54
    • 9. HTML- Adding the footer

      3:22
    • 10. Styling the footer

      5:35
    • 11. Setting up our responsive project

      13:25
    • 12. HTML Header- Adding the menu and responsive images

      9:56
    • 13. Adding the final HTML

      16:46
    • 14. Mobile first styling- Header section

      12:51
    • 15. Mobile first styling- Header section continued

      5:02
    • 16. Final CSS for mobile view

      10:47
    • 17. Introduction to CSS3 Media Queries and styling the tablet view

      10:12
    • 18. Tablet styling continued

      9:52
    • 19. Final CSS for larger devices and desktops

      7:18
    • 20. Introduction to Bootstrap & Setting up

      5:34
    • 21. Adding the responsive navigation bar

      6:12
    • 22. Including the sliding carousel & marketing area

      8:29
    • 23. Finishing off with the featured area and footer

      7:38
    • 24. Thank you and what now?

      0:42
    • 25. Follow me on Skillshare!

      0:23
17 students are watching this class

Project Description

MyCollege- A fully responsive, hand coded website

Project- MyCollege

As you progress through this course you will expand your knowledge by building 3 projects.

Project 2- MyCollege in particular is a great project to upload to the project gallery. It is the the project where you can really get creative and show off your responsive, hand coded design skills.

Why not customise the design to your own colours, images and even change how the website reacts at differend screen sizes?

You can really let your creativeness go and I can wait to see what you create!

Student Projects

Lera Ginzburg
1 comment
Carina Cully
2 comments
Jamin Cassidy
1 comment
Sareeka Rai
Ro Ben
1 comment
Jide Hassan
Kevin Pha
2 comments
Renee Brown
JC
1 comment
David Rotman
1 comment