TOIT Training

JavaScript Deep Dive

JavaScript Deep Dive
  • Overview
  • Curriculum
  • Reviews

 

This course will teach you advanced JavaScript from the ground up. It features a systematic walk-through of the most important concepts of the language, and teaches you to build a Google Keep clone and a Hacker News clone in vanilla JavaScript.

  • 12 Sections
  • 110 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

Getting Started

2 Lessons 0 Quizzes
  • Welcome to the Course!
  • Start Using JavaScript

Variables & Strings

11 Lessons 0 Quizzes
  • Module Intro: Variables & Strings
  • Variable Basics with Var
  • Challenge: Variable Basics
  • Better Code with Strict Mode
  • Why Use Let & Const Over Var
  • Challenge: Const & Let
  • How Const Improves Your Code
  • Why Block Scoping Matters
  • How Template Literals Improve Strings
  • Challenge: Template Literals
  • How Variables Should Be Named

Types & Conditionals

9 Lessons 0 Quizzes
  • Module Intro: Types & Conditionals
  • Conditionally Run JavaScript Code
  • Challenge: Your First Conditional
  • Types and How They Can Be Changed
  • Challenge: Types
  • How to Shorten Conditionals with Ternaries
  • Challenge: Ternaries
  • Even Shorter Conditionals with Short-Circuiting
  • Challenge: Short-Circuiting

Functions

10 Lessons 0 Quizzes
  • Module Intro: Functions
  • Why We Need Functions
  • Challenge: Your First Function
  • What is a Closure and Why it Matters
  • Challenge: Count Downwards Using Closure
  • Better Functions with Default Parameters
  • Shorter Functions with Arrow Functions
  • Challenge: Arrow Functions
  • Partial Application for Single-Responsibility Functions
  • How Functions Should Be Named

Objects & Maps

11 Lessons 0 Quizzes
  • Module Intro: Objects & Maps
  • Use Objects for Managing Key-Value Pairs
  • Challenge: Your First Object
  • Understand Primitive vs Object Types
  • Get and Modify Object Data
  • Easy Property Access with Destructuring
  • Challenge: Object Destructuring
  • Merge Objects with Object Spread
  • How Maps Can Do What Objects Can’t
  • Challenge: Your First Map
  • Improve Methods with Arrow Functions

Arrays & Sets

17 Lessons 0 Quizzes
  • Module Intro: Arrays
  • Build Flexible Collections with Arrays
  • Challenge: Your First Array
  • Check Element Existence in Arrays
  • Challenge: .Some and .Every
  • Perform Actions on All Elements
  • Get Subsets of Arrays
  • Transform Arrays with .Reduce()
  • Challenge: Transform Arrays with .Reduce()
  • Understand the Power of .Reduce()
  • Avoid Mutations with Array Spread
  • Mold Arrays with the Spread Operator
  • More Flexible Arrays with Destructuring
  • Challenge: Array Destructuring
  • Turn Objects into Flexible Arrays
  • Get Unique Sets of Data
  • Use New, Immutable Array Features

Classes

9 Lessons 0 Quizzes
  • Module Intro: Classes
  • What Are Constructor Functions?
  • Challenge: Your First Constructor Function
  • Understand the Prototype Chain
  • Easy Prototypal Inheritance with Classes
  • Challenge: Your First Class
  • Share Class Features with Extends
  • How To Get, Set and Simplify Classes
  • Fix Context Problems with .Bind()

DOM

8 Lessons 0 Quizzes
  • Module Intro: DOM
  • What is the DOM?
  • Get Single and Multiple Elements
  • Creating and Modifying HTML Elements
  • Challenge: Creating and Modifying HTML Elements
  • Dynamically Add CSS Styles
  • Understand and Work with Events
  • Challenge: Events

Async JavaScript

8 Lessons 0 Quizzes
  • Module Intro: Async JavaScript
  • The Problem with Callbacks
  • Fix Callback Hell with Promises
  • Make Network Requests with Fetch()
  • Challenge: Fetch API
  • Dead-Simple Promises with Async-Await
  • Catch Errors with Async-Await
  • Challenge: Async-Await

Google Keep Clone

8 Lessons 0 Quizzes
  • Module Intro: Google Keep Clone
  • Google Keep – Project Setup
  • Google Keep – Expanding and Closing Notes
  • Google Keep – Storing Notes in the App
  • Google Keep – Displaying Notes in the App
  • Google Keep – Improving Functionality
  • Google Keep – Deleting Notes
  • Google Keep – Storing Notes in the Browser

Essential Concepts

7 Lessons 0 Quizzes
  • Module Intro: Essential Concepts
  • Share App Code with Modules
  • Challenge: Modules
  • Know What ‘This’ Is at Any Time
  • Understand State and State Management
  • How Reducers Help Manage State
  • Avoid Imperative, Write Declarative Code

 Hacker News Clone

10 Lessons 0 Quizzes
  • Module Intro: Hacker News Clone
  • Hacker News – Creating HTML and CSS
  • Hacker News – Adding Pages
  • Hacker News – Requesting Data from API Endpoint
  • Hacker News – Formatting Stories
  • Hacker News – Creating Separate Pages for Stories
  • Hacker News – Formatting Comments
  • Hacker News – Building a Store
  • Hacker News – Toggling Stories in and out of Favorites
  • Hacker News – Building the Favorites Page

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Variables / Strings
  • Conditionals
  • Functions
  • Partial application
  • Currying
  • Objects
  • Set
  • Arrays
  • Classes
  • Constructor functions
  • Control flow
  • DOM
  • Async JavaScript
  • Immutability
  • Closures
  • this
  • Loops
  • state
  • Side effects
  • High-order functions
  • Cutting-edge JavaScript

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

JavaScript Deep Dive
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)