Lydia Hallie
0%
Expert
Learning PathYour Path to Becoming a Lead / Staff Developer!
Learn mind-expanding web development techniques and emerging APIs to solve even the most complex challenges top-level engineers face.
Total time: 59 hours, 56 minutes
Core Coursework
Take these in order
Prerequisite: The
Professional Learning Path or senior-level frontend engineering experience
Editor's Note
Lead developers are who get asked the tough questions. Lydia’s course does precisely this. You’ll answer 30 tough questions across topics ranging from CSS & JS to networking & security.
Advanced Web Development Quiz
Challenge your knowledge with a quiz on the advanced parts of web development! Answer 30 questions from JavaScript and CSS to performance, web security, and HTTP protocols.
![Advanced Web Development Quiz](https://static.frontendmasters.com/assets/courses/2023-05-30-web-dev-quiz/thumb.webp)
Editor's Note
Understanding asynchronous and functional programming will increase your programming abilities drastically. Will’s style of building an in-depth mental model helps you understand these complex topics.
The Hard Parts of Asynchronous JavaScript
Codesmith
Develop an intuitive understanding of the new features of JavaScript in ES6+: iterators, generators, promises, and async/await!
![The Hard Parts of Asynchronous JavaScript](https://static.frontendmasters.com/assets/courses/2018-07-10-javascript-new-hard-parts/thumb.webp)
Editor's Note
Your core understanding of JavaScript is at a maximum. Now it’s time to learn how to lead a team of engineers by managing large-scale applications, migrating codebases, and enforcing a high level of code quality.
Enterprise UI Development: Testing & Code Quality
Temporal
Ideal for lead UI developers: learn unit testing, continuous integration, accessibility testing, mocking, and coding standards enforcement. Guide your team toward coding scalability!
![Enterprise UI Development: Testing & Code Quality](https://static.frontendmasters.com/assets/courses/2023-05-26-enterprise-ui-dev/thumb.webp)
Editor's Note
Make sure your code is fast by diving into how the JavaScript engines and web browsers parse your code.
JavaScript Performance
Temporal
Write more efficient JavaScript, optimize rendering performance, load assets faster with a CDN, split loading resources with Webpack, and more!
![JavaScript Performance](https://static.frontendmasters.com/assets/courses/2018-04-05-web-performance/thumb.webp)
Editor's Note
Performance can also be obtained by understanding the browser’s inner workings. 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
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!
![The Hard Parts of UI Development](https://static.frontendmasters.com/assets/courses/2023-06-20-hard-parts-ui-dev/thumb.webp)
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
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.
![Front-End System Design](https://static.frontendmasters.com/assets/courses/2024-07-23-frontend-system-design/thumb.webp)
Editor's Note
There’s a push with new languages that compile to JavaScript, which are born of a functional nature like Elm and PureScript. Learn more about how to apply functional programming principles to JavaScript.
Functional-Light JavaScript, v3
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.
![Functional-Light JavaScript, v3](https://static.frontendmasters.com/assets/courses/2019-06-18-functional-javascript-v3/thumb.webp)
Editor's Note
State management is one of the most challenging problems in software engineering. State Machines and State Charts can be fantastic solutions across various environments.
State Machines in JavaScript with XState, v2
Microsoft
Learn the fundamentals of state machines and statecharts. You'll build state machines without any libraries in pure JavaScript, then use XState to..click to read more.
![State Machines in JavaScript with XState, v2](https://static.frontendmasters.com/assets/courses/2021-12-21-xstate-v2/thumb.webp)
Editor's Note
When a developer (including yourself) messes up a repo, which inevitably happens, someone on the team needs to know how to get you out of a pinch! Learn git deeply and never lose your work again.
Everything You'll Need to Know About Git
terminal
Never face an unsolvable Git problem again. Understand Git's architecture, branching, conflict resolution, and advanced techniques like interactive rebasing, bisecting, worktrees, and the reflog.
![Everything You'll Need to Know About Git](https://static.frontendmasters.com/assets/courses/2024-05-06-everything-git/thumb.webp)
Editor's Note
Software engineers need to understand every attack vector in our applications to keep data secure and avoid costly vulnerabilities. Learning security is about keeping you and your software safe.
Web Security, v2
Temporal
Learn to identify and mitigate common vulnerabilities, implement protection strategies, and secure your web applications against various attack vectors.
![Web Security, v2](https://static.frontendmasters.com/assets/courses/2024-08-20-web-security-v2/thumb.webp)
Editor's Note
You might write high-performance code, but how high-performance is your workflow? Learning to set up projects quickly and be able to say, “my developer setup is better than yours!”.
My Dev Setup Is Better Than Yours
terminal
Maximize your productivity with the best developer setup. Hand-craft an environment with bash scripts and incorporate common unix tools for managing libraries, interacting with the OS, window management, and more.
![My Dev Setup Is Better Than Yours](https://static.frontendmasters.com/assets/courses/2025-01-31-developer-productivity-v2/thumb.webp)
Elective Coursework
Optional, take in any order
Complete Intro to Real-Time
Learn to build apps where the client can push messages to the server and talk in real-time. Start today!
![Complete Intro to Real-Time](https://static.frontendmasters.com/assets/courses/2021-10-08-realtime/thumb.webp)
Vanilla JS: You Might Not Need a Framework
Explore Vanilla JavaScript core concepts, work with DOM APIs, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.
![Vanilla JS: You Might Not Need a Framework](https://static.frontendmasters.com/assets/courses/2023-07-06-vanilla-js-apps/thumb.webp)
Exploring Service Workers
Service Workers enable websites to have new PWA capabilities like smart offline caching, background sync, and push notifications!
![Exploring Service Workers](https://static.frontendmasters.com/assets/courses/2019-07-16-service-workers/thumb.webp)
Enterprise Architecture Patterns
Build non-trivial enterprise-level web applications through first-principles thinking applied to programming in JavaScript and TypeScript.
![Enterprise Architecture Patterns](https://static.frontendmasters.com/assets/courses/2021-02-02-enterprise-patterns/thumb.webp)
JavaScript and TypeScript Monorepos
Monorepos have taken the JavaScript world by storm, unlocking powerful new patterns around composition, encapsulation, and ease of maintenance.
![JavaScript and TypeScript Monorepos](https://static.frontendmasters.com/assets/courses/2020-11-18-monorepos/thumb.webp)
A Tour of Web Capabilities
Explore what is possible with new Web APIs! Browsers can do so much now, including speech recognition, geolocation, OS integration, face detection, augmented reality, and reading from sensors, external hardware, and devices!
![A Tour of Web Capabilities](https://static.frontendmasters.com/assets/courses/2023-07-11-device-web-apis/thumb.webp)
Bare Metal JavaScript: The JavaScript Virtual Machine
Build a mental model of JavaScript's performance characteristics through understanding virtual machines under the hood.
![Bare Metal JavaScript: The JavaScript Virtual Machine](https://static.frontendmasters.com/assets/courses/2023-10-17-javascript-cpu-vm/thumb.webp)
Building Your Own Programming Language
Learn language building techniques: Lexing, Parsing, Tokenization, Traversing Abstract Syntax Trees, and Transpiling to JavaScript and make your own language now!
![Building Your Own Programming Language](https://static.frontendmasters.com/assets/courses/2019-10-08-programming-language/thumb.webp)
Learn Straight from the Experts Who Shape the Modern Web
- In-depth Courses
- Industry Leading Experts
- Learning Paths
- Live Interactive Workshops