Udemy - Modern JavaScript From The Beginning 2.0 (2024)

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

Requirements

Basic HTML / CSS knowledge

Description

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

Shopping List

Flix Movie App

Tracalorie OOP Project

Tracalorie Webpack Refactor

Chuck Norris Joke Generator

RandomIdeas Full Stack APP - API & Frontend

Webpack Starter Project

Keycode Mini-Project

Random User Generator

Music Player

Video Player

Drum Machine

Profile Scroller

Polling App

Joke Generator

Ball Animation

Animated Clock

Typicode Todos

Text To Speech

Who this course is for:

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