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
Create a website Apply CSS for Website using Flexbox
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock