HTML e CSS
- 08hCurso HTML e CSS: praticando HTML/CSS
-
12hCurso HTML e CSS: responsividade com mobile-first
-
08hCurso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags
-
08hCurso HTML e CSS: Classes, posicionamento e Flexbox
-
06hCurso HTML e CSS: cabeçalho, footer e variáveis CSS
-
06hCurso HTML e CSS: trabalhando com responsividade e publicação de projetos
-
06hCurso CSS: Flexbox e layouts responsivos
-
06hCurso Praticando CSS: Grid e Flexbox
-
08hCurso Bootstrap5: crie uma landing page responsiva
-
06hCurso Bootstrap 5: novos recursos e práticas recomendadas de HTML, CSS e JavaScript
-
08hCurso Arquitetura CSS: descomplicando os problemas
-
04hCurso Acessibilidade web parte 2: componentes acessíveis com um pouco de JavaScript
-
06hCurso Vetores e Animação com SVG: trabalhando com CSS e JavaScript
-
08hCurso Tailwind CSS: estilizando a sua página com classes utilitárias
-
08hCurso SASS e CSS: estilizando um site
-
08hCurso SASS com Vite: otimizando e modularizando seu CSS
-
06hCurso Acessibilidade no HTML: escrevendo códigos semânticos para inclusão
-
06hCurso CSS: construindo layouts com Grid
-
06hCurso CSS: ajustando a acessibilidade visual em um projeto
-
08hCurso CSS: construindo layouts responsivos com grid
-
10hCurso CSS: explorando seletores e utilizando variáveis
-
08hCurso CSS: posicionando elementos com Flexbox
-
08hCurso CSS: aplique responsividade usando media queries
-
06hCurso Praticando CSS Flexbox
Svelte
VueJS
React
-
08hCurso React: gerenciando estado com Recoil
-
12hCurso React: escrevendo com Typescript
-
10hCurso React: conhecendo a biblioteca React Router
-
08hCurso React: integrando seu projeto React com APIs
-
08hCurso React: otimizando a performance
-
10hCurso React: testando os seus componentes
-
14hCurso React: desenvolvendo com JavaScript
-
08hCurso React: como os componentes funcionam
-
08hCurso React: desenvolvendo uma biblioteca de componentes
-
08hCurso React: desenvolvendo em React Router com JavaScript
-
10hCurso React: gerenciamento de estados globais com Redux
-
08hCurso React: autenticando usuários
-
08hCurso React: obtendo dados com React Query
-
12hCurso React: comece seu projeto full stack
-
08hCurso React: migrando para TypeScript
-
10hCurso React: Mutabilidade x Imutabilidade no Redux Toolkit com Immer
-
08hCurso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
-
10hCurso React com TailwindCSS: estilizando componentes
-
06hCurso React: entendendo Middlewares com Redux Thunk
-
08hCurso React: avançando em Middlewares com Listener Middleware
-
08hCurso React: praticando React com Js
-
08hCurso React: utilizando a arquitetura Saga com Redux Saga
-
08hCurso React: combinando Context API e Apollo Client
-
08hCurso React: testes de integração e mocks no Front-end
-
08hCurso React: escreva testes end to end com Cypress
-
10hCurso React: desenvolvendo componentes customizados e acessíveis com Emotion
-
08hCurso React: arquitetando soluções de roteamento e gestão de estado com React Router e Context API
-
08hCurso React: testando um projeto com bibliotecas externas
-
08hCurso React: avançando em testes e2e com Cypress
-
10hCurso React: migrando para o Vite e implementando autenticação baseada em Token
-
12hCurso React: criando um Design System com TailwindCSS
-
10hCurso React: evolua o seu Design System com TailwindCSS
-
10hCurso React: estilize componentes com Styled Components e manipule arquivos estáticos
-
08hCurso React: eleve o nível da sua documentação no Storybook
-
06hCurso React: versione e publique o seu Design System
-
08hCurso React: identificando problemas de performance com o Google Lighthouse
-
06hCurso React: construindo componentes com JSX
-
08hCurso React com Typescript: desenvolvendo uma área administrativa
-
08hCurso React com Typescript: desenvolva um sistema de cadastro e autenticação
-
08hCurso React: gerencie estados globalmente com Context API
-
08hCurso React: configurando e estruturando projetos com Vite
-
08hCurso React: utilizando SSR para otimizar a performance da aplicação
-
08hCurso React Vite: monitorando aplicações com New Relic
-
08hCurso React: acessibilidade para desenvolver interfaces inclusivas
-
08hCurso React: criando formulários com Formik e yup
-
08hCurso React: customizando alertas e dashboards com New Relic
-
08hCurso React: eleve o nível de seus formulários com Zod e o React Hook Form
-
08hCurso React: gerencie e valide formulários com o React Hook Form
-
08hCurso React: explorando monitorações sintéticas e alertas avançados com New Relic
-
08hCurso Single SPA: orquestrando micro front-ends
-
08hCurso React Query: gerenciando HTTP State
-
08hCurso React Query: manipulando interações com mutations
-
08hCurso Single SPA: roteando micro front-ends de forma avançada
-
08hCurso React: transforme sua aplicação web em uma PWA
-
08hCurso React: implemente notificações push e sincronização em background
-
06hCurso React: executando consultas dinâmicas com Apollo Client
-
06hCurso React: otimizando performance e caching com Apollo Client
-
08hCurso React: desenvolvendo design systems modulares com Turborepo
-
08hCurso React: implementando gestão de estado com Zustand
-
08hCurso Single SPA: autenticando micro front-ends
-
08hCurso Single SPA: avançando em autenticação de micro-frontends
-
08hCurso Single-SPA: integrando micro-frontends com Parcels
-
08hCurso Single-SPA: otimizando seu ambiente de desenvolvimento
-
10hCurso SOLID aplicado ao React: melhorando a modularidade e flexibilidade do código
-
10hCurso Redux Toolkit: explorando a arquitetura Flux
-
08hCurso React: desenvolvendo design tokens com styled-components
-
06hCurso React e Nest: implementando um Backend for Front-end
-
08hCurso React: integração com Supabase e conceitos de arquitetura limpa na prática
-
08hCurso React: implementando arquitetura event-driven com Socket.io
-
10hCurso Mobx: gerenciando estados em aplicações React
-
08hCurso React: publicando pacotes no npm com versionamento semântico
-
08hCurso React: integrando temas com styled-components
-
10hCurso React: desenvolva aplicações tipadas e escaláveis com Typescript
-
06hCurso React: gerenciando estados globais com Recoil
-
10hCurso React com Typescript: aplique Hooks e Context API tipados
-
08hCurso React: explore e aprofunde seus conhecimentos nos hooks essenciais
-
04hCurso Radix UI: criando componentes acessíveis e personalizáveis
-
04hCurso React: praticando o consumo de APIs
-
08hCurso React: Supabase e integração com front-end
-
10hCurso React: integrando TypeScript em projetos
-
10hCurso React 19: JSX, componentes, form action e useState
-
10hCurso React: utilizando hooks para gerenciar estados
-
12hCurso React: realizando testes com Jest e Testing Library
Next.JS
-
08hCurso Next.js: explorando o framework
-
10hCurso Next.js: tour pelo Next.js
-
12hCurso Next.js: autenticação e gerenciamento de Tokens
-
10hCurso Next.js: trabalhando com um CMS
-
08hCurso Next.js: trabalhando com arquitetura Front-end
-
08hCurso NextJS: CI e CD para Front-end com o Github Actions
-
06hCurso NextJS: documentando seu Front-end com o Storybook
-
10hCurso Next.js Full stack: arquitetura de componentes Front-end
-
08hCurso Next.js Full stack: gerenciando conteúdo em build time com File System
-
08hCurso Next.JS: full stack com lambdas
-
08hCurso Next.js: conheça o framework React
-
08hCurso Next.js: construa suas aplicações com Postgres e Prisma
-
08hCurso Next.js: gerando site estático com SSG
-
08hCurso Next.js: construindo com Server Actions
-
08hCurso Next.js: implementando autenticação com Auth.js
Angular
-
10hCurso Angular: design de componentes com acessibilidade
-
08hCurso Angular: formulários orientados a templates
-
06hCurso Angular: ciclo de vida
-
06hCurso Angular: torne sua aplicação interativa e personalizada com animações
-
08hCurso Angular: aprimore suas técnicas de animação e crie interfaces ainda mais atraentes
-
08hCurso Angular: componentização e design com Angular Material
-
08hCurso Angular: componentização, formulários e interação com APIs
-
08hCurso Angular: buscando, filtrando e exibindo dados de uma API
-
10hCurso Angular: trabalhando com Tokens JWT na autenticação e cadastro
-
08hCurso Angular: boas práticas de desenvolvimento com Modularização, Lazy Loading e Interceptors
-
08hCurso Angular: construa uma aplicação web com componentes, linguagem de template e CLI
-
08hCurso Angular: evoluindo com formulários e roteamento
-
08hCurso Angular: comunicando-se com uma API via requisições HTTP
-
10hCurso Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD
-
08hCurso Angular 14: evoluindo a aplicação
-
08hCurso RxJS e Angular: programando de forma reativa
-
06hCurso Acessibilidade no Angular: aprimorando formulários, modais e rotas
-
10hCurso Angular: explorando testes de unidade e integração
-
08hCurso Angular: escreva testes end-to-end com Playwright
-
08hCurso Angular: teste e otimize o fluxo de autenticação com Playwright
-
08hCurso Angular: implemente testes de unidade com Jest
-
10hCurso Angular: expandindo funcionalidades com testes unitários e e2e
-
08hCurso Angular: construa um Design System com Nx e Storybook
-
08hCurso Angular: evolua a documentação do seu Design System com Nx e Storybook
-
08hCurso Angular e Supabase: otimize a sua aplicação com SSR
-
10hCurso Angular e Storybook: crie componentes compostos em um Design System
-
10hCurso Angular: transformando uma aplicação web em PWA
-
08hCurso Angular: gerenciando estado com Signals
-
10hCurso Angular e Supabase: refinando a aplicação com SSR
-
10hCurso Angular e GitHub Actions: aplique CI/CD no seu Design System
-
10hCurso Angular 19: estruture componentes com signals e controle de fluxo
-
10hCurso Angular 19: aplicando interação entre componentes com inputs e outputs
-
02hCurso Angular 19: implementando Lazy Loading na sua aplicação
-
06hCurso Angular 19: autenticação, proteção e manipulação de rotas
-
10hCurso Angular 19: diretivas, projeção de conteúdo e interações com o DOM
-
08hCurso Angular 19: criando serviços e consumindo API com HttpClient
-
12hCurso Angular 19: aprenda a criar e validar reactive forms
-
04hCurso Angular 19: praticando testes unitários em interceptors com Jest
-
04hCurso Praticando Angular 19: acessibilidade em formulários
-
08hCurso Angular 19: construindo um projeto com Angular Material
JavaScript
-
10hCurso JavaScript: programando a Orientação a Objetos
-
10hCurso JavaScript: explorando a linguagem
-
12hCurso JavaScript: interfaces e Herança em Orientação a Objetos
-
10hCurso JavaScript: de padrões a uma abordagem funcional
-
06hCurso JavaScript: validações e reconhecimento de voz
-
08hCurso JavaScript: métodos de array
-
08hCurso JavaScript: criando requisições
-
08hCurso JavaScript: validando formulários
-
06hCurso JavaScript: classes e heranças no desenvolvimento de aplicações com orientação a objetos
-
08hCurso JavaScript: manipulando objetos
-
06hCurso JavaScript: trabalhando com threads para requisições simultâneas
-
06hCurso JavaScript: manipulando elementos no DOM
-
06hCurso JavaScript na Web: manipule o DOM com JavaScript
-
08hCurso JS na Web: Armazenando dados no navegador
-
08hCurso JS na web: CRUD com JavaScript assíncrono
-
10hCurso JavaScript para Web: Crie páginas dinâmicas
-
06hCurso JavaScript: consumindo e tratando dados de uma API
-
08hCurso JavaScript: explorando a manipulação de elementos e da localStorage
-
06hCurso JavaScript: entendendo promises e async/await
-
10hCurso TypeScript Part 1: Evolving Your JavaScript
-
10hCurso TypeScript parte 2: avançando na linguagem
-
10hCurso Typescript parte 3: mais técnicas e boas práticas
-
12hCurso TypeScript na prática: implemente um projeto completo com TypeScript e módulos
-
06hCurso TypeScript: aplicando orientação a objetos no Front-end
-
06hCurso TypeScript: o paradigma funcional no front-end
-
08hCurso Node.js e terminal: dominando o ambiente de desenvolvimento front-end
-
08hCurso Acessibilidade Web: manipulando WAI-ARIA e elementos interativos com Javascript
-
08hCurso Acessibilidade em HTML, CSS e JavaScript: avaliando e melhorando um projeto com o NVDA
-
10hCurso Acessibilidade: estudando com tecnologias assistivas
-
08hCurso JavaScript: implementando CRUD com requisições HTTP
-
08hCurso JavaScript: evoluindo a sua aplicação com ES6+
-
08hCurso JavaScript: construindo páginas dinâmicas
-
04hCurso JavaScript com JustValidat: praticando a validação de formulários
-
04hCurso Javascript: praticando o uso do local storage
-
04hCurso Praticando JavaScript e CSS: animações de scroll em uma página web
Automação e Performance
Por onde começar com Front-end
Front-End pode ser descrito como a camada de software que faz parte da interface com o usuário, e envolve tudo o que capta informação do cliente, desde botões a movimentos do celular, até as informações disponibilizadas para ele, como caixas de diálogo, páginas web e áudios de voz. Quando falamos genericamente de Front-End, estamos falando de tecnologias e bibliotecas em volta de HTML, CSS, JavaScript e frameworks como React, que figuram como foco da nossa formação Front-End.
HTML e CSS - O primeiro passo para trabalhar com Front-End é entender o que realmente é a web, e após isso, aprender HTML e CSS. É importante manter a semântica de código e conseguir criar sites responsivos, que se adaptam aos mais diversos tipos de tela existentes, e que prezam pela acessibilidade web. Em nossos cursos da formação HTML e CSS, você dará os primeiros passos até avançar na criação de uma página web completa.
JavaScript e bibliotecas - Para trazer interatividade e dinamismo para suas páginas web, você precisa de JavaScript. Além de conhecer as boas práticas que envolvem essa linguagem de programação, é importante aprender sobre as bibliotecas que facilitam o desenvolvimento. Em nossos cursos, você aprende a dominar bibliotecas como o importante jQuery.
Automação de Front-End - Deixar sua rotina de trabalho mais prática é possível utilizando ferramentas que automatizam seu código, como Webpack e Gulp. Elas otimizam a performance web, melhoram a velocidade de carregamento de suas páginas e evitam retrabalhos. Você pode começar com nosso curso de performance web.
Frameworks - Com a popularização do smartphone, o mercado de trabalho do Front-End aumentou muito, assim como as soluções para trabalhar com ele. Frameworks e ferramentas surgiram de forma exponencial, como React, Vue e Angular, conteúdos vastamente explorados na Alura.
O Front-End é um universo com milhares de galáxias a serem exploradas. Existem muitas possibilidades quando já se está no caminho, mas sempre há um início: entender o que há por trás do HTTP e começar suas primeiras linhas de código com HTML e CSS. Há também o Front-End nativo mobile, que é tratado nos cursos de mobile.
Líderes da Escola Front-end
Vinny Neves
Front-end Engineer na FarfetchNayanne Batista
Instrutora e Desenvolvedora Front-end na AluraNeílton Seguins
Instrutor e Desenvolvedor de Software na Alura
Comece a estudar agora na maior escola de tecnologia do país
Plus
Impulsione a sua carreira com os melhores cursos e faça parte da maior comunidade tech.
Matricule-seR$109/mêsValor total R$1.308 em até 12x1 ano de Alura
Assine o PLUS e garanta:
- Acesso a TODOS os cursos por 1 ano
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Certificado
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
- Mentorias com especialistas
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
- Comunidade exclusiva
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
- Acesso ao conteúdo das Imersões
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
- App Android e iOS para estudar onde quiser
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
-
O mais escolhido
Pro
Acelere o seu aprendizado com a IA da Alura e prepare-se para o mercado internacional.
Matricule-seR$149/mêsValor total R$1.788 em até 12x1 ano de Alura
Todos os benefícios do PLUS e mais vantagens exclusivas:
- Luri , a inteligência artificial da Alura
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.
- Alura Língua - Inglês e Espanhol
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Ultra
Transforme a sua jornada com benefícios exclusivos e evolua ainda mais na sua carreira.
Matricule-seR$209/mêsValor total R$2.508 em até 12x1 ano de Alura
Todos os benefícios do PRO e mais vantagens exclusivas:
- Luri , com mensagens ILIMITADAS
Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.
- Luri Vision , a IA que enxerga suas dúvidas
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.
- 6 Ebooks da Casa do Código
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.