Frontend Academy

Name: Frontend Academy
Availability: InStock

HTMLFrontendWebBeginner

Desenvolva websites visualmente impressionantes e responsivos com Frontend Development Academy.

🤖 Com Inteligência Artificial📚 41 cursos👥 100.000+ alunos⭐ Classificação 4,9

Comece a Aprender →Explore o Currículo ↓

Visão Geral do Curso

Construa o Espectro Completo do Frontend Moderno

Frontend development é a disciplina de transformar código em tudo que um usuário vê e interage em um navegador — estrutura HTML, apresentação CSS, comportamento JavaScript, e os frameworks e ferramentas que os unem em escala de produção. Esta trilha cobre o stack completo: desde como a web entrega uma página até escrever aplicações type-safe com React e Vue, otimizar performance, e fazer deploy através de um pipeline CI/CD.

O Que Você Aprenderá

Você começará com fundamentos de HTML, CSS e JavaScript, depois ganhará fluência em TypeScript, DOM e Browser APIs, design responsivo, e padrões ES6+ incluindo programação assíncrona e módulos. A partir daí você segue para React (hooks, padrões avançados, Next.js SSR) e Vue 3 (Composition API, Nuxt 3 SSR), gerenciamento de estado, testes frontend, arquitetura CSS, e interfaces em tempo real com WebSockets. A trilha fecha com otimização de web performance, segurança frontend, design systems, e frontend CI/CD e DevOps.

O Caminho de Aprendizado

Quarenta e um cursos abrangem níveis A1 até C2. Os cursos A1 e A2 estabelecem as fundações — como a web funciona, markup semântico, animações CSS, Git, e introdução a TypeScript. Cursos B1 e B2 constroem competência profissional: CSS Layout Mastery, JavaScript Modules and Build Tools, fundamentos de React e Vue 3, integração de API, Progressive Web Apps, e Server-Side Rendering com Next.js e Nuxt 3. Os cursos C1 lidam com preocupações de nível sênior: Advanced TypeScript for Frontend, React Advanced Patterns, Vue Advanced Patterns, Frontend Architecture, Design Systems and Component Libraries, Frontend Security, e Frontend CI/CD e DevOps. A trilha termina em C2 com Senior Frontend Engineering, que consolida tudo em prática de nível de produção.

Como Funciona

Cada curso é dividido em aulas curtas e práticas que você completa no editor de código integrado com feedback em tempo real. Um tutor IA está disponível sempre que você ficar preso, e cada conceito é reforçado através de exercícios que refletem comportamento real do navegador e framework, em vez de exemplos artificiais.

Comece a Aprender →

Ferramentas

Explore Ferramentas do Curso

Potencialize seu aprendizado com ferramentas e recursos alimentados por IA

⚡

Gerador de Código com IA

Gere código com IA

🐛

Correção de Bugs com IAPRO

Encontre e corrija erros de código

🔍

Análise com IAPRO

Análise profunda de código

💬

Chat com IA

Converse com seu tutor de IA

🧠

Faça uma Super PerguntaPRO

Obtenha respostas de nível especialista

📝

Criar AulaPRO

Criador de aulas com IA

🏆

Iniciar Exame de CertificaçãoPRO

Ganhe seu certificado

💻

Editor de Código

Escreva e execute código

🎯

Iniciar Desafio

Teste suas habilidades

Como Você Aprenderá

🎯

Aulas Interativas

Exercícios de codificação práticos com feedback em tempo real

🤖

Tutor de IA

Obtenha ajuda instantânea de nossa IA quando você ficar preso

💻

Editor Integrado

Escreva e execute código diretamente no seu navegador

🏆

Certificado

Ganhe um certificado ao concluir o curso

Currículo

41 Cursos

Todos os cursos no caminho de aprendizado Frontend Academy.

Boas-vindas ao desenvolvimento de frontend

A13 aulas

Entenda o que os desenvolvedores de frontend realmente fazem, por que esta é uma das carreiras de tecnologia mais procuradas e criativas e…

Como a web funciona

A14 aulasPRO

Entenda os fundamentos da web: como os navegadores solicitam páginas, o que o DNS faz, como o HTTP funciona e o que acontece quando você di…

Fundamentos de HTML para frontend

A14 aulasPRO

Aprenda os blocos de construção de toda página web. Escreva documentos HTML5 válidos usando elementos semânticos, estruture o conteúdo com…

Fundamentos de CSS para frontend

A14 aulasPRO

Estilize seu HTML com confiança. Aprenda como funcionam a cascata e a especificidade, aplique cores e tipografia, domine o modelo de caixas…

