Modern JavaScript From The Beginning 2.0 (2024)

Modern JavaScript From The Beginning 2.0 (2024), available at $109.99, has an average rating of 4.68, with 265 lectures, based on 34043 reviews, and has 118357 subscribers.

You will learn about 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 This course is ideal for individuals who are People that want to learn modern JavaScript from beginner to advanced including tooling and setting up a modern workflow It is particularly useful for People that want to learn modern JavaScript from beginner to advanced including tooling and setting up a modern workflow.

Enroll now: Modern JavaScript From The Beginning 2.0 (2024)

Summary

Title: Modern JavaScript From The Beginning 2.0 (2024)

Price: $109.99

Average Rating: 4.68

Number of Lectures: 265

Number of Published Lectures: 265

Number of Curriculum Items: 265

Number of Published Curriculum Objects: 265

Original Price: $159.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

People that want to learn modern JavaScript from beginner to advanced including tooling and setting up a modern workflow

Target Audiences

People that want to learn modern JavaScript from beginner to advanced including tooling and setting up a modern workflow

This is a 36+ hour in-depth course that will take you from the absolute beginning of JavaScript, learning about data types, functions and loops to learning DOM manipulation, asynchronous JS with promises, async/await and much more. You will even learn how to write unit tests for algorithms. We go into how JavaScript works under the hood including execution context, the call stack, event loop, etc. We learn about Webpack tooling and how to create a modern development environment. At the end, we build a Node.js/Express API with a custom Webpack frontend.

All of the code in the learning modules will go into a folder called “JavaScript Sandbox”. This is so we can keep things organized and you can always refer back to it for any code snippets that you may need. All of the final and starter code for the projects is included as well as links to the GitHub Repos.

WHAT YOU WILL LEARN

Basics & Fundamentals: Data types, let & const variables, functions, conditionals, loops, object literals, etc

Data Structures – Arrays, objects, maps, sets as well as custom data structures like stacks and queues

DOM Manipulation –Selectors, traversing the DOM, show/hide, creating & removing elements, event listeners

OOP –Constructor functions, prototypes, inheritance, classes, protected properties, getters/setters

Async JS –Ajax & XHR, Fetch API, callbacks, promises, async / await

Error Handling –TryCatch, HTTP errors

Web & Browser APIs – Canvas, geolocation, audio/video, web animations API

Modules & Tooling – CommonJS & ES Modules, Webpack,  plugins, loaders, modern dev environment &  workflow

Unit Testing Algorithms– Learn the Jest testing library and algorithms like palindromes and anagrams

Node.js & Express– Learn about Node modules, NPM packages and build a REST API with Express & MongoDB

Full Stack Development – We build an API with Express and a frontend with Webpack. No frontend frameworks!

So So Much More!

COURSE PROJECTS & MINI-PROJECTS

1. Shopping List

2. Flix Movie App

3. Tracalorie OOP Project

4. Tracalorie Webpack Refactor

5. Chuck Norris Joke Generator

6. RandomIdeas Full Stack APP – API & Frontend

7. Webpack Starter Project

8. Keycode Mini-Project

9. Random User Generator

10. Music Player

11. Video Player

12. Drum Machine

13. Profile Scroller

14. Polling App

15. Joke Generator

16. Ball Animation

17. Animated Clock

18. Typicode Todos

19. Text To Speech

Course Curriculum

Chapter 1: Intro & Getting Started

Lecture 1: Welcome To The Course

Lecture 2: Course Outline

Lecture 3: What Is JavaScript?

Lecture 4: Tools & Setup

Lecture 5: Running JavaScript In The Browser

Lecture 6: Course Links

Chapter 2: Variables, Data Types & More

Lecture 1: Section Intro

Lecture 2: The Sandbox Files

Lecture 3: Using The Console

Lecture 4: Comments & Shortcuts

Lecture 5: Variables & Constants

Lecture 6: Data Types

Lecture 7: Primitive vs Reference Types

Lecture 8: Type Conversion

Lecture 9: Operators

Lecture 10: Type Coercion

Lecture 11: Working With Strings

Lecture 12: Capitalize Challenge

Lecture 13: Working With Numbers

Lecture 14: The Math Object

Lecture 15: Number Challenge

Lecture 16: Dates & Times

Lecture 17: Date Methods & DateTimeFormat API

Chapter 3: Arrays & Objects

Lecture 1: Section Intro

Lecture 2: Creating Arrays

Lecture 3: Basic Array Methods

Lecture 4: Nesting, Concat & Spread Operator

Lecture 5: Array Challenge

Lecture 6: Object Literals

Lecture 7: Object Spread Operator & Methods

Lecture 8: Destructuring & Naming

Lecture 9: JSON Intro

Lecture 10: Object Challenge

Chapter 4: Functions, Scope & Execution Context

Lecture 1: Section Intro

Lecture 2: Function Basics

Lecture 3: More on Params & Arguments

Lecture 4: Global & Function Scope

Lecture 5: Block Scope

Lecture 6: Nested Scope

Lecture 7: Declaration vs Expression

Lecture 8: Arrow Functions

Lecture 9: Immediately Invoked Function Expressions

Lecture 10: Function Challenges

Lecture 11: Execution Context

Lecture 12: Execution Context In Action

Lecture 13: The Call Stack

Chapter 5: Logic & Control Flow

Lecture 1: Section Intro

Lecture 2: If Statements

Lecture 3: If Else & Nesting

Lecture 4: Switches

Lecture 5: Calculator Challenge

Lecture 6: Truthy & Falsy

Lecture 7: Logical Operators

Lecture 8: Logical Assignment

Lecture 9: Ternary Operator

Chapter 6: Loops, Iteration & Array Methods

Lecture 1: Section Intro

Lecture 2: For Loop

Lecture 3: Break & Continue

Lecture 4: While & Do While Loops

Lecture 5: FizzBuzz Challenge

Lecture 6: For Of Loop

Lecture 7: For In Loop

Lecture 8: Array.forEach

Lecture 9: Array.filter

Lecture 10: Array.map

Lecture 11: Array.reduce

Lecture 12: Array Method Challenges

Chapter 7: Document Object Model

Lecture 1: Section Intro

Lecture 2: Intro To The DOM

Lecture 3: Document Element Properties

Lecture 4: DOM Selectors – Single Elements

Lecture 5: DOM Selectors – Multiple Elements

Lecture 6: Traversing The DOM – Elements

Lecture 7: Traversing The DOM – Nodes

Lecture 8: Create & Append Elements

Lecture 9: InnerHTML vs createElement()

Lecture 10: Refactor To Multiple Functions

Lecture 11: Insert Elements, Text & HTML

Lecture 12: Custom insertAfter Challenge

Lecture 13: Replace Elements

Lecture 14: Remove Elements

Lecture 15: Working With Styles & Classes

Chapter 8: Events

Lecture 1: Section Intro

Lecture 2: Event Listeners

Lecture 3: Mouse Events

Lecture 4: The Event Object

Lecture 5: Keyboard Events & Key Properties

Lecture 6: KeyCode Mini-Project

Lecture 7: Input Events

Lecture 8: Form Submission & FormData Object

Lecture 9: Event Bubbling

Lecture 10: Event Delegation & Multiple Elements

Instructors

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media

Rating Distribution

1 stars: 146 votes

2 stars: 224 votes

3 stars: 1531 votes

4 stars: 8918 votes

5 stars: 23226 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!