Sub-área · Tecnologia

Front-end

Desenvolver e entregar melhorias, novas funcionalidades e resolução de bugs, com agilidade, qualidade, escalabilidade, performance, monitoramento e sustentabilidade, nas aplicações de frontend.

JS · TS React · AngularJS Node.js

6

Níveis

T-Shaped

Carreira

Estagiário(a)

Nível de entrada — aprendizado supervisionado, foco em fundamentos

Estágio

Missão

Aprender e aplicar conceitos de desenvolvimento frontend (JS/TS, React, AngularJS) colaborando em projetos sob supervisão técnica de um Sênior. Neste nível de entrada, você constrói a base técnica e comportamental para evoluir como desenvolvedor frontend especializado, focando integralmente em consolidar fundamentos da stack principal.

Responsabilidades e Entregáveis

  • Tarefas supervisionadas de baixa complexidade

    Envolver-se em tarefas menores; escrever e melhorar códigos sob orientação do Sênior.

    Entregável: PRs com qualidade crescente; bug fixes simples; feedbacks aplicados.

  • Entendimento das regras de negócio

    Compreensão do que está sendo desenvolvido e por quê.

    Entregável: clareza sobre propósito de cada feature; perguntas estruturadas.

  • Participação ativa em rituais

    Cerimônias de squad: daily, planning, review e retrospectiva.

  • Uso Estratégico de IA (Copilot, ChatGPT, Claude)

    Aproveitar IA para acelerar aprendizado.

    Entregável: uso consistente para explicar trechos de React/Angular, gerar boilerplate de componentes/hooks/testes, revisar PR pessoal, traduzir erros de console.

Conhecimento Técnico

HTML & CSS básico JavaScript básico TypeScript básico React básico (useState, useEffect, useMemo, useCallback) AngularJS básico (ng-if, ng-show, ng-repeat; style guide) HTTP básico (GET, POST, PUT, DELETE; padrão Ploomes) OData básico Git básico (init, clone, add, commit, push, branches) Teste Unitário básico (Jest) Algoritmo básico Clean Code básico

Comportamento

  • Dar/Receber feedbacks (Avançado). Busca feedbacks ativamente e os aplica.
  • Pedir ajuda (Avançado). Ao pedir, relata o que tentou antes — não transfere o problema.
  • Visão estratégica (Avançada). Sabe o porquê de tudo que faz; conecta tarefa ao propósito.
  • Curiosidade. Investiga além da solução imediata.
  • Auto-revisão. Revisa o próprio código antes de abrir PR.

Cross-Stack

Não exigido neste nível. Foco é consolidar fundamentos de frontend.

Júnior

Autonomia crescente em tarefas de baixa e média complexidade

Júnior

Missão

Contribuir para o desenvolvimento de soluções frontend de baixa e média complexidade, aplicando e aprimorando os conceitos aprendidos sob supervisão de um Sênior. Consolida o domínio de React, AngularJS, JS/TS e prepara a base técnica para Pleno — que começa a exigir conhecimento cross-stack.

Responsabilidades e Entregáveis

  • Tarefas com supervisão reduzida

    Pouca supervisão; foco em qualidade e prazo.

    Entregável: PRs no prazo; defeitos baixos; código revisável.

  • Resolução de problemas de média complexidade

    Features completas e bug fixes que exigem análise de causa raiz.

    Entregável: features entregues; bug fixes profundos; análise documentada.

  • Entendimento profundo das regras de negócio

    Questiona e esclarece requisitos antes de implementar; evita retrabalho.

  • Uso Estratégico de IA

    Copiloto para escrita, refatoração e aprendizado da 2ª stack.

    Entregável: uso consistente para componentes React, hooks, testes, tipos TypeScript complexos, aceleração da 2ª stack (Backend ou Mobile).

Conhecimento Técnico

