HTML and CSS 3
-
1 - Introduction (3:35)
-
2 - Text Editors, Browsers and First Webpage (8:46)
-
3 - Headers, Paragraphs, Line Breaks and Horizontal Lines (9:57)
-
4 - Bold, Italic, Comments and Blockquote (7:59)
-
5 - Lists (11:54)
-
6 - Links (6:40)
-
7 - Multiple Webpages and Website Links (17:35)
-
8 - Customized Links (12:11)
-
9 - Doctype, Namespace, Metadata and Deprecated Tags (16:25)
-
10 - Images (9:07)
-
11 - Tables (9:58)
-
12 - Internal, External and Inline CSS (16:44)
-
13 - Classes and Ids (8:10)
-
14 - Divs and Positioning (19:55)
-
15 - Fonts (10:00)
-
16 - Text-Align, Margin and Padding (8:37)
-
17 - Colors (4:57)
-
18 - Link States (13:19)
-
19 - Structuring our Website (11:10)
-
20 - DropList and Textarea (5:55)
-
21 - Radio Button and Checkbox (8:57)
-
22 - Forms (10:52)
-
23 - Embedding Content (7:52)
-
24 - Bugs, Errors and Debugging (1:49)
-
25 - IDE and Framework (3:14)
-
26 - CMS and WYSIWYG (5:19)
-
27 - Web Hosting and Templates (4:45)
-
28 - Setting up a Template (6:32)
-
29 - FrontEnd, BackEnd, Photoshop and Fireworks (2:19)
-
30 - Different Types of Websites (6:09)
Bootstrap
-
Bootstrap 4 Tutorial 1 - Setting Up A Project (4:44)
-
Bootstrap 4 Tutorial 2 - Grid System (6:17)
-
Bootstrap 4 Tutorial 3 - More Grid Sizes (8:14)
-
Bootstrap 4 Tutorial 4 - Varying Grid Sizes (9:45)
-
Bootstrap 4 Tutorial 5 - Offsetting Columns (5:15)
-
Bootstrap 4 Tutorial 6 - Multiple Rows (3:11)
-
Bootstrap 4 Tutorial 7 - Nesting Columns (7:53)
-
Bootstrap 4 Tutorial 8 - Column Ordering (4:42)
-
Bootstrap 4 Tutorial 9 - Media Objects (5:55)
-
Bootstrap 4 Tutorial 10 - Nesting Media Objects (3:23)
-
Bootstrap 4 Tutorial 11 - Media Object Alignment (1:54)
-
Bootstrap 4 Tutorial 12 - Buttons (10:13)
-
Bootstrap 4 Tutorial 13 - Button Groups (5:18)
-
Bootstrap 4 Tutorial 14 - Checkbox Buttons (5:11)
-
Bootstrap 4 Tutorial 15 - Radio Buttons (6:20)
-
Bootstrap 4 Tutorial 16 - Button Dropdown (9:59)
-
Bootstrap 4 Tutorial 17 - Input Groups (4:47)
-
Bootstrap 4 Tutorial 18 - Jumbotron (4:39)
-
Bootstrap 4 Tutorial 19 - Labels (5:41)
-
Bootstrap 4 Tutorial 20 - Alerts (6:18)
-
Bootstrap 4 Tutorial 21 - Cards (5:51)
-
Bootstrap 4 Tutorial 22 - More Card Content Types (2:55)
-
Bootstrap 4 Tutorial 23 - Card Text Alignment (2:22)
-
Bootstrap 4 Tutorial 24 - Cards Header & Footer (3:14)
-
Bootstrap 4 Tutorial 25 - Card Image Caps (2:00)
-
Bootstrap 4 Tutorial 26 - Card Image Overlay (1:29)
-
Bootstrap 4 Tutorial 27 - Inverting Cards (2:52)
-
Bootstrap 4 Tutorial 28 - Card Background Varients (3:10)
-
Bootstrap 4 Tutorial 29 - Card Groups (2:14)
-
Bootstrap 4 Tutorial 30 - Card Decks (2:42)
-
Bootstrap 4 Tutorial 31 - Card Columns (4:36)
-
Bootstrap 4 Tutorial 32 - Base Nav (2:56)
-
Bootstrap 4 Tutorial 33 - Nav Tabs & Pills (3:44)
-
Bootstrap 4 Tutorial 34 - Nav Dropdowns (4:55)
-
Bootstrap 4 Tutorial 35 - Nav Tab Panes (7:19)
-
Bootstrap 4 Tutorial 36 - Navbar (7:15)
-
Bootstrap 4 Tutorial 37 - Navbar Color Schemes (3:22)
-
Bootstrap 4 Tutorial 38 - Navbar Placement (3:32)
-
Bootstrap 4 Tutorial 39 - Navbar Collapsible Conte (3:56)
-
Bootstrap 4 Tutorial 40 - Responsive Navbar (4:42)
-
Bootstrap 4 Tutorial 41 - Breadcrumb (3:46)
-
Bootstrap 4 Tutorial 42 - Pagination (6:33)
-
Bootstrap 4 Tutorial 43 - Pager (3:41)
-
Bootstrap 4 Tutorial 44 - Progress (6:51)
-
Bootstrap 4 Tutorial 45 - List Groups (4:28)
-
Bootstrap 4 Tutorial 46 - Advanced List Groups (6:25)
-
Bootstrap 4 Tutorial 47 - Modals (12:58)
-
Bootstrap 4 Tutorial 48 - Tooltips (6:03)
-
Bootstrap 4 Tutorial 49 - Popovers (6:37)
-
Bootstrap 4 Tutorial 50 - Collapse (3:48)
-
Bootstrap 4 Tutorial 51 - Accordion Collapse (9:14)
-
Bootstrap 4 Tutorial 52 - Carousel (9:43)
-
Bootstrap 4 Tutorial 53 - Utility Classes (3:48)
Javascript
-
1 - Intro (7:59)
-
2 - External Scripts (4:25)
-
3 - Comments (2:26)
-
4 - Variables (8:06)
-
5 - Data Types (2:57)
-
6 - Alerts (5:11)
-
7 - Functions (9:05)
-
8 - More Functions (7:31)
-
9 - Scopes (3:54)
-
10 - Arithmetic Operators (6:22)
-
11 - Assignment Operators (4:23)
-
12 - Comparison Operators (9:44)
-
13 - Logical Operators (7:03)
-
14 - If Statement (6:42)
-
15 - Block Nesting (8:26)
-
16 - Complex Comparisons (5:19)
-
17 - Else If Statement (5:58)
-
18-Switch-Statement (7:17)
-
19 - Prompt (4:59)
-
20 - For Loop (6:40)
-
21 - While Loop (4:04)
-
22 - Arrays (6:59)
-
23 - Array Values and Length (6:41)
-
24 - Array Properties and Methods (6:26)
-
25 - Objects (10:26)
-
26 - Constructor Functions (14:24)
-
27 - Predefined Objects (11:11)
-
28 - DOM (8:42)
-
29 - DOM Nodes (7:56)
-
30 - Insert Values (9:46)
-
31 - CSS with JavaScript (5:03)
-
32 - Event Handlers (6:50)
-
33 - More Events (5:49)
-
34 - AddEventListener (5:54)
-
35 - Libraries and Frameworks (3:33)
Github
Freelancing Basic and Build a Responsive Website
-
1 - Know Your Skills (3:12)
-
2 - Know how much you cost (4:36)
-
3 - Create a plan (2:42)
-
(Optional) - Portfolio Website Inspiration
-
(Optional) - Good vs Bad Portfolio
-
Create a Responsive Website (part 1) (16:35)
-
Create a Responsive Website (part 2) (15:19)
-
Create a Responsive Website (part 3) (16:46)
-
Create a Responsive Website (part 4) (17:18)
How to Differentiate Yourself as a Freelancer
Where to Get Started as a Freelancer
