~/maps/frontend
Career map: Frontend
Frontend is the most sought-after entry point in development, and therefore the most crowded. The most common mistake is jumping straight to the framework: React solves a lot, but technical interviews ask about what sits underneath — how the browser loads a page, how JavaScript handles asynchronicity, why the layout broke.
This map follows the order in which each block unlocks the next in a real interview, not the order of difficulty. Every node marked essential shows up in practically every job ad; the recommended ones are what gets you past screening; the optional ones are specialisation, and it is better to pick one than to attempt them all.
- 5 stages
- 22 topics
- 14 essential
Essential appears in practically every job ad. Recommended is what gets you past screening. Optional is specialisation — pick one instead of attempting them all.
Stage 1
How the web works
By the end you can explain what happens between typing a URL and the page appearing — the oldest and most revealing interview question there is.
- essential
Without this, every network error is a mystery: 404, 500, CORS and caching are different conversations, and confusing them costs hours of debugging.
- essential
It is the only item on this list you use on 100% of working days, and the first thing a team notices you do not master.
- essential
Installing dependencies, running builds and reading logs all happen in the terminal — avoiding it means depending on a GUI that will not always exist.
- essential
The Network tab answers most "why is it not working" questions before you even open the editor.
Stage 2
HTML and CSS for real
By the end you can build any responsive layout without a CSS framework and understand why semantic structure changes the outcome in Google and in screen readers.
- essential
Using the right tag solves half of accessibility and much of SEO for free — and separates a site that works from a pile of divs.
- essential
These are the two layout systems that solve 95% of screens; mastering them ends the fight with positioning.
- essential
Most Brazilian traffic comes from phones — a layout that only works on desktop is a broken layout for the majority.
- recommended
No longer a differentiator: contrast, visible focus and keyboard navigation show up in code review and in public-sector contract requirements.
- recommended
Some approach to scaling shows up in nearly every new project; which one matters less than understanding the problem they solve.
Stage 3
JavaScript in depth
By the end you can solve interview exercises without a framework and understand what React is doing underneath.
- essential
This is the content that shows up in screening tests, almost always with no library allowed.
- essential
Every framework is a layer on top of this — whoever understands the DOM can debug problems React does not explain.
- essential
This is the topic that fails the most junior candidates, because it breaks silently: the code runs, just in the wrong order.
- essential
Reading, validating and handling response errors is half the daily work of frontend.
- essential
No longer a differentiator — it is a requirement in most mid and senior roles in Brazil.
Stage 4
Framework and ecosystem
By the end you can deliver a complete application with routing, state, remote data and authentication.
- essential
Dominates Brazilian job ads by a wide margin; Angular and Vue appear, but in far smaller numbers.
- essential
Job ads stopped requiring Redux and started asking for TanStack Query — server cache became the central problem.
- recommended
Became the de facto standard for React in production in Brazil, especially where SEO matters.
- recommended
Knowing where to store a token, what expires and why httpOnly cookies exist avoids the most common security flaw in portfolio projects.
Stage 5
Quality and performance
By the end you have the arguments that separate a mid-level candidate from an experienced junior.
- recommended
Testing Library and Playwright show up in job ads from mature teams — and the absence of tests in a portfolio gets noticed.
- recommended
Image weight and unnecessary JavaScript are the two causes of a slow site — and the two easiest to show you know how to fix.
- recommended
Publishing your own project with an automated pipeline is the portfolio item with the best impression-per-effort ratio.
- optional
At companies with large products, the daily work is consuming and maintaining the design system, not designing screens from scratch.
From the map to the market
Studying without looking at what is being advertised is studying in the dark. The job panoramas are Portuguese-only for now, since the inventory is the Brazilian market — but the salary comparison works in either language.
Other trails
## faq
Frequently asked questions
How long does it take to land a first frontend job?
It depends far more on weekly dedication and portfolio than on total months. People who study consistently and publish two or three real projects — with deployment, version control and some testing — usually start getting replies between six months and a year. What slows almost everyone down is skipping the fundamentals and freezing on the first interview question that is not about React.
Do I need to finish the whole map before applying?
No, and waiting is the most expensive mistake. The essential nodes of the first four stages already cover what most junior roles ask for. Overstated requirements in job ads are common and often negotiable — apply once you meet most of the essentials and keep studying the recommended ones while the processes run.
React, Angular or Vue?
React, if the criterion is employability in Brazil — the gap in ad volume is large. Angular concentrates roles at large and corporate companies, and Vue shows up in smaller products and agencies. Remember that the framework is the easiest part to swap: whoever masters JavaScript, the DOM and asynchronicity moves between them in weeks.
Is a degree necessary for frontend?
Most development roles do not require a specific degree, and the portfolio weighs more in the technical interview. A degree, however, opens internship and trainee programmes at large companies, public-sector exams and regulated-sector roles that require higher education — not mandatory, but it closes doors when missing.