HTML
CSS
JavaScript
React
CSS Flexbox
Bootstrap
Tailwind CSS
Next.js
Vue.js
Wordpress
Core Web Vitals
jQuery
Nuxt.js
Firebase
Test Driven Development (TDD)
PHP
Laravel
CodeIgniter
Django
Ruby on Rails
HTML, CSS, JavaScript, responsividade, manipulação do DOM e frameworks como React.
64
7
2
Domine programação front-end para criar páginas web e projetos seguros. Curso online gratuito com exercícios e base para evoluir na carreira em tecnologia.
5
(6)
14h37m
12 exercícios
Monte sua loja virtual do zero com WordPress e WooCommerce: pagamentos, entregas e layout responsivo em um curso online gratuito com certificado.
5
(12)
20h31m
21 exercícios
Domine React JS na prática e monte seu setup profissional com Webpack, Babel e hot reload. Curso online gratuito com exercícios e foco em Front-End.
5
(24)
1h22m
10 exercícios
Curso GratuitoPHP 8 do Zero ao Profissional (MVC, PDO, Composer, Twig e Deploy)
5
(2)
31h00m
58 exercícios
Curso GratuitoJavascript curso completo
5
(2)
3h56m
42 exercícios
Curso GratuitoDesenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript)
5
(2)
10h33m
32 exercícios
Curso GratuitoHTML, CSS, JavaScript e Firebase: Seja um FullStack developer
5
(1)
3h51m
29 exercícios
Curso GratuitoAprenda HTML criando um clone da Netflix
5
(2)
4h16m
17 exercícios
Curso GratuitoCSS Flexbox no desenvolvimento de sites
5
(1)
1h18m
10 exercícios
Curso GratuitoJavaScript - Manipulando o DOM
5
(1)
1h50m
9 exercícios
Curso GratuitoJavascript completo
5
(85)
3h49m
24 exercícios
Curso GratuitoCriação de sites em Wordpress
5
(43)
6h44m
42 exercícios
Curso GratuitoHTML e CSS para iniciantes
4.9
(625)
4h31m
16 exercícios
Curso GratuitoJquery
4.9
(13)
9h19m
53 exercícios
Curso GratuitoFramework Laravel (PHP) para iniciantes
4.9
(25)
1h41m
10 exercícios
Curso GratuitoHTML5
4.9
(12)
2h35m
32 exercícios
Curso GratuitoCriando sites com Wordpress
4.9
(11)
18h07m
23 exercícios
Curso GratuitoReact JS, a biblioteca do facebook
4.9
(25)
3h22m
9 exercícios
Curso GratuitoSite dinâmico com Jquery
4.9
(35)
1h17m
15 exercícios
Curso GratuitoPHP para iniciantes
4.8
(153)
7h50m
18 exercícios
Tutoriais interativos
Aprenda a combinar CSS Grid e Flexbox para construir um painel responsivo, adaptar sua estrutura ao conteúdo e corrigir problemas de alinhamento e transbordamento. Ao final, você terá aplicado e testado o layout no seu navegador, sem frameworks.
Começar tutorial
Aprenda a criar, configurar e inserir elementos HTML com JavaScript. Ao final, você terá uma lista de tarefas que recebe novos itens, permite concluir e remover tarefas e exibe textos digitados pelo usuário com segurança.
Começar tutorial
Aprenda a prever e justificar a ordem de execução de código assíncrono no navegador e no Node.js. Ao concluir, você poderá rastrear tasks e microtasks, explicar o agendamento de Promises e async/await, reconhecer ordens não garantidas e corrigir padrões que bloqueiam a interface ou atrasam outras operações.
Começar tutorial
Aprenda a criar um arquivo HTML e abrir sua primeira página no navegador. Ao final, você terá uma página sobre um interesse pessoal, com títulos, parágrafos, listas, links e uma imagem com texto alternativo.
Começar tutorialExercícios
Teste seus conhecimentos sobre Web Components, Custom Elements, Shadow DOM, slots, templates e eventos em JavaScript.
Iniciar exercíciosTeste seus conhecimentos em TypeScript para front-end: tipos, interfaces, generics, eventos DOM, strictNullChecks e segurança no código.
Iniciar exercíciosTeste seus conhecimentos em CSS Grid: layouts responsivos, colunas, áreas, alinhamento, subgrid, auto-fit, minmax e propriedades avançadas.
Iniciar exercíciosTeste seus conhecimentos sobre otimização de imagens para performance web, formatos, compressão, imagens responsivas, lazy loading e SEO.
Iniciar exercíciosTeste seus conhecimentos em acessibilidade web com HTML semântico e ARIA: navegação, formulários, foco, imagens e leitores de tela.
Iniciar exercíciosTeste seus conhecimentos em programação front-end com questões de HTML, CSS e JavaScript para iniciantes.
Iniciar exercícios
TypeScript para iniciantes: o que é e por que ele melhora o JavaScript
Entenda o que é TypeScript, como a tipagem estática ajuda a evitar erros e por que ele se tornou essencial no desenvolvimento web moderno.
Mobile-First no Front-End: Como Planejar e Construir Interfaces que Funcionam em Qualquer Tela
Aprenda mobile-first no front-end para criar interfaces responsivas, leves e fáceis de manter em qualquer tela, do celular ao desktop.
HTTP, Fetch e CORS no Front-End: Como Consumir APIs com Segurança e Sem Dor de Cabeça
Como Consumir APIs com Segurança e Sem Dor de Cabeça
Design Systems no Front-End: Como Criar Interfaces Consistentes, Escaláveis e Fáceis de Manter
Aprenda a criar Design Systems no front-end com tokens, componentes e documentação para interfaces consistentes e fáceis de manter.
CSS Moderno no Front-End: Layouts com Flexbox e Grid, Responsividade e Escalabilidade
Aprenda CSS moderno com Flexbox e Grid para criar layouts responsivos, escaláveis e fáceis de manter em projetos front-end.Aprenda CSS moderno com Flexbox e Grid para criar layouts responsivos, escaláveis e fáceis de manter em projetos front-end.
Acessibilidade no Front-End: Como Criar Sites Inclusivos com HTML, CSS e JavaScript
Aplique acessibilidade no front-end com semântica, teclado, contraste e ARIA para criar sites inclusivos com HTML, CSS e JS.
Otimizando o Desenvolvimento de Interfaces Dinâmicas com CodeIgniter
Crie interfaces web dinâmicas com CodeIgniter integrando Ajax, templates e boas práticas front-end para aplicações mais rápidas e organizadas.
Boas Práticas de Estruturação de Projetos com CodeIgniter: Mantenha Seu Código Organizado
Aprenda boas práticas de estruturação com CodeIgniter para manter seu projeto limpo, escalável e fácil de manter desde o início.
Informática básica e Fundamentos
Excel, Word, LibreOffice e mais
Linguagens de programação ( Python, Ruby, Java )
Hardware e Suporte de TI
Lógica de programação
Inteligência Artificial e Ciência de Dados
Segurança da informação
Servidores Web e Redes de computadores
Programação de Aplicativos
Programação de Jogos
Banco de dados
Robótica e Automação
Ferramentas de TI
QA - Testes de software
Programação back-end
Encontre uma seleção educacional de cursos online gratuitos para aprender a criar páginas, interfaces responsivas, sites profissionais e aplicações web interativas. As aulas atendem desde estudantes iniciantes, que desejam conhecer os fundamentos da programação, até desenvolvedores que buscam aperfeiçoamento em bibliotecas, frameworks e boas práticas. Todos os cursos são gratuitos, possuem certificação também gratuita e oferecem exercícios para reforçar o aprendizado e ajudar na aplicação prática dos conteúdos.
Comece pelos fundamentos de HTML e CSS, aprendendo estrutura semântica, estilização, Flexbox, Grid e design responsivo. Avance para JavaScript, manipulação do DOM, eventos, módulos e recursos modernos da linguagem. Também estão disponíveis estudos de React, PHP e WordPress, ampliando sua formação para projetos dinâmicos, blogs, portfólios, lojas virtuais e sistemas web.
O catálogo reúne alternativas como HTML e CSS para iniciantes, JavaScript para iniciantes, Jornada Front-End completa e React JS. Há ainda aulas sobre Bootstrap, Tailwind CSS, Vue.js, Next.js, jQuery, TypeScript, Firebase, criação de sites responsivos e construção de portfólio profissional.
Para acessar os cursos, realizar os exercícios e obter a certificação gratuita, é necessário instalar o aplicativo Cursa. Usuários de celulares e tablets Android podem usar o link Baixar para Android. Para dispositivos Apple, utilize Baixar para iOS / iPhone. Instale o aplicativo, escolha seu curso gratuito e comece agora sua formação em desenvolvimento de sites e aplicações para a internet.
O que se aprende em um curso de Programação Front-End?
HTML, CSS, JavaScript, responsividade, manipulação do DOM e frameworks como React.
Por onde começar a estudar Front-End?
Comece por HTML e CSS, depois avance para JavaScript e projetos práticos.
Preciso saber programação para aprender Front-End?
Não. Cursos para iniciantes ensinam os fundamentos desde o zero.
Qual a diferença entre HTML, CSS e JavaScript?
HTML cria a estrutura, CSS define o visual e JavaScript adiciona interação.
O que é design responsivo?
É a criação de sites que se adaptam a celulares, tablets e computadores.
React é importante para desenvolvedor Front-End?
Sim. React é uma biblioteca popular para criar interfaces web dinâmicas.
Quais projetos posso criar estudando Front-End?
Você pode criar portfólios, landing pages, lojas virtuais, dashboards e clones de sites.
Conclua qualquer curso desta área e emita seu certificado pelo aplicativo — sem pagar nada. Válido em todo o Brasil.
Baixe o app! para ter acesso a mais de 5.000 Cursos Online + Certificado, tudo gratuito!
Baixe o app! Cursos 100% gratuitos.
Leve o conhecimento no seu bolso.
Baixe o aplicativo Cursa.
São centenas de Cursos gratuitos a disposição, com Certificado de conclusão gratuito que é salvo em sua galeria de imagens do celular.
Baixe o app para ter acesso ao Certificado de conclusão de Curso Gratuitamente.
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks
O que estão falando sobre os cursos online gratuitos de Programação Front-End
Rayssa Cruz
excelente pra quem tá começando na programação, as explicação são ótimas os exercícios são bons.
CursoHTML completo
Lauriano Vicente Bento Graciano
Em bora ter sido muito longo mais!! é um bom curso.
CursoProgramação com Javascript
Celso Henrique Porto
o curso é muito bom, e o professor sabe explicar muito bem
CursoHTML e CSS para iniciantes
JOSÉ ROBERTO GONÇALVES
Adorei, cada dia aprendendo mais. Agora vou fazer junto o html 5
CursoProgramação com Javascript
wilian dutra
Muito Bom! Didática excelente e conteúdo bem útil! Parabéns!
CursoCSS Flexbox no desenvolvimento de sites
Jackson Andrey
Esse é um ótimo curso para pegar a base do HTML. Pra me está sendo um pouco difícil pois estou aprendendo programação pelo celular e é muito compli...
CursoHTML completo
André Nogueira Lopes
esse professor e muito didático, ótimo curso.
CursoHTML completo
Daniel Marlon Rhendson da Silva Alves
sensacional o curso e a explicação do Professor já tinha uma base de HTML, mas pude aprimorar ainda mais
CursoHTML completo
nando divino
ótimo curso, professor com uma excelente didática ! me ajudou bastante
CursoHTML completo
Davi
esse cara sabe oque faz, ensina certinho e ainda passa um projeto, fenomenal
CursoCSS completo