The Complete JavaScript Course 2024: From Zero to Expert!
0% Completed
Subtitle Guide – Hướng dẫn thêm phụ đề
01 – Welcome, Welcome, Welcome!
02 – JavaScript Fundamentals – Part 1
Download Resource Files
Reading
001 Section Intro
Video - 00:00:53 mins
002 Hello World!
Video - 00:05:57 mins
003 A Brief Introduction to JavaScript
Video - 00:11:18 mins
004 Linking a JavaScript File
Video - 00:15:55 mins
005 Values and Variables
Video - 00:16:05 mins
006 Practice Assignments
Reading
007 Data Types_part1
Video - 00:09:39 mins
007 Data Types_part2
Video - 00:09:39 mins
008 let, const and var
Video - 00:09:58 mins
009 Basic Operators_part1
Video - 00:09:45 mins
009 Basic Operators_part2
Video - 00:09:45 mins
010 Operator Precedence
Video - 00:11:19 mins
011 A Note About Challenges
Reading
012 CHALLENGE #1 Video Solution
Video - 00:07:20 mins
013 Strings and Template Literals
Video - 00:10:58 mins
014 Taking Decisions if else Statements
Video - 00:12:50 mins
015 CHALLENGE #2 Video Solution
Video - 00:05:20 mins
016 Type Conversion and Coercion
Video - 00:16:40 mins
017 Truthy and Falsy Values
Video - 00:10:03 mins
018 Equality Operators == vs. ===
Video - 00:15:41 mins
019 Boolean Logic
Video - 00:08:30 mins
020 Logical Operators
Video - 00:10:37 mins
021 CHALLENGE #3 Video Solution_part1
Video - 00:05:51 mins
021 CHALLENGE #3 Video Solution_part2
Video - 00:05:51 mins
022 The switch Statement_part1
Video - 00:06:35 mins
022 The switch Statement_part2
Video - 00:06:35 mins
023 Statements and Expressions
Video - 00:06:08 mins
024 The Conditional (Ternary) Operator
Video - 00:10:02 mins
025 CHALLENGE #4 Video Solution
Video - 00:05:57 mins
026 JavaScript Releases ES5, ES6+ and ESNext
Video - 00:14:19 mins
03 – JavaScript Fundamentals – Part 2
Download Resource Files
Reading
001 Section Intro
Video - 00:00:36 mins
002 Activating Strict Mode
Video - 00:10:27 mins
003 Functions_part1
Video - 00:09:34 mins
003 Functions_part2
Video - 00:09:34 mins
004 Function Declarations vs. Expressions
Video - 00:10:39 mins
005 Arrow Functions
Video - 00:09:52 mins
006 Functions Calling Other Functions
Video - 00:10:07 mins
007 Reviewing Functions
Video - 00:15:37 mins
008 CHALLENGE #1 Video Solution_part1
Video - 00:07:05 mins
008 CHALLENGE #1 Video Solution_part2
Video - 00:07:05 mins
009 Introduction to Arrays_part1
Video - 00:10:47 mins
009 Introduction to Arrays_part2
Video - 00:00:00 mins
010 Basic Array Operations (Methods)_part1
Video - 00:06:26 mins
010 Basic Array Operations (Methods)_part2
Video - 00:06:26 mins
011 CHALLENGE #2 Video Solution
Video - 00:06:54 mins
012 Introduction to Objects
Video - 00:06:08 mins
013 Dot vs. Bracket Notation_part1
Video - 00:09:40 mins
013 Dot vs. Bracket Notation_part2
Video - 00:00:00 mins
014 Object Methods_part1
Video - 00:07:41 mins
014 Object Methods_part2
Video - 00:07:41 mins
014 Object Methods_part3
Video - 00:07:41 mins
015 CHALLENGE #3 Video Solution
Video - 00:09:50 mins
016 Iteration The for Loop_part1
Video - 00:05:35 mins
016 Iteration The for Loop_part2
Video - 00:05:35 mins
017 Looping Arrays, Breaking and Continuing_part1
Video - 00:07:20 mins
017 Looping Arrays, Breaking and Continuing_part2
Video - 00:07:20 mins
017 Looping Arrays, Breaking and Continuing_part3
Video - 00:07:20 mins
018 Looping Backwards and Loops in Loops_part1
Video - 00:05:56 mins
018 Looping Backwards and Loops in Loops_part2
Video - 00:05:56 mins
019 The while Loop
Video - 00:11:52 mins
020 CHALLENGE #4 Video Solution_part1
Video - 00:05:42 mins
020 CHALLENGE #4 Video Solution_part2
Video - 00:05:42 mins
04 – How to Navigate This Course
05 – Developer Skills & Editor Setup
Download Resource Files
Reading
001 Section Intro
Video - 00:00:39 mins
002 Section Roadmap
Reading
003 Setting up Prettier and VS Code
Video - 00:16:22 mins
004 Installing Node.js and Setting Up a Dev Environment
Video - 00:11:32 mins
005 Learning How to Code
Video - 00:17:42 mins
006 How to Think Like a Developer Become a Problem Solver!
Video - 00:10:53 mins
007 Using Google, StackOverflow and MDN_part1
Video - 00:13:18 mins
008 Debugging (Fixing Errors)
Video - 00:05:09 mins
009 Debugging with the Console and Breakpoints_part1
Video - 00:09:42 mins
009 Debugging with the Console and Breakpoints_part2
Video - 00:09:42 mins
010 Coding Challenge #1_part1
Video - 00:07:42 mins
010 Coding Challenge #1_part2
Video - 00:07:42 mins
06 – [OPTIONAL] HTML & CSS Crash Course
Download Resource Files
Reading
001 Section Intro
Video - 00:00:40 mins
002 Basic HTML Structure and Elements
Video - 00:09:32 mins
003 Attributes, Classes and IDs
Video - 00:13:09 mins
004 Basic Styling with CSS_part1
Video - 00:06:00 mins
005 Introduction to the CSS Box Model_part1
Video - 00:10:28 mins
005 Introduction to the CSS Box Model_part2
Video - 00:10:28 mins
07 – JavaScript in the Browser DOM and Events Fundamentals
Download Resource Files
Reading
001 Section Intro
Video - 00:00:49 mins
003 PROJECT #1 Guess My Number!
Video - 00:08:47 mins
004 What's the DOM and DOM Manipulation
Video - 00:06:48 mins
005 Selecting and Manipulating Elements
Video - 00:08:22 mins
006 Handling Click Events_part1
Video - 00:06:25 mins
007 Implementing the Game Logic
Video - 00:19:33 mins
008 Manipulating CSS Styles_part1
Video - 00:04:09 mins
008 Manipulating CSS Styles_part2
Video - 00:04:09 mins
009 Coding Challenge #1
Video - 00:11:40 mins
010 Implementing Highscores
Video - 00:07:47 mins
011 Refactoring Our Code The DRY Principle_part1
Video - 00:07:32 mins
011 Refactoring Our Code The DRY Principle_part2
Video - 00:07:32 mins
012 PROJECT #2 Modal Window
Video - 00:13:21 mins
013 Working With Classes_part1
Video - 00:05:38 mins
013 Working With Classes_part2
Video - 00:05:38 mins
013 Working With Classes_part3
Video - 00:05:38 mins
014 Handling an Esc Keypress Event_part1
Video - 00:07:06 mins
014 Handling an Esc Keypress Event_part2
Video - 00:07:05 mins
015 PROJECT #3 Pig Game
Video - 00:17:08 mins
016 Rolling the Dice
Video - 00:15:58 mins
017 Switching the Active Player
Video - 00:15:15 mins
018 Holding Current Score_part1
Video - 00:08:18 mins
018 Holding Current Score_part2.mp4
Video - 00:00:00 mins
018 Holding Current Score_part3
Video - 00:08:18 mins
019 Resetting the Game
Video - 00:15:38 mins
08 – How JavaScript Works Behind the Scenes
Download Resource Files
Reading
001 Section Intro
Video - 00:01:31 mins
003 An High-Level Overview of JavaScript
Video - 00:12:11 mins
004 The JavaScript Engine and Runtime
Video - 00:13:47 mins
005 Execution Contexts and The Call Stack
Video - 00:17:45 mins
006 Scope and The Scope Chain_part1
Video - 00:12:48 mins
006 Scope and The Scope Chain_part2
Video - 00:12:48 mins
007 Scoping in Practice
Video - 00:21:13 mins
008 Variable Environment Hoisting and The TDZ
Video - 00:11:00 mins
009 Hoisting and TDZ in Practice
Video - 00:14:42 mins
010 The this Keyword
Video - 00:06:31 mins
011 The this Keyword in Practice
Video - 00:13:11 mins
012 Regular Functions vs. Arrow Functions_part1
Video - 00:09:02 mins
012 Regular Functions vs. Arrow Functions_part2
Video - 00:09:02 mins
013 Primitives vs. Objects (Primitive vs. Reference Types)
Video - 00:16:06 mins
014 Primitives vs. Objects in Practice
Video - 00:14:57 mins
09 – Data Structures, Modern Operators and Strings
Download Resource Files
Reading
001 Section Intro
Video - 00:00:54 mins
003 Destructuring Arrays_part1
Video - 00:09:46 mins
003 Destructuring Arrays_part2
Video - 00:09:46 mins
004 Destructuring Objects_part1
Video - 00:09:53 mins
004 Destructuring Objects_part2
Video - 00:09:53 mins
005 The Spread Operator (...)_part1
Video - 00:07:08 mins
005 The Spread Operator (...)_part2
Video - 00:07:08 mins
005 The Spread Operator (...)_part3
Video - 00:07:08 mins
006 Rest Pattern and Parameters_part1
Video - 00:09:30 mins
006 Rest Pattern and Parameters_part2
Video - 00:09:30 mins
007 Short Circuiting (&& and )_part1
Video - 00:07:57 mins
007 Short Circuiting (&& and )_part2
Video - 00:07:57 mins
008 The Nullish Coalescing Operator ()
Video - 00:03:32 mins
009 Logical Assignment Operators
Video - 00:11:40 mins
010 Coding Challenge #1_part1
Video - 00:07:28 mins
010 Coding Challenge #1_part2
Video - 00:07:28 mins
011 Looping Arrays The for-of Loop
Video - 00:07:20 mins
012 Enhanced Object Literals
Video - 00:07:02 mins
013 Optional Chaining (.)_part1
Video - 00:08:05 mins
013 Optional Chaining (.)_part2
Video - 00:08:05 mins
014 Looping Objects Object Keys, Values, and Entries_part1
Video - 00:05:04 mins
014 Looping Objects Object Keys, Values, and Entries_part2
Video - 00:05:04 mins
015 Coding Challenge #2_part1
Video - 00:07:15 mins
015 Coding Challenge #2_part2
Video - 00:07:15 mins
016 Sets_part1
Video - 00:06:39 mins
016 Sets_part2
Video - 00:06:39 mins
017 Maps Fundamentals_part1
Video - 00:07:01 mins
017 Maps Fundamentals_part2
Video - 00:07:01 mins
018 Maps Iteration_part1
Video - 00:06:20 mins
018 Maps Iteration_part2
Video - 00:06:20 mins
019 Summary Which Data Structure to Use
Video - 00:09:40 mins
020 Coding Challenge #3
Video - 00:09:37 mins
021 Working With Strings - Part 1_part1
Video - 00:08:26 mins
021 Working With Strings - Part 1_part2
Video - 00:08:26 mins
022 Working With Strings - Part 2_part1
Video - 00:10:52 mins
022 Working With Strings - Part 2_part2
Video - 00:10:52 mins
023 Working With Strings - Part 3_part1
Video - 00:10:50 mins
023 Working With Strings - Part 3_part2
Video - 00:10:50 mins
024 Coding Challenge #4_part1
Video - 00:07:37 mins
024 Coding Challenge #4_part2
Video - 00:07:37 mins
025 String Methods Practice_part1
Video - 00:05:32 mins
025 String Methods Practice_part2
Video - 00:05:32 mins
025 String Methods Practice_part3
Video - 00:05:32 mins
10 – A Closer Look at Functions
Download Resource Files
Reading
001 Section Intro
Video - 00:00:48 mins
003 Default Parameters
Video - 00:09:17 mins
004 How Passing Arguments Works Value vs. Reference
Video - 00:13:36 mins
005 First-Class and Higher-Order Functions
Video - 00:05:24 mins
006 Functions Accepting Callback Functions_part1
Video - 00:07:40 mins
006 Functions Accepting Callback Functions_part2
Video - 00:07:40 mins
007 Functions Returning Functions
Video - 00:06:36 mins
008 The call and apply Methods_part1
Video - 00:08:25 mins
008 The call and apply Methods_part2
Video - 00:08:25 mins
009 The bind Method_part1
Video - 00:10:46 mins
009 The bind Method_part2
Video - 00:10:46 mins
010 Coding Challenge #1_part1
Video - 00:09:23 mins
010 Coding Challenge #1_part2
Video - 00:09:23 mins
011 Immediately Invoked Function Expressions (IIFE)
Video - 00:07:53 mins
012 Closures_part1
Video - 00:09:54 mins
012 Closures_part2
Video - 00:09:54 mins
013 More Closure Examples_part1
Video - 00:07:45 mins
013 More Closure Examples_part2
Video - 00:07:45 mins
014 Coding Challenge #2
Video - 00:05:25 mins
11 – Working With Arrays
Download Resource Files
Reading
001 Section Intro
Video - 00:00:53 mins
003 Simple Array Methods_part1
Video - 00:08:18 mins
003 Simple Array Methods_part2
Video - 00:08:18 mins
004 The new at Method
Video - 00:06:04 mins
005 Looping Arrays forEach_part1
Video - 00:06:53 mins
005 Looping Arrays forEach_part2
Video - 00:06:53 mins
006 forEach With Maps and Sets
Video - 00:05:32 mins
007 PROJECT Bankist App
Video - 00:09:49 mins
008 Creating DOM Elements_part1
Video - 00:09:22 mins
008 Creating DOM Elements_part2
Video - 00:09:22 mins
009 Coding Challenge #1
Video - 00:08:31 mins
010 Data Transformations map, filter, reduce
Video - 00:04:40 mins
011 The map Method_part1
Video - 00:07:50 mins
011 The map Method_part2
Video - 00:07:50 mins
012 Computing Usernames
Video - 00:12:14 mins
013 The filter Method
Video - 00:06:19 mins
014 The reduce Method_part1
Video - 00:10:28 mins
014 The reduce Method_part2
Video - 00:10:28 mins
015 Coding Challenge #2
Video - 00:09:56 mins
016 The Magic of Chaining Methods_part1
Video - 00:06:33 mins
016 The Magic of Chaining Methods_part2
Video - 00:06:33 mins
016 The Magic of Chaining Methods_part3
Video - 00:06:33 mins
017 Coding Challenge #3
Video - 00:03:57 mins
018 The find Method
Video - 00:06:47 mins
019 Implementing Login_part1
Video - 00:08:06 mins
019 Implementing Login_part2
Video - 00:08:06 mins
019 Implementing Login_part3
Video - 00:08:06 mins
020 Implementing Transfers_part1
Video - 00:06:58 mins
020 Implementing Transfers_part2
Video - 00:06:58 mins
020 Implementing Transfers_part3
Video - 00:06:58 mins
021 The findIndex Method_part1
Video - 00:06:17 mins
021 The findIndex Method_part2
Video - 00:06:17 mins
022 some and every_part1
Video - 00:07:35 mins
022 some and every_part2
Video - 00:07:35 mins
023 flat and flatMap
Video - 00:09:32 mins
024 Sorting Arrays_part1
Video - 00:10:57 mins
024 Sorting Arrays_part2
Video - 00:10:57 mins
025 More Ways of Creating and Filling Arrays_part1
Video - 00:10:16 mins
025 More Ways of Creating and Filling Arrays_part2
Video - 00:10:16 mins
026 Summary Which Array Method to Use
Video - 00:06:24 mins
027 Array Methods Practice_part1
Video - 00:10:47 mins
027 Array Methods Practice_part2
Video - 00:10:47 mins
027 Array Methods Practice_part3
Video - 00:10:47 mins
028 Coding Challenge #4_part1
Video - 00:07:56 mins
028 Coding Challenge #4_part2
Video - 00:07:56 mins
028 Coding Challenge #4_part3
Video - 00:07:55 mins
12 – Numbers, Dates, Intl and Timers
Download Resource Files
Reading
001 Section Intro
Video - 00:00:50 mins
003 Converting and Checking Numbers_part1
Video - 00:08:23 mins
003 Converting and Checking Numbers_part2
Video - 00:08:23 mins
004 Math and Rounding_part1
Video - 00:09:07 mins
004 Math and Rounding_part2
Video - 00:09:07 mins
005 The Remainder Operator
Video - 00:10:56 mins
006 Numeric Separators
Video - 00:06:57 mins
007 Working with BigInt
Video - 00:11:18 mins
008 Creating Dates
Video - 00:12:55 mins
009 Adding Dates to Bankist App_part1
Video - 00:07:27 mins
009 Adding Dates to Bankist App_part2
Video - 00:07:27 mins
009 Adding Dates to Bankist App_part3
Video - 00:07:27 mins
010 Operations With Dates_part1
Video - 00:07:43 mins
010 Operations With Dates_part2
Video - 00:07:43 mins
011 Internationalizing Dates (Intl)_part1
Video - 00:05:46 mins
011 Internationalizing Dates (Intl)_part2
Video - 00:05:46 mins
011 Internationalizing Dates (Intl)_part3
Video - 00:05:46 mins
012 Internationalizing Numbers (Intl)_part1
Video - 00:06:22 mins
012 Internationalizing Numbers (Intl)_part2
Video - 00:06:22 mins
012 Internationalizing Numbers (Intl)_part3
Video - 00:06:22 mins
013 Timers setTimeout and setInterval_part1
Video - 00:06:57 mins
013 Timers setTimeout and setInterval_part2
Video - 00:06:56 mins
014 Implementing a Countdown Timer_part1
Video - 00:07:07 mins
014 Implementing a Countdown Timer_part2
Video - 00:07:07 mins
014 Implementing a Countdown Timer_part3
Video - 00:07:07 mins
014 Implementing a Countdown Timer_part4
Video - 00:07:07 mins
13 – Advanced DOM and Events
Download Resource Files
Reading
001 Section Intro
Video - 00:01:04 mins
003 PROJECT Bankist Website
Video - 00:08:49 mins
004 How the DOM Really Works
Video - 00:10:36 mins
005 Selecting, Creating, and Deleting Elements_part1
Video - 00:06:49 mins
005 Selecting, Creating, and Deleting Elements_part2
Video - 00:06:49 mins
005 Selecting, Creating, and Deleting Elements_part3
Video - 00:06:49 mins
006 Styles, Attributes and Classes_part1
Video - 00:05:28 mins
006 Styles, Attributes and Classes_part2
Video - 00:05:28 mins
006 Styles, Attributes and Classes_part3
Video - 00:05:28 mins
006 Styles, Attributes and Classes_part4
Video - 00:05:28 mins
007 Implementing Smooth Scrolling_part1
Video - 00:05:18 mins
007 Implementing Smooth Scrolling_part2
Video - 00:05:18 mins
007 Implementing Smooth Scrolling_part3
Video - 00:05:18 mins
008 Types of Events and Event Handlers
Video - 00:10:33 mins
009 Event Propagation Bubbling and Capturing
Video - 00:05:03 mins
010 Event Propagation in Practice_part1
Video - 00:05:55 mins
010 Event Propagation in Practice_part2
Video - 00:05:55 mins
010 Event Propagation in Practice_part3
Video - 00:05:55 mins
011 Event Delegation Implementing Page Navigation_part1
Video - 00:06:16 mins
011 Event Delegation Implementing Page Navigation_part2
Video - 00:06:16 mins
011 Event Delegation Implementing Page Navigation_part3
Video - 00:06:16 mins
012 DOM Traversing_part1
Video - 00:07:17 mins
012 DOM Traversing_part2
Video - 00:07:17 mins
013 Building a Tabbed Component_part1
Video - 00:06:02 mins
013 Building a Tabbed Component_part2
Video - 00:06:02 mins
013 Building a Tabbed Component_part3
Video - 00:06:02 mins
013 Building a Tabbed Component_part4
Video - 00:06:02 mins
014 Passing Arguments to Event Handlers_part1
Video - 00:06:14 mins
014 Passing Arguments to Event Handlers_part2
Video - 00:06:14 mins
014 Passing Arguments to Event Handlers_part3
Video - 00:06:14 mins
015 Implementing a Sticky Navigation The Scroll Event_part1
Video - 00:03:57 mins
015 Implementing a Sticky Navigation The Scroll Event_part2
Video - 00:03:57 mins
016 A Better Way The Intersection Observer API_part1
Video - 00:08:00 mins
016 A Better Way The Intersection Observer API_part2
Video - 00:08:00 mins
016 A Better Way The Intersection Observer API_part3
Video - 00:08:00 mins
017 Revealing Elements on Scroll_part1
Video - 00:06:19 mins
017 Revealing Elements on Scroll_part2
Video - 00:06:19 mins
018 Lazy Loading Images_part1
Video - 00:04:37 mins
018 Lazy Loading Images_part2
Video - 00:04:37 mins
018 Lazy Loading Images_part3
Video - 00:04:37 mins
018 Lazy Loading Images_part4
Video - 00:04:37 mins
019 Building a Slider Component Part 1_part1
Video - 00:05:49 mins
019 Building a Slider Component Part 1_part2
Video - 00:05:49 mins
019 Building a Slider Component Part 1_part3
Video - 00:05:49 mins
019 Building a Slider Component Part 1_part4
Video - 00:05:48 mins
020 Building a Slider Component Part 2_part1
Video - 00:04:54 mins
020 Building a Slider Component Part 2_part2
Video - 00:04:53 mins
020 Building a Slider Component Part 2_part3
Video - 00:04:53 mins
020 Building a Slider Component Part 2_part4
Video - 00:04:53 mins
021 Lifecycle DOM Events_part1
Video - 00:04:43 mins
021 Lifecycle DOM Events_part2
Video - 00:04:43 mins
022 Efficient Script Loading defer and async_part1
Video - 00:06:45 mins
022 Efficient Script Loading defer and async_part2
Video - 00:06:45 mins
14 – Object-Oriented Programming (OOP) With JavaScript
Download Resource Files
Reading
001 Section Intro
Video - 00:01:07 mins
003 What is Object-Oriented Programming
Video - 00:20:55 mins
004 OOP in JavaScript
Video - 00:10:08 mins
005 Constructor Functions and the new Operator
Video - 00:14:19 mins
006 Prototypes_part1
Video - 00:07:18 mins
006 Prototypes_part2
Video - 00:07:18 mins
007 Prototypal Inheritance and The Prototype Chain
Video - 00:10:58 mins
008 Prototypal Inheritance on Built-In Objects_part1
Video - 00:07:23 mins
008 Prototypal Inheritance on Built-In Objects_part2
Video - 00:07:23 mins
009 Coding Challenge #1
Video - 00:07:27 mins
010 ES6 Classes_part1
Video - 00:06:28 mins
010 ES6 Classes_part2
Video - 00:06:28 mins
011 Setters and Getters
Video - 00:13:15 mins
012 Static Methods
Video - 00:06:24 mins
013 Object.create
Video - 00:10:56 mins
014 Coding Challenge #2
Video - 00:06:00 mins
015 Inheritance Between Classes Constructor Functions_part1
Video - 00:10:32 mins
015 Inheritance Between Classes Constructor Functions_part2_part1
Video - 00:05:16 mins
015 Inheritance Between Classes Constructor Functions_part2
Video - 00:10:31 mins
016 Coding Challenge #3_part1
Video - 00:05:18 mins
016 Coding Challenge #3_part2
Video - 00:05:18 mins
017 Inheritance Between Classes ES6 Classes
Video - 00:10:46 mins
018 Inheritance Between Classes Object.create
Video - 00:08:53 mins
019 Another Class Example
Video - 00:10:44 mins
020 Encapsulation Protected Properties and Methods
Video - 00:06:47 mins
021 Encapsulation Private Class Fields and Methods_part1
Video - 00:08:05 mins
021 Encapsulation Private Class Fields and Methods_part2
Video - 00:08:05 mins
022 Chaining Methods
Video - 00:04:43 mins
023 ES6 Classes Summary
Video - 00:07:12 mins
024 Coding Challenge #4
Video - 00:08:54 mins
15 – Mapty App OOP, Geolocation, External Libraries, and More!
Download Resource Files
Reading
001 Section Intro
Video - 00:00:58 mins
003 Project Overview
Video - 00:05:03 mins
004 How to Plan a Web Project
Video - 00:17:41 mins
005 Using the Geolocation API
Video - 00:08:16 mins
006 Displaying a Map Using Leaflet Library_part1
Video - 00:06:54 mins
006 Displaying a Map Using Leaflet Library_part2
Video - 00:06:54 mins
007 Displaying a Map Marker_part1
Video - 00:04:58 mins
007 Displaying a Map Marker_part2
Video - 00:04:58 mins
007 Displaying a Map Marker_part3
Video - 00:04:58 mins
007 Displaying a Map Marker_part4
Video - 00:04:58 mins
008 Rendering Workout Input Form_part1
Video - 00:08:21 mins
008 Rendering Workout Input Form_part2
Video - 00:08:21 mins
009 Project Architecture
Video - 00:09:28 mins
010 Refactoring for Project Architecture_part1
Video - 00:08:01 mins
010 Refactoring for Project Architecture_part2
Video - 00:08:01 mins
010 Refactoring for Project Architecture_part3
Video - 00:08:01 mins
011 Managing Workout Data Creating Classes_part1
Video - 00:05:26 mins
011 Managing Workout Data Creating Classes_part2
Video - 00:05:26 mins
011 Managing Workout Data Creating Classes_part3
Video - 00:05:26 mins
012 Creating a New Workout_part1
Video - 00:05:41 mins
012 Creating a New Workout_part2
Video - 00:05:41 mins
012 Creating a New Workout_part3
Video - 00:05:41 mins
012 Creating a New Workout_part4
Video - 00:05:41 mins
012 Creating a New Workout_part5
Video - 00:05:41 mins
012 Creating a New Workout_part6
Video - 00:05:43 mins
013 Rendering Workouts_part1
Video - 00:04:51 mins
013 Rendering Workouts_part2
Video - 00:04:51 mins
013 Rendering Workouts_part3
Video - 00:04:51 mins
013 Rendering Workouts_part4
Video - 00:04:51 mins
013 Rendering Workouts_part5
Video - 00:04:51 mins
014 Move to Marker On Click_part1
Video - 00:05:30 mins
014 Move to Marker On Click_part2
Video - 00:05:30 mins
014 Move to Marker On Click_part3
Video - 00:05:30 mins
015 Working with localStorage_part1
Video - 00:05:06 mins
015 Working with localStorage_part2
Video - 00:05:06 mins
015 Working with localStorage_part3
Video - 00:05:06 mins
015 Working with localStorage_part4
Video - 00:05:8 mins
015 Working with localStorage_part5
Video - 00:05:06 mins
016 Final Considerations
Video - 00:05:41 mins
16 – Asynchronous JavaScript Promises, AsyncAwait, and AJAX
Download Resource Files
Reading
001 Section Intro
Video - 00:00:55 mins
003 Asynchronous JavaScript, AJAX and APIs
Video - 00:17:57 mins
005 Our First AJAX Call XMLHttpRequest_part1
Video - 00:06:23 mins
005 Our First AJAX Call XMLHttpRequest_part2
Video - 00:06:23 mins
005 Our First AJAX Call XMLHttpRequest_part3
Video - 00:06:23 mins
006 [OPTIONAL] How the Web Works Requests and Responses
Video - 00:13:38 mins
007 Welcome to Callback Hell_part1
Video - 00:04:37 mins
007 Welcome to Callback Hell_part2
Video - 00:04:37 mins
007 Welcome to Callback Hell_part3
Video - 00:04:37 mins
008 Promises and the Fetch API
Video - 00:09:25 mins
009 Consuming Promises
Video - 00:09:24 mins
010 Chaining Promises
Video - 00:09:14 mins
011 Handling Rejected Promises_part1
Video - 00:08:06 mins
011 Handling Rejected Promises_part2
Video - 00:08:06 mins
012 Throwing Errors Manually_part1
Video - 00:07:42 mins
012 Throwing Errors Manually_part2
Video - 00:07:42 mins
013 Coding Challenge #1_part1
Video - 00:08:16 mins
013 Coding Challenge #1_part2
Video - 00:08:16 mins
014 Asynchronous Behind the Scenes The Event Loop
Video - 00:17:53 mins
015 The Event Loop in Practice
Video - 00:09:15 mins
016 Building a Simple Promise_part1
Video - 00:10:08 mins
016 Building a Simple Promise_part2
Video - 00:10:08 mins
017 Promisifying the Geolocation API
Video - 00:13:26 mins
018 Coding Challenge #2_part1
Video - 00:05:17 mins
018 Coding Challenge #2_part2
Video - 00:05:17 mins
018 Coding Challenge #2_part3
Video - 00:05:17 mins
019 Consuming Promises with AsyncAwait_part1
Video - 00:07:33 mins
019 Consuming Promises with AsyncAwait_part2
Video - 00:07:33 mins
020 Error Handling With try...catch_part1
Video - 00:05:11 mins
020 Error Handling With try...catch_part2
Video - 00:05:11 mins
021 Returning Values from Async Functions_part1
Video - 00:07:19 mins
021 Returning Values from Async Functions_part2
Video - 00:07:19 mins
022 Running Promises in Parallel
Video - 00:10:56 mins
023 Other Promise Combinators race, allSettled and any_part1
Video - 00:06:39 mins
023 Other Promise Combinators race, allSettled and any_part2
Video - 00:06:39 mins
024 Coding Challenge #3_part1
Video - 00:08:45 mins
024 Coding Challenge #3_part2
Video - 00:08:45 mins
17 – Modern JavaScript Development Modules, Tooling, and Functional
Download Resource Files
Reading
001 Section Intro
Video - 00:00:47 mins
003 An Overview of Modern JavaScript Development
Video - 00:06:39 mins
004 An Overview of Modules in JavaScript
Video - 00:15:01 mins
005 Exporting and Importing in ES6 Modules_part1
Video - 00:11:19 mins
005 Exporting and Importing in ES6 Modules_part2
Video - 00:11:19 mins
006 Top-Level await (ES2022)_part1
Video - 00:07:22 mins
006 Top-Level await (ES2022)_part2
Video - 00:07:22 mins
007 The Module Pattern
Video - 00:10:20 mins
008 CommonJS Modules
Video - 00:04:24 mins
009 A Brief Introduction to the Command Line
Video - 00:12:27 mins
010 Introduction to NPM_part1
Video - 00:09:20 mins
010 Introduction to NPM_part2
Video - 00:09:20 mins
011 Bundling With Parcel and NPM Scripts_part1
Video - 00:07:13 mins
011 Bundling With Parcel and NPM Scripts_part2
Video - 00:07:13 mins
011 Bundling With Parcel and NPM Scripts_part3
Video - 00:07:13 mins
012 Configuring Babel and Polyfilling_part1
Video - 00:06:01 mins
012 Configuring Babel and Polyfilling_part2
Video - 00:06:01 mins
012 Configuring Babel and Polyfilling_part3
Video - 00:06:01 mins
013 Review Writing Clean and Modern JavaScript
Video - 00:10:26 mins
014 Let's Fix Some Bad Code Part 1_part1
Video - 00:11:40 mins
014 Let's Fix Some Bad Code Part 1_part2
Video - 00:11:40 mins
015 Declarative and Functional JavaScript Principles
Video - 00:12:25 mins
016 Let's Fix Some Bad Code Part 2
Video - 00:38:10 mins
18 – Forkify App Building a Modern Application
Download Resource Files
Reading
001 Section Intro
Video - 00:00:56 mins
003 Project Overview and Planning (I)
Video - 00:14:21 mins
005 Loading a Recipe from API_part1
Video - 00:08:03 mins
005 Loading a Recipe from API_part2
Video - 00:08:03 mins
005 Loading a Recipe from API_part3
Video - 00:08:03 mins
006 Rendering the Recipe_part1
Video - 00:07:27 mins
006 Rendering the Recipe_part2
Video - 00:07:27 mins
006 Rendering the Recipe_part3
Video - 00:07:27 mins
007 Listening For load and hashchange Events_part1
Video - 00:05:31 mins
007 Listening For load and hashchange Events_part2
Video - 00:05:31 mins
008 The MVC Architecture
Video - 00:16:32 mins
009 Refactoring for MVC_part1
Video - 00:07:46 mins
009 Refactoring for MVC_part2
Video - 00:07:46 mins
009 Refactoring for MVC_part3
Video - 00:07:46 mins
009 Refactoring for MVC_part4
Video - 00:07:46 mins
009 Refactoring for MVC_part5
Video - 00:07:46 mins
010 Helpers and Configuration Files_part1
Video - 00:10:41 mins
010 Helpers and Configuration Files_part2
Video - 00:10:41 mins
011 Event Handlers in MVC Publisher-Subscriber Pattern_part1
Video - 00:07:34 mins
011 Event Handlers in MVC Publisher-Subscriber Pattern_part2
Video - 00:07:34 mins
012 Implementing Error and Success Messages_part1
Video - 00:05:47 mins
012 Implementing Error and Success Messages_part2
Video - 00:05:47 mins
013 Implementing Search Results - Part 1_part1
Video - 00:06:26 mins
013 Implementing Search Results - Part 1_part2
Video - 00:06:26 mins
013 Implementing Search Results - Part 1_part3
Video - 00:06:26 mins
013 Implementing Search Results - Part 1_part4
Video - 00:06:26 mins
014 Implementing Search Results - Part 2_part1
Video - 00:07:03 mins
014 Implementing Search Results - Part 2_part2
Video - 00:07:03 mins
014 Implementing Search Results - Part 2_part3
Video - 00:07:03 mins
014 Implementing Search Results - Part 2_part4
Video - 00:07:03 mins
015 Implementing Pagination - Part 1
Video - 00:12:18 mins
016 Implementing Pagination - Part 2_part1
Video - 00:12:21 mins
016 Implementing Pagination - Part 2_part2
Video - 00:12:21 mins
016 Implementing Pagination - Part 2_part3
Video - 00:12:21 mins
017 Project Planning II
Video - 00:03:13 mins
018 Updating Recipe Servings_part1
Video - 00:13:20 mins
018 Updating Recipe Servings_part2
Video - 00:13:23 mins
019 Developing a DOM Updating Algorithm_part1
Video - 00:08:35 mins
019 Developing a DOM Updating Algorithm_part2
Video - 00:08:35 mins
019 Developing a DOM Updating Algorithm_part3
Video - 00:08:35 mins
019 Developing a DOM Updating Algorithm_part4
Video - 00:08:35 mins
020 Implementing Bookmarks - Part 1_part1
Video - 00:06:30 mins
020 Implementing Bookmarks - Part 1_part2
Video - 00:06:30 mins
020 Implementing Bookmarks - Part 1_part3
Video - 00:06:30 mins
020 Implementing Bookmarks - Part 1_part4
Video - 00:06:29 mins
021 Implementing Bookmarks - Part 2_part1
Video - 00:09:15 mins
021 Implementing Bookmarks - Part 2_part2
Video - 00:09:15 mins
022 Storing Bookmarks With localStorage_part1
Video - 00:06:07 mins
022 Storing Bookmarks With localStorage_part2
Video - 00:06:07 mins
022 Storing Bookmarks With localStorage_part3
Video - 00:06:07 mins
023 Project Planning III
Video - 00:02:09 mins
024 Uploading a New Recipe - Part 1_part1
Video - 00:08:51 mins
024 Uploading a New Recipe - Part 1_part2
Video - 00:08:51 mins
025 Uploading a New Recipe - Part 2_part1
Video - 00:10:09 mins
025 Uploading a New Recipe - Part 2_part2
Video - 00:10:09 mins
025 Uploading a New Recipe - Part 2_part3
Video - 00:10:09 mins
025 Uploading a New Recipe - Part 2_part4
Video - 00:10:09 mins
026 Uploading a New Recipe - Part 3_part1
Video - 00:06:39 mins
026 Uploading a New Recipe - Part 3_part2
Video - 00:06:39 mins
026 Uploading a New Recipe - Part 3_part3
Video - 00:06:39 mins
027 Wrapping Up Final Considerations
Video - 00:14:45 mins
19 – Setting Up Git and Deployment
Download Resource Files
Reading
001 Section Intro
Video - 00:00:44 mins
003 Simple Deployment With Netlify
Video - 00:11:18 mins
004 Setting Up Git and GitHub
Video - 00:07:39 mins
005 Git Fundamentals_part1
Video - 00:09:48 mins
005 Git Fundamentals_part2
Video - 00:09:48 mins
006 Pushing to GitHub
Video - 00:09:31 mins
007 Setting Up Continuous Integration With Netlify
Video - 00:10:06 mins
You can download VietNamese Subtitle for topic here (Tải phụ đề tiếng Việt): Click here
You can download English Subtitle for topic here (Tải phụ đề tiếng Anh): Click here
You can download resource files for topic here (Tải file tài liệu của topic): Click here
Finish Course Early?
You have not completed all required lessons and assessments.
Your Progress
0%
