Core Coursework
(take these in order)
- +
Editor's Notes
The professional path starts by focusing on gaining a deep understanding of the inner workings of the JavaScript language. Will’s course emphasizes not only understanding but also communicating that understanding, which is a necessary skill for becoming a high-performing engineer. - ⠇
JavaScript: The Hard Parts, v2
Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript! - +
Editor's Notes
Kyle’s course builds by reinforcing many of the 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
Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system. - +
Editor's Notes
The React course shows you how to build an entire real-world, modern application from scratch in today’s tools! No matter if you’re writing pure JavaScript, Vue or Angular, you should get a lot out of this course on how to build a real-world web application. - ⠇
Complete Intro to React, v8
Learn to build real-world apps with modern React 18.x+. You'll use the latest React features to build a complete app for browsing adoptable pets. - +
Editor's Notes
Being able to measure and build performance websites is critical to being an effective professional developer. Not only will things load faster, but it also improves discoverability of your websites and web apps. - ⠇
Web Performance Fundamentals
Learn to improve your core web vitals metrics like first contentful paint (FCP), largest contentful paint (LCP), and cumulative layout shift (CLS) in this course. - +
Editor's Notes
An essential part of building websites is laying out the design of your website. Jen teaches you the different ways to lay out a webpage, and Flexbox and CSS Grid are the most modern ways to do this. - ⠇
CSS Grid & Flexbox for Responsive Layouts, v2
Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts! - +
Editor's Notes
You’ll need to deploy your code to the outside world, and with that comes an entirely different set of skills. There are a lot of off the shelf deployment options, but knowing the basics of systems administration allows you to more effectively communicate with the server team and make better decisions about your code. - ⠇
Full Stack for Front-End Engineers, v3
Learn what it means to become a full-stack engineer, and get hands-on with setting up your own server to build and deploy web applications from scratch! - +
Editor's Notes
TypeScript has become a standard in many professional developer environments. Having a fundamental understanding of TypeScript is going to help you have the tools neccessary to work in and evolve large code bases. - ⠇
TypeScript Fundamentals, v3
TypeScript adds a powerful type system on top of your JavaScript to catch bugs before they happen and provides a superior developer experience for collaborative teams. - +
Editor's Notes
Functional programming is a set of tools such as map/reduce/filter, pure functions, and immutability. These tools are sure to make you a more effective developer through composing pure functions together to write more predictable and bug-free code. - ⠇
Functional JavaScript First Steps
Learn core functional programming course and code everything with pure functions, learning recursion, higher-order functions, closures, and function composition. - +
Editor's Notes
There are some optional courses around getting to know the your tools better, and getting better at design. Visual Studio Code is today’s most popular code editor for web developers. Chrome Dev Tools has a ton of features most developers aren’t using. Plus being able to design and use SVG are skills that can go beyond code and give you more autonomy over your work.
Elective Coursework
- ⠇
Redux Fundamentals (feat. React)
Learn the Redux API from scratch, then learn to hook the Redux React application. You'll also learn how to extend Redux with various tools from its ecosystem. - ⠇
A Tour of JavaScript & React Patterns
Learn a suite of design patterns to improve your JavaScript and React code architecture! - ⠇
Design for Developers
Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences! - ⠇
Complete Front-End Project: Build a Game
Organize your front-end code, manage application state with state machines, and automate writing better code using tools like ESLint, Parcel, and Prettier. - ⠇
Introduction to Next.js 13+, v2
Next.js is a complete full-stack framework built on top of React.js. Use Next.js to create basic blog websites up to full-blown, full-stack applications and APIs. - ⠇
Intermediate HTML & CSS
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know! - ⠇
Build Progressive Web Apps (PWAs) from Scratch
Build offline-capable Progressive Web Apps with HTML, CSS, and JavaScript: Service workers give you access to the cache storage while App Manifests allow you to be distributed on the Google Play store and Apple App Store. - ⠇
Web Components
Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.