[Last updated 4/2024] Modern JavaScript From The Beginning 2.0 (2024) (Udemy – Vietsub and Engsub)
About Course
Views
What you’ll learn:
Learn the Fundamentals (Variables, Loops, Functions, etc)
Learn How JavaScript Works (Execution Context, Call Stack, Async JS)
Master the Document Object Model & Events (Interactivity)
Asynchronous JavaScript (Callbacks, Promises, Fetch, Ajax)
OOP (Constructors, Prototypes, Classes)
Modern Tooling & Workflow (Webpack, Babel, File Structure, NPM, Plugins & Loaders)
Full Stack Project With Webpack, Node, Express & MongoDB
5 Real World Projects & 10+ Mini-Projects
Link gốc:
https://www.udemy.com/course/modern-javascript-from-the-beginning/
Time Course:
36.5 hours (265 Lectures + Documents)
Instructor
: Brad Traversy
Total Weight:
16.5 GB
** Note
:
Chú ý:
Course Content
12 – Flixx Movie App Project
-
001 Flixx Movie App – Project Intro.mp4
04:22 -
002 Theme Overview & Prep.mp4
07:14 -
003 API Overview & API Key.mp4
04:50 -
004 Page Router & Active Link.mp4
09:51 -
005 Display Popular Movies.mp4
13:34 -
006 Spinner & Popular TV Shows.mp4
07:21 -
007 Movie Details Page.mp4
13:14 -
008 Details Page Backdrop.mp4
04:52 -
009 TV Show Details Page.mp4
07:06 -
010 Swiper Slider.mp4
13:28 -
011 Search Function & Custom Alert.mp4
19:12 -
012 Display Search Results.mp4
11:34 -
013 Add Pagination For Search.mp4
16:37
22 – RandomIdeas App – Webpack Frontend
-
001 Fullstack Workflow.mp4
03:00 -
002 Client Folder Setup.mp4
09:15 -
003 Modal Component.mp4
08:30 -
004 Ideaform Component.mp4
12:00 -
005 IdeaList Component.mp4
12:04 -
006 API Service – Get Ideas.mp4
11:57 -
007 Create Idea via Form.mp4
07:25 -
008 Save Username to Local Storage.mp4
04:56 -
009 Add Username Validation to Server.mp4
07:20 -
010 Add Delete Functionality.mp4
12:56 -
011 Deploying A Fullstack App.mp4
08:36
21 – RandomIdeas App – Backend REST API
-
001 RandomIdeas Full Stack App – Project Intro.mp4
03:33 -
002 Express Setup & Basic API.mp4
16:04 -
003 Nodemon & Route Clean Up.mp4
06:05 -
004 Handle POST Requests – Add Idea.mp4
08:20 -
005 PUT & DELETE Requests – Update & Delete Ideas.mp4
06:17 -
006 What Is MongoDB.mp4
04:46 -
007 MongoDB Atlas Setup.mp4
05:51 -
008 Mongoose Connect & Dotenv.mp4
08:53 -
009 Mongoose Schema & Model.mp4
05:41 -
010 Database Queries.mp4
15:14
20 – Node.js Modules
-
001 Section Intro.mp4
02:18 -
002 FS (FileSystem) Module.mp4
13:55 -
003 Path Module.mp4
07:56 -
004 OS Module.mp4
11:03 -
005 URL & QueryString Module.mp4
07:22 -
006 HTTP Module.mp4
18:20
19 – Unit Testing Algorithms
-
001 Intro & What Are Algorithms.mp4
02:43 -
002 What Is Unit Testing.mp4
03:22 -
003 Getting Started With Jest.mp4
05:45 -
004 Grouping Tests With describe().mp4
10:52 -
005 Reverse String Algorithm.mp4
09:49 -
006 Palindrome Algorithm.mp4
09:58 -
007 Array Chunking.mp4
06:11 -
008 Anagram Algorithm.mp4
11:57 -
009 Get Elements By Tag – jsdom.mp4
17:52 -
010 Has Duplicate IDs – jsdom.mp4
15:44
18 – Iterators, Generators & Data Structures
-
001 Section Intro.mp4
01:24 -
002 Symbols.mp4
10:23 -
003 Iterators.mp4
09:11 -
004 Generators.mp4
05:08 -
005 Profile Scroller Mini-Project.mp4
07:52 -
006 Sets.mp4
05:13 -
007 Maps.mp4
06:16 -
008 Poll Mini-Project.mp4
12:03 -
009 Stacks.mp4
13:30 -
010 Queues.mp4
08:44 -
011 Linked Lists.mp4
25:17
17 – Modules & Tooling
-
001 Section Intro.mp4
02:06 -
002 What Are Modules.mp4
07:03 -
003 Installing & Using Node.js.mp4
06:16 -
004 CommonJS Modules.mp4
09:17 -
005 NPM Packages.mp4
11:20 -
006 ES Modules.mp4
07:26 -
007 Module Bundlers.mp4
05:44 -
008 Webpack Basic Setup.mp4
11:17 -
009 CSS & Style Loaders.mp4
04:39 -
010 HTML Webpack Plugin.mp4
08:16 -
011 Webpack Dev Server Setup.mp4
04:39 -
012 Babel Setup.mp4
05:05 -
013 CSS Minify Extract Plugin.mp4
03:00 -
014 Tracalorie Refactor For Webpack.mp4
16:28 -
015 Deploy Tracalorie To Netlify.mp4
04:38
16 – Tracalorie App – OOP Project
-
010 Remove Meal & Workout.mp4
12:10 -
018 Clear Storage Items.mp4
04:14 -
017 Remove Meals & Workouts From Local Storage.mp4
05:52 -
016 Save Workouts To Local Storage.mp4
03:43 -
015 Save Meals To Local Storage.mp4
07:39 -
014 Persist Total Calories To Local Storage.mp4
04:40 -
013 Storage Class & Calorie Limit Persist.mp4
05:46 -
012 Set Calorie Limit.mp4
05:16 -
011 Filter & Reset.mp4
10:51 -
001 Tracalorie App – Project Intro.mp4
04:16 -
009 Display New Meal & Workout.mp4
07:35 -
008 Refactor To Single _newItem() Method.mp4
04:30 -
007 App Class, New Meal & Workout.mp4
13:10 -
006 Progress Bar & Calorie Alert.mp4
10:00 -
005 Display Tracker Stats.mp4
14:45 -
004 Base Tracker, Meal & Workout Classes.mp4
09:55 -
003 Project Planning & Overview.mp4
05:03 -
002 UI Theme Setup.mp4
04:42
15 – OOP – Classes, Getters & Setters, Private Properties, etc
-
001 Classes.mp4
07:28 -
002 Class Inheritance.mp4
06:28 -
003 Static Methods.mp4
02:53 -
004 bind() & Defining this.mp4
05:19 -
005 Getters & Setters With Classes.mp4
09:30 -
006 Getters & Setters With defineProperty().mp4
10:55 -
007 Private Property Convention.mp4
12:13 -
008 ES2022 Private Class Fields.mp4
04:42 -
009 Property Flags & Descriptors.mp4
09:12 -
010 Sealing & Freezing Objects.mp4
07:25
14 – OOP – Constructors & Prototypes
-
001 Section Intro.mp4
02:00 -
002 What Is OOP.mp4
09:16 -
003 4 Basic Principles Of OOP.mp4
06:53 -
004 More On Object Literals & The this Keyword.mp4
05:01 -
005 Constructor Functions.mp4
07:05 -
006 Literals vs Built-In Contructors.mp4
09:47 -
007 Working With Object Properties.mp4
07:28 -
008 Prototypes & The Prototype Chain.mp4
04:54 -
009 Adding Methods To The Prototype.mp4
04:37 -
010 Object.create.mp4
04:55 -
011 Prototypical Inheritance & call().mp4
10:11 -
012 OOP Game Challenge.mp4
07:43
13 – Web & Browser APIs
-
001 Section Intro.mp4
01:56 -
002 GeoLocation API.mp4
11:46 -
003 Show Location On Map.mp4
07:28 -
004 Canvas API.mp4
13:47 -
005 requestAnimationFrame.mp4
08:10 -
006 Animated Clock Mini-Project [1].mp4
25:07 -
007 Animated Clock Mini-Project [2].mp4
11:08 -
008 Web Audio API.mp4
08:25 -
009 Music Player Project.mp4
20:02 -
010 Drum Machine Project.mp4
09:06 -
011 Video API.mp4
06:20 -
012 Video Player Project.mp4
12:43 -
013 Web Animations API – Ball Project.mp4
10:25 -
014 Speech Recognition API.mp4
11:38 -
015 Speech Synthesis API.mp4
13:21
01 – Intro & Getting Started
-
02:18
-
07:49
-
003 What Is JavaScript.mp4
07:42 -
004 Tools & Setup.mp4
05:24 -
005 Running JavaScript In The Browser.mp4
07:02
11 – Fetch API & Async Await
-
001 Section Intro.mp4
01:26 -
002 Fetch Basics.mp4
09:02 -
003 Random User Mini-Project.mp4
12:52 -
004 Fetch Options – Method, Body, Headers.mp4
14:55 -
005 Typicode Todos Mini-Project [1].mp4
17:09 -
006 Typicode Todos Mini-Project [2].mp4
13:29 -
007 Fetch API Error Handling.mp4
13:17 -
008 Async & Await.mp4
09:25 -
009 Try…Catch Statements.mp4
04:41 -
010 Async & Await Error Handling.mp4
06:42 -
011 Multiple Promises With Async & Await.mp4
12:26
10 – Asynchronous JavaScript
-
001 Section Intro.mp4
00:48 -
002 Thread Of Execution.mp4
02:39 -
003 How Async JavaScript Works.mp4
08:39 -
004 setTimeout & clearTimeout.mp4
04:38 -
005 setInterval & clearInterval.mp4
08:50 -
006 Callbacks.mp4
09:56 -
007 HTTP Request Crash Course.mp4
07:13 -
008 DevTools Network Tab.mp4
04:50 -
009 AJAX & XHR Object.mp4
11:28 -
010 Joke Generator Project Challenge.mp4
09:25 -
011 Callback Hell.mp4
06:52 -
012 Promises.mp4
10:02 -
013 Callback To Promise Refactor.mp4
04:58 -
014 Promise Chaining.mp4
04:15 -
015 Promises vs Callback Hell.mp4
06:01 -
016 promise.all().mp4
06:04
09 – Shopping List Project
-
001 Shopping List – Project Intro.mp4
03:31 -
002 Add Items To List.mp4
11:40 -
003 Setting Up Git & GitHub (Optional).mp4
15:24 -
004 Remove & Clear Items.mp4
07:52 -
005 Clear UI State.mp4
09:52 -
006 Filter Items.mp4
09:55 -
007 Local Storage Crash Course.mp4
05:31 -
008 Add Item To Local Storage.mp4
08:04 -
009 Display Items From Local Storage.mp4
06:15 -
010 Remove Items From Local Storage.mp4
09:00 -
011 Set Item To Edit.mp4
08:00 -
012 Update & Reset State.mp4
06:10 -
013 Prevent Duplicate Items.mp4
03:46 -
014 Deploy To Netlify.mp4
04:58
08 – Events
-
001 Section Intro.mp4
00:51 -
002 Event Listeners.mp4
13:00 -
003 Mouse Events.mp4
10:40 -
004 The Event Object.mp4
13:00 -
005 Keyboard Events & Key Properties.mp4
10:27 -
006 KeyCode Mini-Project.mp4
14:51 -
007 Input Events.mp4
11:47 -
008 Form Submission & FormData Object.mp4
10:43 -
009 Event Bubbling.mp4
05:38 -
010 Event Delegation & Multiple Elements.mp4
05:45 -
011 Page Loading & Window Events.mp4
10:36
07 – Document Object Model
-
001 Section Intro.mp4
01:16 -
002 Intro To The DOM.mp4
11:04 -
003 Document Element Properties.mp4
14:19 -
004 DOM Selectors – Single Elements.mp4
14:13 -
005 DOM Selectors – Multiple Elements.mp4
09:16 -
006 Traversing The DOM – Elements.mp4
11:26 -
007 Traversing The DOM – Nodes.mp4
13:47 -
008 Create & Append Elements.mp4
06:15 -
009 InnerHTML vs createElement().mp4
08:51 -
010 Refactor To Multiple Functions.mp4
04:09 -
011 Insert Elements, Text & HTML.mp4
09:24 -
012 Custom insertAfter Challenge.mp4
04:47 -
013 Replace Elements.mp4
09:46 -
014 Remove Elements.mp4
07:46 -
015 Working With Styles & Classes.mp4
09:37
06 – Loops, Iteration & Array Methods
-
001 Section Intro.mp4
00:56 -
002 For Loop.mp4
11:25 -
003 Break & Continue.mp4
02:51 -
004 While & Do While Loops.mp4
06:58 -
005 FizzBuzz Challenge.mp4
08:00 -
006 For Of Loop.mp4
05:04 -
007 For In Loop.mp4
03:07 -
008 Array.forEach.mp4
08:34 -
009 Array.filter.mp4
11:32 -
010 Array.map.mp4
15:30 -
011 Array.reduce.mp4
08:49 -
012 Array Method Challenges.mp4
10:26
05 – Logic & Control Flow
-
001 Section Intro.mp4
01:08 -
002 If Statements.mp4
06:53 -
003 If Else & Nesting.mp4
07:09 -
004 Switches.mp4
04:57 -
005 Calculator Challenge.mp4
03:20 -
006 Truthy & Falsy.mp4
12:16 -
007 Logical Operators.mp4
08:07 -
008 Logical Assignment.mp4
06:10 -
009 Ternary Operator.mp4
10:17
04 – Functions, Scope & Execution Context
-
001 Section Intro.mp4
01:32 -
002 Function Basics.mp4
06:07 -
003 More on Params & Arguments.mp4
10:20 -
004 Global & Function Scope.mp4
05:25 -
005 Block Scope.mp4
05:14 -
006 Nested Scope.mp4
02:56 -
007 Declaration vs Expression.mp4
04:14 -
008 Arrow Functions.mp4
07:36 -
009 Immediately Invoked Function Expressions.mp4
05:01 -
010 Function Challenges.mp4
12:19 -
011 Execution Context.mp4
09:18 -
012 Execution Context In Action.mp4
03:59 -
013 The Call Stack.mp4
04:52
03 – Arrays & Objects
-
001 Section Intro.mp4
00:41 -
002 Creating Arrays.mp4
07:24 -
003 Basic Array Methods.mp4
10:25 -
004 Nesting, Concat & Spread Operator.mp4
10:12 -
005 Array Challenge.mp4
07:04 -
006 Object Literals.mp4
08:06 -
007 Object Spread Operator & Methods.mp4
11:58 -
008 Destructuring & Naming.mp4
06:55 -
009 JSON Intro.mp4
09:01 -
010 Object Challenge.mp4
06:21
02 – Variables, Data Types & More
-
009 Operators.mp4
09:38 -
017 Date Methods & DateTimeFormat API.mp4
08:58 -
016 Dates & Times.mp4
08:12 -
015 Number Challenge.mp4
08:28 -
014 The Math Object.mp4
05:56 -
013 Working With Numbers.mp4
05:45 -
012 Capitalize Challenge.mp4
06:49 -
011 Working With Strings.mp4
15:58 -
010 Type Coercion.mp4
04:00 -
001 Section Intro.mp4
00:51 -
008 Type Conversion.mp4
10:06 -
007 Primitive vs Reference Types.mp4
07:06 -
006 Data Types.mp4
12:54 -
005 Variables & Constants.mp4
11:27 -
004 Comments & Shortcuts.mp4
07:00 -
003 Using The Console.mp4
10:06 -
002 The Sandbox Files.mp4
02:57
Student Ratings & Reviews
No Review Yet