Plano de Estudo

FRONT-END E TRANSIÇÃO PARA FULL-STACK

19 cursos

ROADMAP FRONT-END

Período de Estudo: 01.07.2024 a 30.04.2025 Cronograma de Estudo

  • Carga Horária Semanal: 7,5 horas (1,5 horas por dia, de segunda a sexta)
  • Total de Semanas: 43 semanas
  • Total de Horas: 322,5 horas

Julho a Outubro 2024 (17 semanas, aproximadamente 127,5 horas)

  1. Fundamentos da Web: HTML e CSS (6 semanas, 45 horas)
    • HTML5 e CSS3 parte 1: crie uma página da Web
    • HTML5 e CSS3 parte 2: posicionamento, listas e navegação
    • HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas
    • HTML5 e CSS3 parte 4: avançando no CSS
    • HTML e CSS: responsividade com mobile-first
    • HTML e CSS: trabalhando com responsividade e publicação de projetos
  2. Acessibilidade e Tecnologias Web (4 semanas, 30 horas)
    • Acessibilidade no HTML: escrevendo códigos semânticos para inclusão
    • Acessibilidade web parte 1: tornando seu front-end inclusivo
    • Acessibilidade web parte 2: componentes acessíveis com um pouco de JavaScript
    • Acessibilidade web: crie designs inclusivos
  3. Desenvolva Aplicações Web com JavaScript (7 semanas, 52,5 horas)
    • JavaScript para Web: Crie páginas dinâmicas
    • JavaScript: Programando na linguagem da Web
    • JavaScript: manipulando elementos no DOM
    • JavaScript: consumindo e tratando dados de uma API
    • JavaScript: criando requisições
    • JavaScript: métodos de array
    • JavaScript: programando a Orientação a Objetos
    • JavaScript: validando formulários Novembro 2024 a Janeiro 2025 (12 semanas, aproximadamente 90 horas)
  4. React.js Básico e Avançado (6 semanas, 45 horas)
    • React: como os componentes funcionam
    • React: construíndo componentes com JSX
    • React: desenvolvendo com JavaScript
    • React: consumindo APIs
    • React: gerenciamento de estados globais com Redux
    • React: gerenciando estado com Recoil
    • React: integrando seu projeto React com APIs
  5. Estilização Avançada (CSS e CSS-in-JS) (6 semanas, 45 horas)
    • CSS Grid: simplificando layouts
    • CSS: Flexbox e layouts responsivos
    • SASS e CSS: estilizando um site
    • CSS: construindo layouts com Grid
    • Praticando CSS: Grid e Flexbox
    • Tailwind CSS: estilizando a sua página com classes utilitárias Fevereiro a Abril 2025 (14 semanas, aproximadamente 105 horas)
  6. Portfólio e Projetos Práticos (2 semanas, 15 horas)
    • Desenvolvimento de projetos e portfólio para candidatura a empregos. Candidatura a Vagas de Emprego
  • Início das Candidaturas: Fevereiro de 2025
  • Portfólio Disponível: Fevereiro de 2025
  1. Performance e Otimização (3 semanas, 22,5 horas)
    • Performance Web: Otimizando seu site
    • React: otimizando a performance
    • React: lazy loading e code splitting
  2. Acessibilidade e SEO (3 semanas, 22,5 horas)
    • Acessibilidade web parte 1: tornando seu front-end inclusivo
    • Acessibilidade web parte 2: componentes acessíveis com um pouco de JavaScript
    • SEO: Como ser encontrado nas buscas
  3. Ferramentas de Build e Versionamento (3 semanas, 22,5 horas)
    • Git e GitHub: Controle e compartilhe seu código
    • Webpack: trabalhando com módulos na sua webapp
    • Babel: Transpilando seu código
  4. Testes (Jest, React Testing Library) (3 semanas, 22,5 horas)
    • React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
    • React: testes de integração e mocks no Front-end
    • React: escreva testes end to end com Cypress
Criado por ELDERSON LUCIANO MEZZOMO

485k xp

Inscreva-se agora

Última atualização em

09/07/2024

O que é este plano de estudo?

Planos de estudo são sequências de cursos e outros conteúdos criados por alunos e alunas da Alura para organizar seus estudos. Siga planos que te interessem ou crie o seu próprio.

Passo a passo

  1. 1

    Conteúdo do plano