Autoplay
Autocomplete
Previous Lesson
Complete and Continue
HTML CSS Create a Single Page Website from Scratch
Introduction to creating a single page scrolling website from scratch
1 Single page website course introduction (2:07)
2 Web Developer Tools and Resources Overview (6:28)
3 Create a wireframe of website (2:23)
4 Build HTML page structure in prep for Styling (8:21)
5 Build Navigation Menu and Page Content (9:54)
6 Source Code
7 Build HTML tags Nesting of Semantic Elements (8:48)
8 Source Code
9 Adding Styling to your webpage (9:55)
10 Linking to Libraries Google Fonts and more (7:20)
11 Sticky Headers Section Styling (8:37)
12 Source Code
13 Build a navigation bar with CSS (6:36)
14 Add background images (7:30)
15 Section text rgba (2:37)
16 Source Code
17 CSS media for responsive web design (6:23)
18 Update menu to be Responsive on resize (5:40)
19 Introduction to JavaScript and jQuery (6:52)
20 Add Click events create interactions for users (5:07)
21 use jQuery to get pixel position of HTML elements (6:56)
22 Scroll webpage dynamically (3:45)
23 Hide menu when clicked on small screen (5:11)
24 Source Code
25 Final Fix of issues completed website (5:20)
26 Source Code
27 Source Code
28 Resources
25 Final Fix of issues completed website
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock