[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
-
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
-
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
-
002 JavaScript And Beyond.mp4
10:50 -
003 Thank You!.mp4
01:17
22 – Pong
-
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
-
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
-
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
-
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
-
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
-
09:10
-
04:01
-
004 The Purpose Of JavaScript.mp4
04:29
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
-
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
-
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
-
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
-
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
-
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
-
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
-
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