Fundamentos essenciais de JavaScript

A14 aulasPRO

Escreva seus primeiros programas em JavaScript. Aprenda a declarar variáveis, trabalhar com tipos de dados primitivos, definir funções e co…

Ferramentas e Fluxo de Trabalho para Desenvolvedores

A14 aulasPRO

Trabalhe como um desenvolvedor profissional de frontend. Domine o Chrome DevTools para inspecionar e depurar, configure o VSCode com extens…

Introdução ao TypeScript

A24 aulasPRO

Adicione tipos ao JavaScript e encontre erros antes que eles cheguem ao navegador. Aprenda o sistema de tipos do TypeScript, anote variávei…

O DOM e as APIs do navegador

A24 aulasPRO

Torne seu HTML interativo com JavaScript. Selecione elementos, escute eventos, leia e altere conteúdo e crie ou remova elementos dinamicame…

Fundamentos do Design Responsivo

A24 aulasPRO

Crie layouts que funcionem em qualquer tamanho de tela. Aprenda a usar a tag meta de viewport, utilize Flexbox e Grid para criar layouts fl…

Formulários HTML e Marcação Semântica

A24 aulasPRO

Aprofunde seus conhecimentos de HTML. Crie formulários totalmente acessíveis com atributos ARIA, utilize todos os tipos de input do HTML5,…

JavaScript: Arrays, Objetos e ES6+

A24 aulasPRO

Eleve seu nível em JavaScript com sintaxe moderna e métodos integrados poderosos. Manipule arrays com map, filter e reduce, desestruture ob…

Git e Fluxo de Trabalho Colaborativo

A24 aulasPRO

Use o Git de forma eficaz como desenvolvedor de frontend. Aprenda os comandos fundamentais para salvar seu trabalho, entenda o uso de ramif…

Variáveis, Transições e Animações CSS

A24 aulasPRO

Dê vida às interfaces com movimento em CSS. Use propriedades personalizadas para criar tokens de design fáceis de manter, adicione transiçõ…

Domínio do Layout com CSS

B14 aulasPRO

Vá além do básico e domine de verdade o layout com CSS. Explore detalhadamente o alinhamento e a quebra de linhas do Flexbox, utilize áreas…

Módulos JavaScript e Ferramentas de Compilação

B14 aulasPRO

Entenda a cadeia moderna de ferramentas do JavaScript. Use a sintaxe de módulos ES, gerencie pacotes com npm, inicialize servidores de dese…

Tipos e Interfaces do TypeScript em Profundidade

B14 aulasPRO

Aprofunde-se no sistema de tipos do TypeScript. Escreva funções genéricas reutilizáveis, use tipos utilitários para transformar interfaces,…

Fundamentos do React

B14 aulasPRO

Crie suas primeiras aplicações React. Entenda a sintaxe JSX, componha interfaces a partir de componentes funcionais, passe dados com propri…

React: useEffect e Busca de Dados

B14 aulasPRO

Sincronize componentes React com sistemas externos. Aprenda como useEffect funciona, busque dados de APIs na montagem, exiba estados de car…

Fundamentos do Vue 3

B14 aulasPRO

Crie suas primeiras aplicações Vue 3 usando componentes de arquivo único. Aprenda a API de Opções, as diretivas principais e como comunicar…

Acessibilidade para Frontend

B14 aulasPRO

Crie interfaces que todos possam usar. Entenda os níveis de conformidade da WCAG, use HTML semântico como base da acessibilidade, aplique c…

JavaScript: Programação Assíncrona

B24 aulasPRO

Domine o JavaScript assíncrono desde os fundamentos. Entenda o loop de eventos, passe dos padrões de callback para Promises e escreva códig…

React: Ganchos Avançados

B24 aulasPRO

Domine toda a API de ganchos do React. Compartilhe dados sem repassar propriedades por vários níveis usando useContext, gerencie estados co…

Vue 3: API de Composição e Reatividade

B24 aulasPRO

Desbloqueie todo o potencial do Vue 3 com a API de Composição. Use ref e reactive para estados reativos, computed e watch para valores deri…

Gerenciamento de Estado

B24 aulasPRO

Gerencie com eficácia o estado de toda a aplicação. Aprenda Redux Toolkit para React, o Zustand, uma alternativa mais simples e leve, o Pin…

Testes de Frontend

B24 aulasPRO

Escreva testes automatizados para seu código de frontend. Configure o Jest, teste componentes React com Testing Library, teste componentes…

Arquitetura CSS

B24 aulasPRO

