Modern JavaScript From The Beginning 2.0 - 2023 Revamp
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
Featured review
Instructor
Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.