Anjana Vakil
Software Engineer & Educator
0%
JavaScript Learning PathWrite Professional, Modern JavaScript
Code your way from the fundamentals to advanced, reactive applications, and discover how far you can go with JavaScript!
Total time: 70 hours, 20 minutes
Core Coursework
Take these in order
Prerequisite: Basic understanding of HTML and CSS
Editor's Note
A practical introduction to JavaScript and an overview of the language, Anjana covers what you need to know to be competent at writing JavaScript.
JavaScript: From First Steps to Professional
Take your first steps into the wide world of JavaScript and walk away with the core skills needed to become a professional JavaScript programmer!
Editor's Note
Will’s course emphasizes in-depth knowledge of JavaScript and technical communication, two skills necessary for becoming a high-performing engineer.
JavaScript: The Hard Parts, v2
Will Sentance
Codesmith
Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript!
Editor's Note
Many JavaScript developers quickly jump into a framework before understanding the power and potential of Vanilla JS. Use Max’s course to understand why you might not need a framework.
Vanilla JS: You Might Not Need a Framework
Maximiliano Firtman
Independent Consultant
Explore Vanilla JavaScript, understand core concepts, work with the DOM API, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.
Editor's Note
Kyle’s course reinforces many foundational concepts covered in Will’s course but goes even deeper. He also covers types and the type coercion that goes on under the hood of JavaScript.
Deep JavaScript Foundations, v3
Kyle Simpson
You Don't Know JS
Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system.
Editor's Note
Modern JavaScript builds on top of the foundations and adds more to the language. Kyle’s JavaScript the Recent Parts course will give you a deeper understanding of the modern features in the JavaScript Language.
JavaScript: The Recent Parts
Kyle Simpson
You Don't Know JS
Get up to speed with new object destructuring JavaScript features like tagged template literals, destructuring, iterators, generators, and async-await. Learn more!
Editor's Note
Understanding asynchronous and functional programming drastically increases your programming abilities.
The Hard Parts of Asynchronous JavaScript
Will Sentance
Codesmith
Develop an intuitive understanding of the new features of JavaScript in ES6+: iterators, generators, promises, and async/await!
Editor's Note
Functional programming relies on tools like map/reduce/filter, pure functions, and immutability. These tools allow developers to compose pure functions to write more predictable and bug-free code.
Functional-Light JavaScript, v3
Kyle Simpson
You Don't Know JS
Improve your JavaScript by applying functional programming concepts like function purity, point-free, partial-application, currying, plus even more advanced concepts.
Editor's Note
Go under the hood of the web browser as Will builds a robust mental model for UI composition and virtual DOM rendering so you can understand and recreate the reactivity of frameworks in the most performant way.
The Hard Parts of UI Development
Will Sentance
Codesmith
Develop an under-the-hood knowledge of UI development by learning techniques such as data binding, UI composition, templating, virtual DOM and its reconciliation, and hooks, all from scratch! Master UI frameworks such as React, Angular, Vue, and Svelte by seeing exactly what problems they solve.
Editor's Note
In the modern UI world, there are hundreds of frameworks and methodologies for building large-scale UI apps. However, most of these libraries and frameworks are based on core principles that recur across them. As UI specialists, we need to understand these fundamentals and how to apply them in building large and complex apps.
Front-End System Design
Evgenii Ray
Staff UI Engineer
Learn best practices for building scalable, high-performance web applications. Deep dive into front-end engineering: DOM APIs, virtualization, state management, and performance.
Editor's Note
We have even more optional JavaScript courses! TypeScript is a standard way to add type information into the language. You’ll want to learn to optimize and measure your code’s performance. Check out the various design patterns you can utilize in your applications and learn some techniques to debug your JavaScript.
Elective Coursework
Optional, take in any order
Vanilla JavaScript Projects
Put your fundamental JavaScript knowledge into practice through hands-on web projects. Use browser APIs, asynchronous programming, Node.js, and modern tooling to build and deploy web apps, all with vanilla JavaScript!
TypeScript 5+ Fundamentals, v4
TypeScript adds a powerful type system to JavaScript, adding type aliases, union/intersection types, and generics. Migrate to TypeScript, enhancing code reliability and error detection in your codebase.
JavaScript Performance
Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!
The Hard Parts of Object Oriented JavaScript
Understand JavaScript’s prototypal design and ES6+ classes to better organize and scale your JavaScript apps.
A Tour of JavaScript & React Patterns
Learn a suite of design patterns to improve your JavaScript and React code architecture!
JavaScript Testing Practices and Principles
In this course, you'll learn the principles and best practices for writing maintainable test applications to catch errors before your product reaches the end user.
Debugging and Fixing Common JavaScript Errors
Learn what causes common JavaScript bugs and how to debug them. Learn how to use the latest developer tools to isolate and fix the source of issues.
Hardcore Functional Programming in JavaScript, v2
Learn functional programming concepts such as pure functions, currying, composition, functors, monads, and see functional concepts in action!
What They're Saying
When I began my web development journey, I just learned basic concepts and moved into learning frameworks like React and Next. Closures, Hoisting, and promises did not quite click for me then. But as I delved deeper and deeper into React, I wanted to understand every bit and piece of JS. Frontend Masters made this journey smoother. Over the past year, I completed several of their JS workshops, and now I can confidently say I know Javascript.
Completed Javascript courses:
1. Deep JavaScript Foundations, v3
2. JavaScript: The Hard Parts, v2
3. Vanilla JS: You Might Not Need a Framework
4. The Hard Parts of Asynchronous JavaScript.
5. JavaScript Performance
The most recent workshop I completed was "The Hard Parts of Asynchronous JavaScript." The workshop started with Execution context and event loop and ended with implementing Async/Await from scratch. It was the most profound Aha moment of my Javascript journey thus far!
Mahdi Murshed
Software Engineer
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops