Course Content
13 – Video Player
0/14
001 Video Player Project Overview.mp4
01:40
003 Build UI – Player, Video, Mobile Responsive.mp4
08:14
004 Build UI – Controls HTML, Show Controls on Hover.mp4
14:41
005 Build UI – Progress Bar Width, Hover.mp4
04:45
006 Build UI – Selection, Show CSS Variables.mp4
04:23
007 JS – Video PlayPause.mp4
13:03
008 JS – Progress Bar (Dynamic Width).mp4
06:45
009 JS – Populate Current Time Duration.mp4
07:59
010 JS – Progress Bar (Seek).mp4
07:36
011 JS – Volume (Slider).mp4
11:00
012 JS – Volume (MuteUnmute).mp4
08:55
013 JS – Playback Seed.mp4
04:56
014 JS – Fullscreen.mp4
07:12
015 Code Review.mp4
06:22
25 – Appendix Git, Github, Open Source and Building a Portfolio
0/5
001 Git + Github Part 1.mp4
17:39
003 Git + Github Part 2.mp4
16:52
004 Contributing To Open Source.mp4
14:44
005 Contributing To Open Source 2.mp4
09:42
008 Create A Portfolio.mp4
15:10
24 – Appendix How JavaScript Works
0/17
009 WebAssembly.mp4
03:15
017 Node.js.mp4
06:27
016 Javascript Runtime.mp4
14:06
015 Exercise Issue With Single Thread.mp4
02:40
014 Single Threaded.mp4
01:58
013 Memory Leaks.mp4
06:33
012 Garbage Collection.mp4
04:30
011 Stack Overflow.mp4
03:20
010 Call Stack and Memory Heap.mp4
14:37
001 JavaScript Engine.mp4
05:28
008 Writing Optimized Code.mp4
08:53
007 Comparing Other Languages.mp4
04:15
006 Inside the V8 Engine.mp4
08:56
005 Interpreters and Compilers.mp4
06:21
004 Exercise JS Engine For All.mp4
02:33
003 Inside the Engine.mp4
04:05
002 Exercise Javascript Engine.mp4
00:56
23 – Where To Go From Here
0/2
002 JavaScript And Beyond.mp4
10:50
003 Thank You!.mp4
01:17
22 – Pong
0/5
001 Pong Project Overview.mp4
02:03
002 JS – Create Canvas.mp4
15:50
003 JS – RequestAnimationFrame.mp4
17:44
004 JS – Game Over.mp4
13:14
005 Code Review.mp4
05:17
21 – Paint Clone
0/8
001 Paint Clone Project Overview.mp4
02:42
002 Build UI – Custom Slider, JSColor, Mobile Message.mp4
09:49
003 JS – Canvas Setup.mp4
12:21
004 JS – ColorRange Inputs.mp4
14:08
005 JS – Drawing on Canvas.mp4
11:29
006 JS – Store Drawing Data.mp4
06:38
007 JS – localStorage & Downloading an Image.mp4
12:02
008 Code Review.mp4
08:01
20 – Splash Page
0/7
001 Splash Page Project Overview.mp4
01:21
002 Initial Setup – Figma.mp4
12:57
003 Build UI – Adding Image Assets.mp4
09:24
004 Build UI – Styling Image Assets.mp4
09:17
005 Build UI – Adding Custom Backgrounds.mp4
09:33
006 JS – Background Controls.mp4
11:38
007 Code Review.mp4
08:27
19 – Calculator
0/10
001 Calculator Project Overview.mp4
01:28
002 Build UI – Calculator, Display, Buttons.mp4
08:12
003 Build UI – Display CSS.mp4
11:44
004 Build UI – CSS Grid.mp4
05:54
005 Build UI – Button CSS.mp4
09:28
006 JS – Adding Event Listeners.mp4
12:47
007 JS – Reset Value, Add Decimal.mp4
05:52
008 JS – Operator Functionality.mp4
12:05
009 JS – Calculation.mp4
12:18
010 Code Review.mp4
04:49
18 – Drag n’ Drop
0/10
001 Drag n’ Drop Project Overview.mp4
02:12
002 Build UI – Flexbox, Custom Scrollbar.mp4
12:53
003 JS – localStorage.mp4
09:40
004 JS – Update DOM.mp4
09:01
005 JS – Drag and Drop API.mp4
16:37
006 JS – Rebuild Arrays.mp4
10:00
007 JS – Add Item.mp4
13:07
008 JS – Delete Item.mp4
16:54
009 JS – Update Item.mp4
07:29
010 Code Review.mp4
09:08
17 – Math Sprint Game
0/12
001 Math Sprint Game Project Overview.mp4
02:19
002 Build UI – Splash Page, Countdown.mp4
12:50
003 Build UI – Game Page, Score Page.mp4
08:33
004 JS – Radio Selection & Functionality.mp4
15:41
005 JS – Countdown Page.mp4
06:35
006 JS – Generate Random Equations.mp4
13:27
007 JS – Equations to DOM.mp4
07:49
008 JS – Automatic Scrolling & Player Input.mp4
08:05
009 JS – Check Score with Timing Events.mp4
16:40
010 JS – Score Page.mp4
13:27
011 JS – Best Scores in Local Storage.mp4
18:25
012 Code Review.mp4
12:19
16 – NASA APOD
0/12
001 NASA APOD Project Overview.mp4
02:11
002 Asset – Custom Loading Animation.mp4
07:52
003 Build UI – Navigation.mp4
11:48
004 Build UI – Card with Image.mp4
13:46
005 JS – NASA API DocumentationFetch.mp4
10:02
006 JS – Create DOM Elements.mp4
21:11
007 JS – Save Favourites.mp4
15:44
008 JS – Favorites DOM Elements.mp4
10:07
009 JS – Delete Favorites.mp4
07:07
010 JS – Navigation, Loader.mp4
12:22
011 Code Review.mp4
07:43
012 Optional Declarative vs Imperative.mp4
06:17
15 – Spock Rock Game
0/10
001 Spock Rock Project Overview.mp4
02:29
002 Build UI – Player Containers, FontAwesome.mp4
09:33
003 Build UI – CSS, Google Fonts.mp4
15:21
004 JS – Setup, Player Selection.mp4
13:34
005 JS – Computer Selection.mp4
09:48
006 JS – Check Results.mp4
12:37
007 JS – Reset All.mp4
05:18
008 JS – Confetti Functionality.mp4
09:41
009 JS – Module Refactoring.mp4
12:05
010 Code Review.mp4
13:16
14 – Form Validator
0/8
001 Form Validator Project Overview.mp4
03:10
002 Build UI – HTML Forms, Input, Labels.mp4
12:55
003 Build UI – CSS (Body, Container), Google Fonts.mp4
07:42
004 Build UI – Form CSS.mp4
10:41
005 HTML Form Validation.mp4
13:44
006 JS – Validate Form.mp4
11:29
007 JS – Validate Passwords, Store Data.mp4
14:12
008 Code Review.mp4
06:53
01 – Introduction
0/3
001 Course Outline.mp4
09:10
002 Join Our Online Classroom!.mp4
04:01
004 The Purpose Of JavaScript.mp4
04:29
12 – Book Keeper
0/10
001 Book Keeper Project Overview.mp4
01:44
002 Building Our UI.mp4
08:42
003 Building Our UI 2.mp4
13:54
004 Building Our Modal.mp4
16:36
005 Modals With JavaScript.mp4
10:20
007 Form Validation.mp4
15:02
008 localStorage And Fetch.mp4
11:40
009 Building The Bookmarks.mp4
11:37
010 Deleting The Bookmarks.mp4
07:19
011 Code Review.mp4
05:33
11 – Custom Countdown
0/11
001 Custom Countdown Project Overview.mp4
02:03
002 Video Background.mp4
09:58
003 Building Our UI Components.mp4
11:19
004 Building Our UI Components 2.mp4
10:33
005 JavaScript Dates.mp4
09:10
006 Form Values.mp4
06:59
007 Populate Countdown UI.mp4
15:31
008 setInterval And clearInterval.mp4
09:11
009 Finishing Up The UI.mp4
06:09
010 Caching With LocalStorage.mp4
10:17
011 Code Review.mp4
06:18
10 – Music Player
0/9
001 Music Player Project Overview.mp4
01:59
002 Setting Up Our HTML and CSS.mp4
15:50
003 Coding Our Responsive UI.mp4
08:17
004 JavaScript To Play Audio.mp4
08:57
005 Music Player With JavaScript.mp4
14:18
006 Progress Bar.mp4
08:32
007 Progress Bar 2.mp4
10:15
008 Progress Bar 3.mp4
11:25
009 Code Review.mp4
07:24
09 – Navigation Nation
0/7
001 Navigation Nation Project Overview.mp4
01:22
002 Setting Up Our HTML and CSS.mp4
07:10
003 Navigation UI.mp4
13:02
004 Animating Menu With JavaScript.mp4
13:25
005 Animations CSS.mp4
10:41
006 Cleaning Up Our JavaScript.mp4
11:47
007 Code Review.mp4
04:40
08 – Animated Template
0/6
001 Animated Template Project Overview.mp4
01:01
002 Setting Up Our Template.mp4
06:12
003 Setting Up Our Content.mp4
09:07
004 JavaScript Inside of HTML.mp4
08:56
005 Animation On Scroll.mp4
14:57
006 Code Review.mp4
19:47
07 – Light & Dark Mode
0/8
001 Light Dark Mode Project Overview.mp4
01:41
002 HTML and CSS Setup.mp4
13:02
003 Content In Our Project.mp4
13:31
004 Toggle Theme With JavaScript.mp4
11:38
005 Toggle Theme With JavaScript 2.mp4
12:12
006 LocalStorage To Save User Data.mp4
07:04
007 Code Review.mp4
07:40
008 Exercise Imposter Syndrome.mp4
02:55
06 – Joke Teller
0/8
001 Joke Teller Project Overview.mp4
01:15
002 Styling and HTML Elements.mp4
08:06
003 Responsive Layout and Styling.mp4
09:10
005 JavaScript In The Project.mp4
13:04
006 JavaScript In The Project 2.mp4
15:03
007 JavaScript In The Project 3.mp4
07:19
008 Finishing Up The Project.mp4
09:17
009 Code Review.mp4
08:19
05 – Picture In Picture
0/5
001 Picture In Picture Project Overview.mp4
08:30
002 Setting Up Our Project.mp4
06:53
003 Styling and HTML Elements.mp4
10:47
004 Adding Functionality With JavaScript.mp4
11:41
005 Code Review.mp4
07:32
04 – Infinity Scroll
0/9
001 Infinity Scroll Project Overview.mp4
02:02
002 Loader SVG.mp4
04:48
003 Centering Elements On The Page.mp4
11:19
004 Responsive Layout.mp4
06:14
005 Fetching Data.mp4
11:55
006 JavaScript To Display Data.mp4
14:06
007 Infinite Scroll With JavaScript.mp4
08:32
008 Infinite Scroll With JavaScript 2.mp4
11:37
009 Code Review.mp4
06:24
03 – Quote Generator
0/11
001 Quote Generator Project Overview.mp4
02:01
002 Setting Up Our Project.mp4
04:59
003 Styling and HTML Elements.mp4
14:27
004 Creating Beautiful Buttons.mp4
06:55
006 [NEW] Fetching Data With JavaScript.mp4
17:29
008 [NEW] Manipulating DOM With JavaScript.mp4
15:12
009 [NEW] Creating A Loader With JavaScript.mp4
08:32
012 [OPTIONAL] Fetching Data With JavaScript.mp4
08:08
015 [OPTIONAL] Manipulating DOM With JavaScript.mp4
12:28
016 [OPTIONAL] Creating A Loader With JavaScript.mp4
05:08
017 Code Review.mp4
07:38
02 – Developer Setup
0/4
002 OPTIONAL MACLINUX Setup.mp4
04:40
003 OPTIONAL WINDOWS Setup.mp4
06:58
004 Our Visual Studio Code Setup + Templates.mp4
12:34
005 Developer Tools + Github Pages.mp4
07:52
[Last updated 11/2022] JavaScript Web Projects: 20 Projects to Build Your Portfolio (Udemy – Engsub)
Previous
Next
0% Complete