Layout intermediário (design system, styled-components) JavaScript intermediário (async/await, Promises, métodos nativos) TypeScript intermediário (interfaces, Partial, Pick, Omit) React intermediário AngularJS intermediário (ciclo de vida, watchers, eventos) HTTP intermediário (debug de requisições) OData intermediário Git intermediário (Git Flow) Arquitetura básica (componentização, fluxo de estado, contrato de API — executa existente) Build/Deploy básico (npm, PloomesDev) Clean Code intermediário

Comportamento

  • Feedback e pedir ajuda (Avançado). Ciclo de melhoria contínua.
  • Visão estratégica. Conecta cada linha de código ao impacto no produto.
  • Autonomia crescente. Entrega com menos supervisão a cada ciclo.
  • Generosidade. Apoia estagiários com paciência e clareza.
  • Qualidade priorizada. Não abre PR sem auto-revisão e testes básicos.

Cross-Stack

Não exigido ainda como critério de promoção, mas começar a explorar a 2ª stack (Backend OU Mobile). Para promoção a Pleno: básico em 1 outra stack.

Pleno

Alta complexidade com autonomia — T-shaped emergente

Pleno

Missão

Desenvolver soluções frontend robustas com autonomia, aplicando conhecimentos consolidados e oferecendo orientação para membros menos experientes sob pouca ou nenhuma supervisão. Começa a operar como T-shaped: profundidade em frontend + conhecimento básico em 1 outra stack (Backend ou Mobile).

Responsabilidades e Entregáveis

  • Tarefas de alta complexidade sem supervisão

    Entrega com autonomia; baixo retrabalho; qualidade consistente.

    Entregável: projetos entregues; baixo retrabalho; PRs de alta qualidade.

  • Arquitetura e planejamento

    Contribui em refinamentos arquiteturais sob supervisão do Sênior.

    Entregável: contribuições em refinamentos arquiteturais; discussões de design documentadas.

  • Apoio a Juniores

    Pair programming e code reviews com foco didático; eleva a qualidade do time.

  • Negociação (Avançada)

    Analisa tarefas criticamente; negocia alternativas melhores com PO/SM.

    Entregável: escopo otimizado; custo de entrega reduzido sem perda de valor.

  • Uso Estratégico de IA avançado

    Entregável: componentes complexos, tipagens TypeScript avançadas, revisão assistida de PRs, debug na 2ª stack via Copilot.

Conhecimento Técnico

Layout avançado JavaScript avançado (alta complexidade) TypeScript avançado (tipos genéricos complexos) React avançado AngularJS avançado (Digest Cycle, angular2react/react2angular) Arquitetura intermediária (componentização, fluxo de estado para projetos médios) Decisões de tecnologia (intermediário) OData/HTTP avançado Git avançado (rebase, reset, cherry-pick) Build/Deploy intermediário Algoritmo intermediário (Big O)

Comportamento

  • Feedback, pedir ajuda e visão estratégica (Avançados).
  • Negociação (Avançada). Propõe alternativas com embasamento técnico.
  • Mentoria informal. Apoia Juniores no dia a dia.
  • Qualidade elevada. Zela pelo code review como prática de crescimento.
  • Pensamento sistêmico nascente. Começa a enxergar impacto além da própria tarefa.

Cross-Stack

Pré-requisito: básico em 1 outra stack (Backend OU Mobile). Para Pleno → Sênior: evoluir a 2ª stack para intermediário e iniciar contato básico com a 3ª.

Sênior

Liderança técnica, arquitetura e mentoria — T-shaped consolidado

Sênior

Missão

Desempenhar liderança técnica no desenvolvimento de soluções frontend complexas, demonstrando domínio técnico, mentorando Juniores e Plenos, arquitetando, planejando e conduzindo projetos com o Tech Lead. T-shaped consolidado: profundidade avançada em frontend + nível intermediário em 1 outra stack + básico em uma terceira.

