Autoplay
Autocomplete
Previous Lesson
Complete and Continue
JavaScript Application Mini Projects 23+ Applications and projects
JavaScript Practice - Build 5 applications
0 JavaScript Project Introduction (4:26)
Section source code and resources
00 Developer Setup (1:52)
1 JavaScript Setup (3:25)
2 Element Event Triggers (4:27)
3 Game Logic (4:28)
4 Check Winner Logic (4:20)
5 Coin Toss Game Code Review (4:29)
6 Magic 8Ball Setup (3:21)
7 Respond to Question (5:26)
8 Setup Safe Cracker (3:15)
9 JavaScript Create Elements (5:05)
10 Random Combo generator (2:41)
11 Guess Checker and Response (5:15)
12 Player Scoring (6:05)
13 Combo Lock Code Review (12:33)
14 Word Scrambler Setup (2:48)
15 Game interaction and output (2:33)
16 Randomize Array (4:27)
17 Random order array (4:40)
18 Gameplay JavaScript (2:23)
19 Player Guess checker (4:07)
20 Code Review Word Game (3:36)
21 Countdown Timer Setup (5:10)
22 Get time set Countdown (2:35)
23 Calculate Time Left (11:06)
24 Update InnerHTML elements (5:08)
25 Interval Updater (5:03)
26 LocalStorage JavaScript (4:37)
27 Countdown Timer Code Review (6:01)
28 Bonus CSS updates (3:02)
JavaScript - 3 Practice building applications from Scratch
0 Game Introduction 3 games (2:51)
Source Code and Resources
0 Web Dev setup and course tips (3:04)
1 Rock Paper Scissors Setup (3:17)
2 Make it interactive event listeners (3:10)
3 Math Random Computer Play (3:51)
4 Check Winner of Game (4:50)
5 Update Score GamePlay (3:21)
6 Player Message Function (5:36)
7 Dice Roller Game Setup (2:25)
8 JavaScript Element Objects (2:45)
9 JavaScript Math Random (5:16)
10 Winner Logic Conditions (2:53)
11 Add Dice Face Visual (2:32)
12 Create Elements using JavaScript (4:45)
13 Remove Element inside Parent (4:27)
14 Dots to the Dice Dynamically (7:03)
15 Dice Game Tweaks and Adjustments (1:02)
16 Rebuild Dice Game (3:29)
17 Dice game ready (5:24)
18 Pattern Matching Game (3:26)
19 JavaScript Create Game Board (4:57)
20 Dynamic and Interactive Elements (3:26)
21 Store Sequence in Array (4:47)
22 Set Timeout of style (2:24)
23 Random Sequence of Colors (8:10)
24 Complete Sequence Loop (1:48)
25 End Gameplay Check (5:05)
26 Code Code review and Tweaks (10:05)
JavaScript in Action - Build 3 examples from scratch
0 Code Snippet Introduction (3:40)
Section Source Code and Resources
0 Developer Setup (1:47)
1 TextArea Character Counter Setup (2:13)
2 Add Eventlisteners Multiple (3:02)
3 Character Counter (4:14)
4 Character Warning Message (2:24)
5 Text Scroller Setup (3:54)
6 Setup Scroll JavaScript (7:29)
7 Ready set Scroll (4:36)
8 Mouse Over stopper (3:27)
9 Dynamic Speed Interactive (3:16)
10 Scroller Code Review (5:28)
11 DOM Element Fun (3:05)
12 Clone elements (6:12)
13 Moving New Elements (4:24)
14 Drag new elements (6:11)
15 Random Color Generator (2:56)
16 Trash Bin for Elements (6:47)
17 Remove Elements from Page (2:15)
18 Code Review DOM Elements (10:02)
JavaScript in Action - Build 3 projects from scratch
0 JavaScript in Action Introduction (3:10)
Section source and resources
1 Just JavaScript Click Example (5:03)
2 Create Element Interaction (4:44)
3 Complete Click Counter (4:07)
4 Clicker Code Review (3:10)
5 Image PopUp (7:19)
6 Interactive Elements Images (4:28)
7 Add image src to popup (4:26)
8 Add close interaction (2:24)
9 Image PopUp Code Review (3:08)
10 Setup Hangman Game (2:34)
11 Random Sort Array (3:38)
12 Build the Game Area (4:24)
13 Add Alphabet Letters (3:56)
14 Add Event Handler (3:18)
15 Game Logic Checker (3:26)
16 Game End and restart (2:58)
17 Final Tweaks and Clean Up (2:54)
18 Final Code Review Hangman Game (5:29)
JavaScript in Action 3 useful code components
promo (0:53)
0 JavaScript in Action Introduction (2:56)
Section source code and resources
1 Dev tools and Setup (2:35)
1 JavaScript Modal Setup (4:20)
2 Make you page Interactive (3:57)
3 Show Modal (3:15)
4 Hide Modal Remove Class (4:44)
5 PopUp Modal Code Review (4:21)
6 Setup JavaScript Slideshow (4:26)
7 Add Content with JavaScript (4:32)
8 Build Content for User1 (6:52)
9 Adding clickable Indicators (3:07)
10 Play SlideShow1 (6:36)
11 Indicator Click Handle (1:41)
12 SlideShow Code Review1 (6:46)
13 Star Rating Setup Code (3:06)
14 Add Event Listeners (3:40)
15 More Events to Add (3:41)
16 Manipulate Elements (2:29)
17 Star Message To User (1:58)
18 Star Rating Code Review (5:05)
JavaScript in Action - 3 fun JavaScript projects
0 JavaScript in Action Introduction (2:56)
Section source code and resources
1 Setup HTML and JavaScript (3:52)
2 Add some JavaScript (6:14)
3 Remove Active (3:08)
4 Setup Box Chaser Game (4:10)
5 JavaScript bring your project to life (5:49)
6 Build the Grid Dynamically (9:59)
7 KeyBoard Events Movement (5:06)
8 Move element on page (4:01)
9 Set boundaries of GameArea (3:29)
10 Create Active Element (4:10)
11 Final GamePlay Updates (3:50)
12 Box Chaser Game Code Review (9:19)
13 Creating ToolTips with JavaScript (2:52)
14 JavaScript Select Elements (3:01)
15 Display Tooltip data (3:47)
16 Tooltip Code Review (3:14)
JavaScript in Action - 3 projects DOM JavaScript mini apps
0 JavaScript in Action Introduction (3:48)
Section source code and resources
1 HTML Setup and CSS (3:28)
2 Build a Calculator JavaScript (5:30)
3 Add Calculator Keys (5:30)
4 Click the button (3:12)
5 JavaScript Eval Method (3:10)
6 Check Last Character in String (4:20)
7 Calculator Fix (2:52)
8 JavaScript Calculator Code Review1 (6:43)
9 Email Extractor Application (4:03)
10 Use of RegEx Pattern Match1 (11:37)
11 Output Emails only (2:34)
12 Remove Duplicates from array (4:50)
13 Email Extractor Code Review (6:36)
14 PopUp Message Setup1 (6:03)
15 Element Interaction JavaScript (3:42)
16 Hide Show PopUp (3:32)
17 Code Review PopUp Message (3:01)
10 Use of RegEx Pattern Match1
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock