HTML e CSS
- Curso HTML e CSS: praticando HTML/CSS
-
Curso HTML e CSS: responsividade com mobile-first
-
Curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags
-
Curso HTML e CSS: Classes, posicionamento e Flexbox
-
Curso HTML e CSS: cabeçalho, footer e variáveis CSS
-
Curso HTML e CSS: trabalhando com responsividade e publicação de projetos
-
Curso CSS: Flexbox e layouts responsivos
-
Curso Praticando CSS: Grid e Flexbox
-
Curso Bootstrap5: crie uma landing page responsiva
-
Curso Bootstrap 5: novos recursos e práticas recomendadas de HTML, CSS e JavaScript
-
Curso Arquitetura CSS: descomplicando os problemas
-
Curso Acessibilidade web parte 2: componentes acessíveis com um pouco de JavaScript
-
Curso Vetores e Animação com SVG: trabalhando com CSS e JavaScript
-
Curso Tailwind CSS: estilizando a sua página com classes utilitárias
-
Curso SASS e CSS: estilizando um site
-
Curso SASS com Vite: otimizando e modularizando seu CSS
-
Curso Acessibilidade no HTML: escrevendo códigos semânticos para inclusão
-
Curso CSS: construindo layouts com Grid
-
Curso CSS: ajustando a acessibilidade visual em um projeto
-
Curso CSS: construindo layouts responsivos com grid
-
Curso CSS: explorando seletores e utilizando variáveis
-
Curso CSS: posicionando elementos com Flexbox
-
Curso CSS: aplique responsividade usando media queries
Svelte
VueJS
React
-
Curso React: gerenciando estado com Recoil
-
Curso React: escrevendo com Typescript
-
Curso React: conhecendo a biblioteca React Router
-
Curso React: integrando seu projeto React com APIs
-
Curso React: otimizando a performance
-
Curso React: testando os seus componentes
-
Curso React: desenvolvendo com JavaScript
-
Curso React: como os componentes funcionam
-
Curso React: desenvolvendo uma biblioteca de componentes
-
Curso React: desenvolvendo em React Router com JavaScript
-
Curso React: gerenciamento de estados globais com Redux
-
Curso React: autenticando usuários
-
Curso React: obtendo dados com React Query
-
Curso React: comece seu projeto full stack
-
Curso React: migrando para TypeScript
-
Curso React: Mutabilidade x Imutabilidade no Redux Toolkit com Immer
-
Curso React JS: crie testes com Jest e Testing Library e garanta o funcionamento do Front-end
-
Curso React com TailwindCSS: estilizando componentes
-
Curso React: entendendo Middlewares com Redux Thunk
-
Curso React: avançando em Middlewares com Listener Middleware
-
Curso React: praticando React com Js
-
Curso React: utilizando a arquitetura Saga com Redux Saga
-
Curso React: combinando Context API e Apollo Client
-
Curso React: testes de integração e mocks no Front-end
-
Curso React: escreva testes end to end com Cypress
-
Curso React: desenvolvendo componentes customizados e acessíveis com Emotion
-
Curso React: arquitetando soluções de roteamento e gestão de estado com React Router e Context API
-
Curso React: testando um projeto com bibliotecas externas
-
Curso React: avançando em testes e2e com Cypress
-
Curso React: migrando para o Vite e implementando autenticação baseada em Token
-
Curso React: criando um Design System com TailwindCSS
-
Curso React: evolua o seu Design System com TailwindCSS
-
Curso React: estilize componentes com Styled Components e manipule arquivos estáticos
-
Curso React: eleve o nível da sua documentação no Storybook
-
Curso React: versione e publique o seu Design System
-
Curso React: identificando problemas de performance com o Google Lighthouse
-
Curso React: construíndo componentes com JSX
-
Curso React com Typescript: desenvolvendo uma área administrativa
-
Curso React com Typescript: desenvolva um sistema de cadastro e autenticação
-
Curso React: gerencie estados globalmente com Context API
-
Curso React: configurando e estruturando projetos com Vite
-
Curso React: utilizando SSR para otimizar a performance da aplicação
-
Curso React Vite: monitorando aplicações com New Relic
-
Curso React: acessibilidade para desenvolver interfaces inclusivas
-
Curso React: criando formulários com Formik e yup
-
Curso React: customizando alertas e dashboards com New Relic
-
Curso React: eleve o nível de seus formulários com Zod e o React Hook Form
-
Curso React: gerencie e valide formulários com o React Hook Form
-
Curso React: explorando monitorações sintéticas e alertas avançados com New Relic
-
Curso Single SPA: orquestrando micro front-ends
-
Curso React Query: gerenciando HTTP State
-
Curso React Query: manipulando interações com mutations
-
Curso Single SPA: roteando micro front-ends de forma avançada
-
Curso React: transforme sua aplicação web em uma PWA
-
Curso React: implemente notificações push e sincronização em background
-
Curso React: executando consultas dinâmicas com Apollo Client
-
Curso React: otimizando performance e caching com Apollo Client
-
Curso React: desenvolvendo design systems modulares com Turborepo
-
Curso React: implementando gestão de estado com Zustand
-
Curso Single SPA: autenticando micro front-ends
-
Curso Single SPA: avançando em autenticação de micro-frontends
-
Curso Single-SPA: integrando micro-frontends com Parcels
-
Curso Single-SPA: otimizando seu ambiente de desenvolvimento
-
Curso SOLID aplicado ao React: melhorando a modularidade e flexibilidade do código
Next.JS
-
Curso Next.js: explorando o framework
-
Curso Next.js: tour pelo Next.js
-
Curso Next.js: autenticação e gerenciamento de Tokens
-
Curso Next.js: trabalhando com um CMS
-
Curso Next.js: trabalhando com arquitetura Front-end
-
Curso NextJS: CI e CD para Front-end com o Github Actions
-
Curso NextJS: documentando seu Front-end com o Storybook
-
Curso Next.js Full stack: arquitetura de componentes Front-end
-
Curso Next.js Full stack: gerenciando conteúdo em build time com File System
-
Curso Next.JS: full stack com lambdas
-
Curso Next.js: conheça o framework React
-
Curso Next.js: construa suas aplicações com Postgres e Prisma
-
Curso Next.js: gerando site estático com SSG
-
Curso Next.js: construindo com Server Actions
-
Curso Next.js: implementando autenticação com Auth.js
Angular
-
Curso Angular: design de componentes com acessibilidade
-
Curso Angular: formulários orientados a templates
-
Curso Angular: ciclo de vida
-
Curso Angular: torne sua aplicação interativa e personalizada com animações
-
Curso Angular: aprimore suas técnicas de animação e crie interfaces ainda mais atraentes
-
Curso Angular: componentização e design com Angular Material
-
Curso Angular: componentização, formulários e interação com APIs
-
Curso Angular: buscando, filtrando e exibindo dados de uma API
-
Curso Angular: trabalhando com Tokens JWT na autenticação e cadastro
-
Curso Angular: boas práticas de desenvolvimento com Modularização, Lazy Loading e Interceptors
-
Curso Angular: construa uma aplicação web com componentes, linguagem de template e CLI
-
Curso Angular: evoluindo com formulários e roteamento
-
Curso Angular: comunicando-se com uma API via requisições HTTP
-
Curso Angular 14: aplique os conceitos e desenvolva seu primeiro CRUD
-
Curso Angular 14: evoluindo a aplicação
-
Curso RxJS e Angular: programando de forma reativa
-
Curso Acessibilidade no Angular: aprimorando formulários, modais e rotas
-
Curso Angular: explorando testes de unidade e integração
-
Curso Angular: escreva testes end-to-end com Playwright
-
Curso Angular: teste e otimize o fluxo de autenticação com Playwright
-
Curso Angular: implemente testes de unidade com Jest
-
Curso Angular: expandindo funcionalidades com testes unitários e e2e
-
Curso Angular: construa um Design System com Nx e Storybook
-
Curso Angular: evolua a documentação do seu Design System com Nx e Storybook
JavaScript
-
Curso JavaScript: programando a Orientação a Objetos
-
Curso JavaScript: explorando a linguagem
-
Curso JavaScript: interfaces e Herança em Orientação a Objetos
-
Curso JavaScript: de padrões a uma abordagem funcional
-
Curso JavaScript: validações e reconhecimento de voz
-
Curso JavaScript: métodos de array
-
Curso JavaScript: criando requisições
-
Curso JavaScript: validando formulários
-
Curso JavaScript: classes e heranças no desenvolvimento de aplicações com orientação a objetos
-
Curso JavaScript: manipulando objetos
-
Curso JavaScript: trabalhando com threads para requisições simultâneas
-
Curso JavaScript: manipulando elementos no DOM
-
Curso JS na web: CRUD com JavaScript assíncrono
-
Curso JavaScript para Web: Crie páginas dinâmicas
-
Curso JavaScript: consumindo e tratando dados de uma API
-
Curso JavaScript: explorando a manipulação de elementos e da localStorage
-
Curso JavaScript: construindo páginas dinâmicas
-
Curso JavaScript: entendendo promises e async/await
-
Curso TypeScript parte 1: evoluindo seu JavaScript
-
Curso TypeScript parte 2: avançando na linguagem
-
Curso Typescript parte 3: mais técnicas e boas práticas
-
Curso TypeScript na prática: implemente um projeto completo com TypeScript e módulos
-
Curso TypeScript: aplicando orientação a objetos no Front-end
-
Curso TypeScript: o paradigma funcional no front-end
-
Curso Node.js e terminal: dominando o ambiente de desenvolvimento front-end
-
Curso Acessibilidade Web: manipulando WAI-ARIA e elementos interativos com Javascript
-
Curso Acessibilidade em HTML, CSS e JavaScript: avaliando e melhorando um projeto com o NVDA
-
Curso Acessibilidade: estudando com tecnologias assistivas
-
Curso JavaScript: implementando CRUD com requisições HTTP
-
Curso JavaScript: evoluindo a sua aplicação com ES6+
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 25%OffR$81/mês1 ano de Alura
Valor total R$972 em até 12x, economize R$336Adicionar 2º ano 50%Off+ R$55/mêsAssine 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 25%OffR$111/mês1 ano de Alura
Valor total R$1332 em até 12x, economize R$456Adicionar 2º ano 50%Off+ R$75/mêsTodos 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 25%OffR$156/mês1 ano de Alura
Valor total R$1872 em até 12x, economize R$636Adicionar 2º ano 50%Off+ R$105/mêsTodos 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.