Courses
watching now
1 Students
160 Lessons
Beginner
Certificate Available

What Will You Learn?

  • Create web pages with HTML
  • Style web pages with CSS
  • Create interactive web pages with JavaScript
  • Create Dynamic Pages with JavaScript

Curriculum

16h 57m
Section 1: Introduction to HTML
13:17
Section 2: HTML - learn how to write HTML code and create web pages with HTML5
3:07:45
1 Intro and Resources for HTML
Watch now
07:23
Resources
2 Create a HTML Template
Watch now
06:16
3 What is an Element
Watch now
05:46
4 Headings and Bolded Text
07:01
5 Apply HTML Tags – Exercise 1
05:28
6 Text Formats
10:03
7 HTML comments
02:36
8 HTML HyperLinks Anchor
09:52
9 Apply HTML Tags – Exercise 2
07:12
10 MailTo – send Email
02:58
11 Image Tags in HTML
06:37
11 Social Profile Linking – Exercise 3
04:27
12 HTML Lists: UL OL DL
06:44
13 HTML Tables
08:55
14 Back In Time – Challenge 4
11:11
15 HTML Block and Inline Elements
03:49
16 HTML5 Semantic Elements
06:39
17 Get On GitPages
03:51
18 Challenge – Live Resume
07:35
19 HTML Forms
08:46
20 HTML Forms 2
08:33
21 Form Field Options
16:02
22 FieldSet and Forms
01:23
23 iFrames
06:48
24 Audio and Video Tags
04:18
25 HTML Meta Tags
05:45
26 Common Tags with Source Files
05:03
27 Debugging HTML
05:26
Section 3: CSS and Web Styling Web Design
3:56:00
1 What is CSS
04:02
Source Code and Resources
2 CSS Syntax
03:48
3 Writing CSS
11:55
4 Comments CSS
02:21
5 CSS selectors
04:56
6 CSS Color Units
12:12
7 CSS Background Color Challenge
04:55
8 CSS Background Images
12:14
9 Background Size
05:12
10 Height and Width
07:12
11 Chrome DevTools
05:20
12 CSS Units
03:42
13 CSS Borders
11:33
14 Margin CSS
09:03
15 CSS Padding
08:46
16 Box Model
04:00
17 CSS Outline
03:09
18 Pseudo Classes
08:00
19 Pseudo Elements
07:13
20 Fun Fonts in CSS
05:01
21 Google Fonts
04:07
22 Font Awesome
02:53
23 Text and more font in CSS
07:49
24 CSS Display Property
09:46
25 NavBar Maker Exercise
05:49
26 CSS Position
09:16
27 z-Index
01:42
28 Overflow of Element Content
03:30
28 Project Website SideBar Nav
11:30
29 Float Elements in CSS
05:14
30 Use Floats for Web Template
09:03
31 Image Gallery with Floats
08:30
32 Mouse Cursor Changes
01:58
33 Advanced Selectors
08:34
34 Media CSS
05:33
35 CSS selector specificity
06:06
Section 4: CSS Advanced
34:13
1 CSS Linear Gradients
07:04
Source Code and Resources
2 CSS Radial Gradients
07:06
3 CSS 2D Transforms
09:09
4 CSS 3D Transforms
04:40
5 CSS Animations
06:03
Section 5: CSS Grid and CSS Flexbox
1:17:28
1 FlexBox Layout
03:53
Source and Resources
2 Flex NavBar Challenge
05:34
3 Sizing with Flexbox
07:54
4 Flex items Size
08:03
5 Flex Image Gallery Challenge
07:59
6 Grid Layout
03:41
7 Grid Rows and Columns
04:55
8 Grid Rows and Columns Width
06:48
9 Grid Items
07:50
10 Grid Area Names
05:53
11 WebSite Examples
14:44
Section 6: JavaScript Introduction
5:11:21
JavaScript Introduction
02:37
Source Code and Resources
1 Welcome to JavaScript
08:57
2 Writing JavaScript
05:08
3 JavaScript and HTML
10:35
4 Comments JavaScript
03:53
5 Output Options JavaScript
06:12
6 Output Action Challenge
06:52
7 JavaScript Variables
06:41
8 Let and Const JavaScript
06:26
9 Data Types
06:48
10 Challenge – JavaScript Prompt
05:36
11 Template Literals
06:13
12 Prompt Challenge
02:52
13 Type Conversion and Coercion
07:01
14 Type Challenge
03:29
15 JavaScript Operators
03:46
16 JavaScript Assignment Operators
02:31
17 JavaScript Comparison Operators
03:31
18 Truthy and Falsey
02:26
19 Condition Statements
06:12
20 Condition Challenge
05:53
21 Ternary Operator
05:27
22 Logical Operators
05:45
23 JavaScript Switch Statement
04:55
24 Switch Friends Challenge
04:14
25 JavaScript Functions
07:41
26 JavaScript Function Parameters
07:05
27 JavaScript Function Return
05:18
28 Function Expression
06:47
29 Function Scope
07:43
30 Function Closures
08:00
31 Function Recursion
04:37
32 Number Guesser Challenge
06:44
33 IIFE functions
05:36
34 Arrow Functions