Responsabilidades e Entregáveis

  • Arquitetura e condução de projetos

    Em conjunto com o Tech Lead; define padrões e documenta decisões de arquitetura.

    Entregável: arquitetura coerente; decisões documentadas; padrões adotados pelo time.

  • Code reviews avançados

    Revisões que ensinam; mantém qualidade e controla débito técnico.

    Entregável: qualidade crescente no time; débito técnico controlado.

  • Resolução de problemas de altíssima complexidade

    Referência em situações críticas de performance, bug sistêmico ou migração.

    Entregável: problemas críticos resolvidos; documentação de causa raiz compartilhada.

  • Decisões estratégicas e inovação

    Junto ao Tech Lead; avalia trade-offs de tecnologia e propõe inovações.

  • Uso Estratégico de IA

    Entregável: decisões de arquitetura documentadas com trade-offs, revisão de PRs com explicações didáticas, refatorações complexas, produção aceitável na 2ª stack em nível intermediário.

Conhecimento Técnico

JS/TS avançado React avançado AngularJS avançado OData & HTTP avançado Layout avançado Build & Deploy avançado Componentização e Fluxo de Estado (Avançado) Contrato de API (Avançado) Decisões de tecnologia (Avançado) Mentoria (Avançada) Algoritmo (Avançado) Clean Code (Avançado)

Comportamento

  • Dar/Receber feedbacks (Guardião). Cultua a cultura de feedback no time.
  • Mentoria (Avançada). Eleva Juniores e Plenos por meio de pair programming e code review.
  • Referência técnica. Influencia pelo exemplo — não pela autoridade.
  • Pensamento sistêmico. Enxerga impacto além do próprio squad.
  • Decisão por dados. Justifica trade-offs com evidências técnicas e métricas.
  • Visão de longo prazo. Equilibra entrega imediata com saúde técnica do produto.

Cross-Stack

Pré-requisito: intermediário em 1 outra stack + básico em uma terceira. Para Sênior → Especialista: evoluir a 2ª para avançado e a 3ª para intermediário.

Especialista

AI-Augmented Architect — trilha técnica IC, referência máxima individual

Especialista

Missão

Atuar como AI-Augmented Architect da área de frontend: referência técnica máxima individual (IC) que combina profundidade extrema em frontend com amplitude consistente em outras stacks. Trilha técnica do crescimento pós-Sênior — paralela ao Tech Lead. Não gerencia pessoas; gera valor por excelência técnica.

Responsabilidades e Entregáveis

  • Arquitetura sistêmica frontend

    Define padrões para múltiplos squads; evolui o design system e bibliotecas compartilhadas.

    Entregável: padrões documentados; design system evoluindo; bibliotecas compartilhadas adotadas.

  • Resolução dos problemas mais complexos

    Última instância técnica para problemas de performance, segurança e migração de stack.

  • Mentoria técnica de Sêniores

    Sessões de mentoria, code reviews estratégicos e discussões de arquitetura com Sêniores.

  • Influência em decisões estratégicas

    Participa de decisões de roadmap técnico, adoção de tecnologias e processos de engenharia.

  • Pesquisa e adoção de tecnologias

    Avalia e propõe novas ferramentas e abordagens; reduz custo técnico de longo prazo.

Conhecimento Técnico

Toda a stack frontend — domínio máximo Algoritmo (Especialista) Componentização, Estado e Contrato de API (Guardião) Performance frontend (bundle, code splitting, lazy loading) Design System (evolução e governança) Segurança Frontend (XSS, CSRF, CSP) Cloud para Frontend (CDN, edge computing)

Comportamento

  • Última fronteira técnica. É consultado quando nenhum outro tem a resposta.
  • Mentoria de Sêniores. Eleva a senioridade média da área.
  • Decisão por dados. Fundamenta escolhas arquiteturais com benchmarks e evidências.
  • Influência sem autoridade formal. Convence pelo argumento técnico, não pelo cargo.
  • Pesquisa contínua. Acompanha o estado da arte em frontend; testa e dissemina.
  • Comunicação estratégica. Traduz complexidade técnica em linguagem executiva quando necessário.

