This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
Autoplay
Autocomplete
Previous Lesson
Complete and Continue
5 Websites Modern Design
Create 5 Websites From Scratch Modern Web Design HTML CSS JavaScript
How to create 5 unique websites From Scratch Course introduction (4:41)
Tools and Resources for the course (8:56)
Modern Responsive Website Using Floats and CSS to create reusable grids
Single pages Float Website with Grid Structure done with CSS (3:30)
How to setup your web development environment Web Day Setup (6:05)
How to create a website wireframe to plan your site (4:10)
How to add Add HTML Main Structure (4:52)
How to update HTML with Styles. (6:42)
How to create a responsive navbar Create navBar for Site (4:21)
CSS Create Mobile Ready Responsive NavBar (6:40)
Add more content to your website Top Section Content (4:31)
How to create a CSS grid for your website using floats Create a Float Grid. (10:40)
How to add an Image Gallery (8:50)
Create content areas multiple columns Content Area 2 Columns (10:20)
How to add single column in grid Single Content Area (3:40)
How to create a Contact Form using CSS and HTML (15:26)
How to add mailto to your contact form Mail to Contact Form (3:42)
Add styling to your website Website Footer. (4:56)
Single Page Website Review. (6:39)
Single Page Flexbox website with auto scroll Javascript
Single Page Flex Website Introduction. (3:30)
Flex website how to setup WebPage Setup (6:17)
How to create sections to single page website using Flexbox Create Sections (2:16)
How to create a navbar using Flexbox NavBar (6:57)
How to design and add content Home Screen Section (5:56)
Apply your own custom Grid 3 Columns with Flex. (7:38)
How to create CSS Cards Flex box Page Cards with Flex (12:33)
How to create a CSS form using CSS flexbox (15:54)
How to create a footer CSS Flexbox CSS Page Footer. (5:36)
How to create a smooth scroll JavaScript Smooth Scroller. (6:56)
Add a JavaScript Smooth Scroller to your website 2 (8:33)
Single Page Flex Website Review (4:19)
No Javascript Checkbox Responsive Navbar Website from scratch from CSS Grid Website
CSS Grid Website Introduction (2:50)
Prepare your design CSS Grid Setup HTML (4:22)
Create website CSS Grid Website Sections (7:42)
How to create a CSS Grid responsive Nav Bar Responsive (5:52)
Add a Nav Bar Responsive to your website (12:01)
Create a fully responsive collapsible navabr Nav Bar Responsive (6:03)
How to add placeholder content Populate Content HTML (15:04)
How to Update Page Footer CSS Grid Website (8:32)
CSS Grid Website Review. (3:13)
JavaScript Collapsible menu Website Mobile Ready and Fully Responsive Float CSS
Introduction Float Responsive Website (1:51)
Modern website Website Setup and planning (6:31)
Create a modern website Setup Main HTML (5:14)
How to make it collapse Responsive NavBar CSS Styling (8:32)
Dynamic Collapse menu Responsive NavBar CSS (7:35)
Mobile ready navbar menu Responsive NavBar CSS (7:36)
Add JavaScript Select and Toggle your nav menu items (8:48)
Custom dynamic Grid Create Website and Columns (6:22)
How to add Add PlaceHolder Content and resources (9:07)
Best resources for web design Add PlaceHolder Content (7:20)
Website Tweaks and Adjustments (10:07)
Float Responsive Website Review (3:10)
CSS Flexbox website with responsive Nav sub menu items
Complex Responsive NavBar Introduction (2:42)
Website Planning and Setup for modern website design flex structure website (5:26)
Create a website Apply CSS for Website using Flexbox (9:13)
Mobile First Website design Create Responsive NavBar. (9:28)
Mobile First design Create Responsive NavBar with menu items (4:35)
Add JavaScript create interaction JavaScript NavBar Toggler. (8:25)
More complex multiple layer menu with submenu items Add NavBar Submenu (3:58)
Responsive navbar with submenu items NavBar Submenu JavaScript (3:44)
Responsive menu with submenu items Website Tweaks Updates (10:50)
Complex Responsive NavBar Overview. (12:05)
Questions and Answers from Students
Visual Studio Code Editor
How to use CSS Center Page Elements Center Text with CSS code examples Flex
Mobile First Website design Create Responsive NavBar.
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock