Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Modern JavaScript From The Beginning 2.0 (2024)

via Udemy

Overview

A 36-hour master course to take you from beginner to advanced JavaScript

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

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.


WHATYOUWILLLEARN


  • 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 & ESModules, Webpack, plugins, loaders, modern dev environment & workflow

  • UnitTesting Algorithms - Learn the Jest testing library and algorithms like palindromes and anagrams

  • Node.js & Express - Learn about Node modules, NPMpackages and build a RESTAPI with Express & MongoDB

  • FullStack Development - We build an API with Express and a frontend with Webpack. No frontend frameworks!

  • So So Much More!


COURSEPROJECTS & 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. DrumMachine

  13. Profile Scroller

  14. Polling App

  15. Joke Generator

  16. Ball Animation

  17. Animated Clock

  18. Typicode Todos

  19. Text To Speech


Taught by

Brad Traversy

Reviews

4.7 rating at Udemy based on 34357 ratings

Start your review of Modern JavaScript From The Beginning 2.0 (2024)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.