Escreva CSS que possa crescer com o projeto. Aprenda a convenção de nomenclatura BEM para seletores previsíveis, delimite estilos com CSS M…

Integração com APIs e REST

B24 aulasPRO

Conecte seu frontend às APIs do backend. Use a API Fetch nativa para todos os métodos HTTP, adicione Axios para interceptadores e URLs base…

Renderização no Lado do Servidor: Next.js

B24 aulasPRO

Crie aplicações React prontas para produção com Next.js. Entenda tanto o Pages Router quanto o moderno App Router, diferencie Server Compon…

Renderização no Lado do Servidor: Nuxt 3

B24 aulasPRO

Crie aplicações Vue full-stack com Nuxt 3. Use roteamento baseado em arquivos e importações automáticas para eliminar código repetitivo, bu…

Aplicações Web Progressivas

B24 aulasPRO

Transforme sites em experiências semelhantes a aplicativos. Escreva um manifesto de aplicação web para permitir a instalação, registre Serv…

WebSockets e Frontend em Tempo Real

B24 aulasPRO

Crie interfaces de usuário em tempo real. Use a API WebSocket nativa, integre a biblioteca cliente Socket.io, receba eventos enviados pelo…

Ferramentas Modernas de Frontend

B24 aulasPRO

Domine a cadeia de ferramentas do JavaScript, que evolui rapidamente. Amplie o Vite com plugins e use-o para SSR, entenda como o esbuild al…

Otimização do Desempenho Web

C14 aulasPRO

Deixe seus sites rápidos e meça a melhoria. Entenda os Core Web Vitals, execute auditorias com o Lighthouse, otimize imagens para a web e r…

TypeScript Avançado para Frontend

C14 aulasPRO

Leve o TypeScript ao limite. Crie tipos com tipos de literais de modelo, anote componentes e ganchos React com genéricos precisos, ative o…

Padrões Avançados do React

C14 aulasPRO

Escreva código React como os autores de bibliotecas fazem. Crie componentes compostos apoiados por Context, aplique propriedades de renderi…

Padrões Avançados do Vue

C14 aulasPRO

Domine padrões avançados do Vue 3 usados em aplicações profissionais. Compartilhe lógica por uma árvore de componentes com provide/inject,…

Arquitetura de Frontend

C14 aulasPRO

Projete aplicações de frontend que cresçam junto com equipes grandes. Aplique Atomic Design às hierarquias de componentes, gerencie vários…

Sistemas de Design e Bibliotecas de Componentes

C14 aulasPRO

Crie e mantenha uma biblioteca compartilhada de componentes. Documente componentes no Storybook, defina tokens de design com Style Dictiona…

Segurança de Frontend

C14 aulasPRO

Proteja seus usuários contra ameaças à segurança web. Evite XSS com codificação de saída e Content Security Policy, proteja contra CSRF com…

CI/CD e DevOps para Frontend

C14 aulasPRO

Automatize a entrega do seu frontend. Escreva fluxos de trabalho do GitHub Actions para analisar, testar e compilar a cada envio, faça impl…

Engenharia de Frontend em Nível Sênior

C24 aulasPRO

Atue em nível sênior. Aborde entrevistas de design de sistemas com estruturas específicas para frontend, promova uma cultura saudável de re…

Perguntas Frequentes

O curso Frontend Academy é gratuito?

Sim. Você pode começar o curso Frontend Academy gratuitamente e completar suas aulas interativas sem custo. Uma assinatura PRO opcional desbloqueia ferramentas avançadas de IA e um certificado compartilhável.

Preciso de experiência anterior para aprender HTML?

Não. O curso começa com os fundamentos e gradualmente passa para tópicos mais avançados, então você pode começar mesmo sem experiência anterior com HTML.

Como vou aprender HTML no CoddyKit?

Você aprende fazendo. Aulas interativas curtas combinam uma explicação clara com um exercício de codificação prático que executa em tempo real, e um tutor de IA disponível 24/7 oferece ajuda personalizada sempre que você ficar preso.

Ganho um certificado ao concluir Frontend Academy?

Sim. Alunos PRO podem fazer um exame e ganhar um certificado de conclusão compartilhável com um código verificável para o curso Frontend Academy.

Posso aprender HTML no meu celular?

Sim. CoddyKit está disponível na web e como aplicativos nativos para iOS e Android, então você pode aprender HTML em qualquer dispositivo e seu progresso sincroniza entre eles.

Comece Frontend Academy Agora

Junte-se a milhares de alunos dominando programação com aulas potenciadas por IA.

Começar Grátis →Ver Todos os Cursos