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: crie designs inclusivos
-
Curso Acessibilidade web parte 1: tornando seu front-end inclusivo
-
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: CSS sintaticamente espetacular
-
Curso CSS: construindo layouts com Grid
Svelte
VueJS
React
-
Curso React: gerenciamento de estados globais com ContextAPI
-
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 com Typescript: desenvolvendo uma área administrativa
-
Curso React com Typescript: desenvolva um sistema de cadastro e autenticação
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
Angular
-
Curso Angular: design de componentes com acessibilidade
-
Curso Angular: avançando no design de componentes com acessibilidade
-
Curso Angular: testes automatizados com Jasmine e Karma
-
Curso Angular: avançando com testes automatizados
-
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 14: aplique os conceitos e desenvolva seu primeiro CRUD
-
Curso Angular 14: evoluindo a aplicação
-
Curso RxJS e Angular: programando de forma reativa
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 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
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 FarfetchMônica Hillman
Gerente de Comunidade na Brazilians in TechGuilherme Lima
Tech Lead da Escola de Front-end
Sabe quando você pode começar? Agora!
Plus
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas