HTML e CSS
- Curso HTML5 e CSS3 parte 1: a primeira página da Web
-
Curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação
-
Curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas
-
Curso HTML5 e CSS3 parte 4: avançando no CSS
-
Curso HTML e CSS: praticando HTML/CSS
-
Curso CSS: dispondo elementos com Flexbox e Grid
-
Curso CSS Grid: simplificando layouts
-
Curso Guia de estilos: montando páginas com componentes
-
Curso Flexbox: posicione elementos na tela
-
Curso Bootstrap: criação de uma single-page responsiva
-
Curso Bootstrap 4: criando uma landing page responsiva
-
Curso Arquitetura CSS: descomplicando os problemas
-
Curso Acessibilidade web: introdução a 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 Email Marketing Responsivo parte 1: sua newsletter adaptável
-
Curso Email Marketing Responsivo parte 2: testando suas newsletters
-
Curso Vetores e Animação com SVG: trabalhando com CSS e JavaScript
-
Curso Layouts Responsivos: trabalhando com layouts mobile
-
Curso Tailwind CSS: estilizando a sua página com classes utilitárias
React
-
Curso React: abstraindo seu CSS com Styled Components
-
Curso React: automatizando os testes em aplicações front-end
-
Curso React Router: navegação em uma SPA
-
Curso React: gerenciamento de estados globais com ContextAPI
-
Curso React: gerenciando estado com Recoil
-
Curso Fundamentos de React: escrevendo com Typescript
-
Curso React: lidando com arquivos estáticos
-
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 Next.js: tour pelo Next.js
-
Curso Next.js: autenticação e gerenciamento de Tokens
Angular
-
Curso Angular: começando com o framework
-
Curso Angular parte 1: fundamentos
-
Curso Angular parte 2: Autenticação, Forms e lazy loading
-
Curso Angular parte 3: upload, build e novos componentes
-
Curso Angular parte 4: lapidando o projeto
-
Curso Protractor: testando sua aplicação de ponta a ponta
-
Curso MEAN Stack: criando aplicações completas com Javascript
-
Curso Angular e RxJS: programação reativa
-
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: boas práticas em arquiteturas e formulários
-
Curso Angular: controle o fluxo de navegação
JavaScript
-
Curso JavaScript: programando a Orientação a Objetos
-
Curso JavaScript: primeiros passos com a linguagem
-
Curso JavaScript: programando na linguagem da web
-
Curso JavaScript: interfaces e Herança em Orientação a Objetos
-
Curso Expressões regulares: capturando textos de forma mágica
-
Curso JavaScript: conhecendo o Browser e padrões de projeto
-
Curso JavaScript: aprofundando em MVC, padrão Proxy e Factory
-
Curso JavaScript: salvando dados localmente com IndexedDB
-
Curso JavaScript na Web: validação de Formulários e HTML5
-
Curso JavaScript na Web: armazenando dados no navegador
-
Curso JavaScript: de padrões a uma abordagem funcional
-
Curso JavaScript: projeto de conclusão
-
Curso JavaScript: desenvolvedor poliglota
-
Curso JavaScript para Web: Crie páginas dinâmicas
-
Curso JavaScript: manipulando o DOM
-
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 Gráficos na web parte 1: criando e customizando gráficos
Frameworks MVC
-
Curso Vue3: começando no framework
-
Curso Vue3: avançando no framework
-
Curso Vue3: composition API e Vuex
-
Curso Next.js: primeiro mergulho no framework
-
Curso Electron: crie aplicativos Desktop com as tecnologias da Web
-
Curso SASS: CSS sintaticamente espetacular
-
Curso Svelte com Typescript: conhecendo o compilador
Automação e Performance
jQuery
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 plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.
- 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.
Pro
- Acesso a TODOS os cursos da plataforma
Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programaçã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.
- 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