HOT
blank

Modern JavaScript From The Beginning 2.0 (2024)

Development

Rating4.7
Enroll Now

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 –Try…Catch, 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
    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!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024