Cross-Stack

Pré-requisito: avançado em 1 outra stack (nível Pleno) + intermediário em uma terceira.

Tech Lead

Trilha de liderança técnica — gestão de pessoas, arquitetura e desenvolvimento do time

Tech Lead

Missão

Liderar tecnicamente o time de frontend, definindo padrões, conduzindo decisões de arquitetura e desenvolvendo pessoas. Trilha de liderança técnica após Sênior — paralela ao Especialista (IC). Próximo nível: Manager de Engenharia → CTO.

Responsabilidades e Entregáveis

  • Liderança técnica do squad

    Define arquitetura, padrões e garante entregas previsíveis.

    Entregável: arquitetura coerente; entregas previsíveis; débito técnico gerenciado.

  • Mentoria e desenvolvimento de pessoas

    1:1s, PDIs, feedback, carreira — cuida da evolução de cada membro.

    Entregável: PDIs ativos; turnover voluntário controlado; time engajado.

  • Code reviews e qualidade

    Mantém padrão de qualidade alto; revisa PRs críticos e estabelece guidelines.

  • Articulação com UX, Produto e Backend

    Representa o frontend em decisões cross-área; destrrava gargalos de comunicação.

  • Padronização e governança

    Define e mantém padrões de código, arquitetura e processo; garante consistência entre squads.

  • Recrutamento e onboarding

    Participa de entrevistas técnicas e conduz onboarding de novos membros do time.

Conhecimento Técnico

Toda a stack frontend Ploomes Arquitetura de Sistemas Gestão de Pessoas (Playbook de Liderança Ploomes) Análise de Indicadores de Qualidade Comunicação Técnica Recrutamento Técnico

Comportamento

  • Liderança inspiradora. Motiva pelo propósito e pelo exemplo técnico.
  • Comunicação clara e direta. Traduz complexidade técnica para negócio e vice-versa.
  • Decisão baseada em dados. Usa métricas de qualidade, code quality e entrevistas para embasar mudanças.
  • Equilíbrio entre código e gestão. Mantém visão técnica afiada sem se tornar gargalo.
  • Cuidado com a saúde do time. Detecta sinais de esgotamento e age antes do impacto.
  • Coragem para decisões difíceis. Toma decisões de pessoas e de processo com firmeza e respeito.

Cross-Stack

Mesmo do Especialista — avançado em 1 outra stack + intermediário em uma terceira.

Playbook de Liderança Ploomes

O Tech Lead deve exercer todas as competências de liderança descritas no Playbook de Liderança Ploomes — feedback, 1:1, PDI, ciclo de avaliação, promoção e desligamento respeitoso.

Trilha de Progressão — Frontend

Evolução esperada de competências por nível (Estagiário → Júnior → Pleno → Sênior → Especialista / Tech Lead)

Dimensão Estagiário Júnior Pleno Sênior Especialista Tech Lead
JS / TS Básico Intermediário Avançado Avançado Domínio máximo Domínio máximo
React Básico Intermediário Avançado Avançado Guardião Guardião
AngularJS Básico Intermediário Avançado (Digest Cycle) Avançado Domínio máximo Domínio máximo
Arquitetura Básico (executa existente) Intermediário Avançado + decisões doc. Sistêmica multi-squad Arquitetura + gestão
Mentoria / Gestão Apoia estagiários Mentoria informal (Juniores) Mentoria (Avançada) Mentoria de Sêniores Gestão formal (PDI, 1:1)
Cross-Stack Não exigido Explorar Básico em 1 stack Interm. 1 + Básico 1 Avançado 1 + Interm. 1 Avançado 1 + Interm. 1
Impacto esperado Tarefa PRs do squad Projetos + mentoria Time + produto Área técnica inteira Time + produto + negócio
Voltar à área de Tecnologia