HTML CSS Create a Single Page Website from Scratch

Laurence Svekis, Web technology Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Lessons (2h 8m)
    • 1. Promo video

      2:21
    • 2. 1 Single page website course introduction

      2:07
    • 3. 2 Web Developer Tools and Resources Overview

      6:28
    • 4. 3 Create a wireframe of website

      2:23
    • 5. 4 Build HTML page structure in prep for Styling

      8:21
    • 6. 5 Build Navigation Menu and Page Content

      9:54
    • 7. 7 Build HTML tags Nesting of Semantic Elements

      8:48
    • 8. 9 Adding Styling to your webpage

      9:55
    • 9. 10 Linking to Libraries Google Fonts and more

      7:20
    • 10. 11 Sticky Headers Section Styling

      8:36
    • 11. 13 Build a navigation bar with CSS

      6:36
    • 12. 14 Add background images

      7:30
    • 13. 15 Section text rgba

      2:37
    • 14. 17 CSS media for responsive web design

      6:22
    • 15. 18 Update menu to be Responsive on resize

      5:40
    • 16. 19 Introduction to JavaScript and jQuery

      6:52
    • 17. 20 Add Click events create interactions for users

      5:07
    • 18. 21 use jQuery to get pixel position of HTML elements

      6:56
    • 19. 22 Scroll webpage dynamically

      3:45
    • 20. 23 Hide menu when clicked on small screen

      5:11
    • 21. 25 Final Fix of issues completed website

      5:20

Project Description

Use the source code to create your own project to post on jsfiddle or codepen.   Share links to your projects and examples of modifications you have done and learned from the lessons

Student Projects