Frontend engineer
Learn to build fast, accessible, tested web interfaces with React and TypeScript, and to build and review them with AI tools every week, in 24 weeks.
Coming soon · planned, not written yet
A core path in Pluralsight’s 2026 software career guidePluralsight, software developer career paths 2026
- 24
- weeks planned
- ~30 h
- a week
- 6
- milestone projects
- 1
- project, grown every week
These are planned figures. The weeks are written after we check the tools against current job postings and official documentation, so the final route may differ.
Built for the AI era
How AI fits this roadmap
AI coding assistants now write a lot of first-draft interface code, so the skill that counts is reviewing, testing and fixing that code, and knowing when it is wrong. This roadmap has you work with an AI assistant from week 1, and checks every result with types, tests and accessibility tools. You also learn to build AI features into interfaces, such as streaming chat and generated content, and to test them.
The main project
Atlas Board
A team dashboard and planning app that you grow from static pages into a tested, accessible, fast React app with an AI assistant built in.
What you will be able to do
- 01
Build responsive pages with semantic HTML, modern CSS and TypeScript, and explain why each choice was made.
- 02
Build React apps with Next.js, with typed data fetching, forms and state you can reason about.
- 03
Test interfaces with Vitest, Testing Library and Playwright, and use tests to check code written by an AI assistant.
- 04
Audit and fix a page for keyboard use, screen readers and Core Web Vitals.
- 05
Ship a streaming AI feature in a React interface, with loading, error and refusal states handled.
01The route
Six months, one month at a time.
Each month ends in a milestone project, so you always have something to show for the work.
Month 1 · Weeks 1–4
The web platform and AI-assisted setup
Semantic HTML, CSS layout, JavaScript and TypeScript. From week 1 you use an AI assistant and learn to read its output, spot errors and ask better questions.
MilestoneA responsive Atlas Board shell, published online, with notes on what the AI got wrong
Month 2 · Weeks 5–8
React and components
Components, state, effects and composition in React. You design the component tree yourself, then let AI draft parts and review them against your design.
MilestoneAn interactive board with reusable, typed components
Month 3 · Weeks 9–12
Next.js, data and forms
Routing, server and client rendering, fetching data, forms and validation. You learn which AI-written data code is unsafe or slow.
MilestoneAtlas Board with real data, validated forms and clear error states
Month 4 · Weeks 13–16
Testing and accessibility
Unit and component tests, end-to-end tests, keyboard and screen reader checks. Tests become your way to trust or reject AI-written code.
MilestoneA test suite and an accessibility audit report with fixes applied
Month 5 · Weeks 17–20
Performance and AI interfaces
Core Web Vitals, bundles and rendering costs. Then build a streaming AI assistant into the app, with loading, error, retry and safe-output handling.
MilestoneA fast Atlas Board with a working AI assistant panel
Month 6 · Weeks 21–24
Capstone and job search
A design system, a code review of your own AI-assisted work, a portfolio write-up, interview practice and applications.
MilestoneA finished portfolio project, a case study and a job-search pipeline
03What is inside
Everything a week comes with.
Every week is built the same way, so once you have done one you know how all of them work.
- 01
One project, Atlas Board
You grow one app from static page to tested, accessible product with an AI feature, so every tool lands in something real.
- 02
A day-by-day plan
Each week has a Learn part and a Do part, with a checklist so you know when you are done.
- 03
A project in every milestone
Six milestones, each ending in something you can show and link to.
- 04
Reference topics
Short topic pages with check questions you can come back to, including how to review AI-written code.
- 05
A job track
Interview practice, portfolio and resume help, and an application plan.
- 06
Progress in your Study plan
Add weeks to your Study plan, give them dates, and finished days are counted for you.
04Is it for you
Who this is, and is not, for.
Better to know before you start than six weeks in.
It is for you if
- You know some HTML, CSS and JavaScript and want to work as a frontend engineer.
- You are a developer or designer who wants to build production interfaces and use AI tools well while doing it.
- You can give about 30 hours a week for six months. This is a part-time pace.
It is not for you if
- You have never written any code. Do a beginner course first.
- You want a job guarantee. Nobody can promise that, and this roadmap does not.
- You want to skip understanding and let AI write everything. This roadmap makes you read, test and explain every change.
?Questions
Before you start
- Is this roadmap ready?
- Not yet. This is the plan. The weeks are being written and checked against current job postings and official documentation. Leave your email and we will write to you when it opens.
- What will it cost?
- The price is not set. Roadmaps are bought once, with no subscription. We will announce it when this one opens.
- Will the plan change?
- It may. Before the weeks are written we check the tools against current job postings, so the lengths and months here are planned, not final.
- Will it get me a job?
- It will give you skills and proof of work. It cannot promise a job on a fixed date, because hiring depends on the market, your location and your past work.
- Do I need a paid AI tool?
- Not decided yet. We will say which tools are used before the roadmap opens, and where possible give a free option.
Not open yet
Leave your email and we will write once, when it opens.