[Last updated 11/2022] JavaScript Web Projects: 20 Projects to Build Your Portfolio (Udemy – Engsub)

About Course

Views

What you’ll learn:
20 projects with pure JavaScript, HTML5, CSS3 with all code provided
Go from a total beginner to a confident JavaScript developer
Learn UI/UX practices to build responsive and mobile first web applications
Asynchronous programming with AJAX, Fetch API, Promises & Async + Await
Work with Web APIs (localStorage, DOM, + more)
Write clean, maintainable and performant Javascript code
Modern HTML5 (Canvas, Video, Audio + more)
Modern CSS3 (Animations, Transitions, Variables + more)
Build 20 beautiful and customizable, real world frontend applications
Avoid common mistakes other Javascript programmers and beginners make
Time video:
32.5 hours (242 Lessons + Documents)
Teacher:
Andrei Neagoie, Jacinto Wong, Zero To Mastery
Total weight:
24.2 GB

Original link:
https://www.udemy.com/course/javascript-web-projects-to-build-your-portfolio-resume/
Link :
Below The Post

Tải video và file sub srt về và dùng phần mềm VLC để xem nhé.

Course Content

13 – Video Player

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

24 – Appendix How JavaScript Works

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

22 – Pong

21 – Paint Clone

20 – Splash Page

19 – Calculator

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

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

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

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

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

01 – Introduction

12 – Book Keeper

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

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

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

08 – Animated Template

07 – Light & Dark Mode

06 – Joke Teller

05 – Picture In Picture

04 – Infinity Scroll

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

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

Student Ratings & Reviews

No Review Yet

About Course

Course Content

13 – Video Player

001 Video Player Project Overview.mp4

003 Build UI – Player, Video, Mobile Responsive.mp4

004 Build UI – Controls HTML, Show Controls on Hover.mp4

005 Build UI – Progress Bar Width, Hover.mp4

006 Build UI – Selection, Show CSS Variables.mp4

007 JS – Video PlayPause.mp4

008 JS – Progress Bar (Dynamic Width).mp4

009 JS – Populate Current Time Duration.mp4

010 JS – Progress Bar (Seek).mp4

011 JS – Volume (Slider).mp4

012 JS – Volume (MuteUnmute).mp4

013 JS – Playback Seed.mp4

014 JS – Fullscreen.mp4

015 Code Review.mp4

25 – Appendix Git, Github, Open Source and Building a Portfolio

001 Git + Github Part 1.mp4

003 Git + Github Part 2.mp4

004 Contributing To Open Source.mp4

005 Contributing To Open Source 2.mp4

008 Create A Portfolio.mp4

24 – Appendix How JavaScript Works

009 WebAssembly.mp4

017 Node.js.mp4

016 Javascript Runtime.mp4

015 Exercise Issue With Single Thread.mp4

014 Single Threaded.mp4

013 Memory Leaks.mp4

012 Garbage Collection.mp4

011 Stack Overflow.mp4

010 Call Stack and Memory Heap.mp4

001 JavaScript Engine.mp4

008 Writing Optimized Code.mp4

007 Comparing Other Languages.mp4

006 Inside the V8 Engine.mp4

005 Interpreters and Compilers.mp4

004 Exercise JS Engine For All.mp4

003 Inside the Engine.mp4

002 Exercise Javascript Engine.mp4

23 – Where To Go From Here

002 JavaScript And Beyond.mp4

003 Thank You!.mp4

22 – Pong

001 Pong Project Overview.mp4

002 JS – Create Canvas.mp4

003 JS – RequestAnimationFrame.mp4

004 JS – Game Over.mp4

005 Code Review.mp4

21 – Paint Clone

001 Paint Clone Project Overview.mp4

002 Build UI – Custom Slider, JSColor, Mobile Message.mp4

003 JS – Canvas Setup.mp4

004 JS – ColorRange Inputs.mp4

005 JS – Drawing on Canvas.mp4

006 JS – Store Drawing Data.mp4

007 JS – localStorage & Downloading an Image.mp4

008 Code Review.mp4

20 – Splash Page

001 Splash Page Project Overview.mp4

002 Initial Setup – Figma.mp4

003 Build UI – Adding Image Assets.mp4

004 Build UI – Styling Image Assets.mp4

005 Build UI – Adding Custom Backgrounds.mp4

006 JS – Background Controls.mp4

007 Code Review.mp4

19 – Calculator

001 Calculator Project Overview.mp4

002 Build UI – Calculator, Display, Buttons.mp4

003 Build UI – Display CSS.mp4

004 Build UI – CSS Grid.mp4

005 Build UI – Button CSS.mp4

006 JS – Adding Event Listeners.mp4

007 JS – Reset Value, Add Decimal.mp4

008 JS – Operator Functionality.mp4

009 JS – Calculation.mp4

010 Code Review.mp4

18 – Drag n’ Drop

001 Drag n’ Drop Project Overview.mp4