Curso online gratuitoDesenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript)
Duração do curso online: 10 horas e 33 minutos
Novo
Curso gratuito de front-end com HTML, CSS e JavaScript para criar sites, layouts responsivos e páginas interativas do zero.
Neste curso gratuito, aprenda sobre
Introdução ao HTML e preparação do ambiente
HTML na prática: links, listas e navegação
Projeto em HTML: página básica
Fundamentos de CSS e formas de aplicação
CSS no dia a dia: seletores, debug e efeitos visuais
Box Model e controle de layout básico
Projeto com CSS: página e imagens de fundo
Layouts com float e propriedade display
Posicionamento, sobreposição e elementos fixos
Projeto de layout: blog com HTML e CSS
Seletores avançados, especificidade e pseudo-elementos
Responsividade, formulários e HTML5 semântico
Projeto: landing page e refinamentos visuais
Fundamentos de JavaScript: primeiros passos e lógica
Operadores e conversões em JavaScript
Descrição do curso
Desenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript) é um curso online gratuito na área de Tecnologia, Informática e Programação, ideal para quem quer sair do zero e aprender a construir páginas e interfaces para a web com bases sólidas.
Ao longo das aulas, você entende como estruturar conteúdos com HTML, aplicar estilos com CSS e evoluir para conceitos essenciais de layout e responsividade, criando páginas mais organizadas, modernas e adaptáveis a diferentes telas. O curso também aborda práticas comuns do dia a dia, como criação de formulários, uso de elementos semânticos e ajustes visuais que melhoram a apresentação do site.
Na parte de CSS, você avança por tópicos fundamentais para montar layouts, posicionar elementos e controlar a aparência com mais precisão, além de trabalhar com efeitos, transições e animações para deixar a interface mais agradável e profissional.
Em seguida, o conteúdo introduz JavaScript para dar interatividade às páginas, passando por lógica, variáveis, tipos de dados, operações e comparações, ajudando a desenvolver raciocínio para programar no front-end. É uma opção prática para quem busca aprender desenvolvimento web e montar seus primeiros projetos com HTML, CSS e JavaScript.
Conteúdo do curso
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #005m
Exercício: Ao iniciar um novo projeto no Visual Studio Code, qual prática é recomendada para organizar os arquivos do site?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #105m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #208m
Exercício: Qual configuração é uma boa prática para evitar problemas com acentos e caracteres especiais em páginas HTML em português?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #311m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #409m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #508m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #606m
Exercício: Qual atributo da tag inverte a ordem da lista, exibindo do maior para o menor?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #708m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - HTML AULA #808m
Exercício: Para criar um link que leve o usuário diretamente até uma seção específica da mesma página, qual combinação é a correta?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - PROJETO HTML AULA #917m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1005m
Exercício: Qual é a principal vantagem do CSS externo em projetos com várias páginas?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1104m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1205m
Exercício: Qual é o local mais recomendado para inserir CSS interno em um documento HTML, evitando que o conteúdo apareça sem estilo ao carregar?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1306m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1408m
Exercício: Em CSS, qual seletor deve ser usado para estilizar um elemento específico e que não deve se repetir na página?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1513m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1603m
Exercício: Qual é uma das principais utilidades da ferramenta Inspecionar no navegador para quem desenvolve front-end (HTML/CSS/JavaScript)?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1710m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1806m
Exercício: Qual é a sintaxe correta para aplicar um gradiente linear no CSS, definindo as cores vermelho e azul?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #1910m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2009m
Exercício: Qual é a principal diferença entre margin e padding no CSS?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2108m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2207m
Exercício: Em CSS, qual valor de overflow faz o conteúdo excedente ficar acessível com barra de rolagem quando o elemento tem largura/altura definidas?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2308m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2410m
Exercício: Qual pseudo-classe CSS deve ser usada para estilizar um link quando o mouse está sobre ele?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2511m
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2607m
Exercício: No CSS, qual é a forma correta de definir um cursor com imagem personalizada e um cursor de backup caso a imagem não carregue?
Aula em vídeo: CURSO DESENVOLVIMENTO WEB COMPLETO - CSS AULA #2715m
Aula em vídeo: CRIANDO SITE DE RECEITAS COM HTML E CSS PROJETO AULA #2835m
Exercício: Qual conjunto de propriedades CSS garante que uma imagem de fundo ocupe toda a área do banner sem distorcer, mantendo o centro visível?
Aula em vídeo: TAMANHOS DE TEXTO COM HTML E CSS - CURSO WEB - AULA #2911m
Aula em vídeo: FLOAT ou ELEMENTOS FLUTUANTES CSS - CURSO COMPLETO DESENVOLVIMENTO WEB - AULA #3015m
Exercício: Qual propriedade CSS é usada para impedir que um parágrafo de texto “envolva” um elemento que está com float aplicado?
Aula em vídeo: EXERCICIO FLOAT NA PRÁTICA ELEMENTOS FLUTUANTES - CURSO COMPLETO AULA #3108m
Aula em vídeo: INLINE, BLOCK E INLINE-BLOCK COMO FUNCIONA A PROPRIEDADE DISPLAY - CURSO COMPLETO AULA #3207m
Exercício: Qual afirmação descreve corretamente a diferença entre elementos block, inline e o uso de inline-block?
Aula em vídeo: POSICIONAMENTOS ESTÁTICO E RELATIVO, POSITION - AULA #33 - CURSO COMPLETO DESENVOLVIMENTO WEB09m
Aula em vídeo: POSICIONAMENTOS ABSOLUTO E FIXO POSITIONS - AULA #34 - CURSO COMPLETO DESENVOLVIMENTO WEB10m
Exercício: Ao usar position: absolute em um elemento, o que é necessário para que ele se posicione em relação ao contêiner (pai) e não ao documento (body)?
Aula em vídeo: COMO CRIAR BOTÃO DE WHATSAPP EM 5 MINUTOS NO SEU SITE COM HTML E CSS - AULA #3505m
Aula em vídeo: SOBREPONDO ELEMENTOS COM Z-INDEX - AULA #36 CSS - CURSO COMPLETO DE DESENVOLVIMENTO WEB06m
Exercício: Ao usar a propriedade CSS z-index para sobrepor elementos posicionados, qual afirmação está correta?
Aula em vídeo: CRIANDO UM LAYOUT DE BLOG COM HTML E CSS (PARTE 1) - AULA #37 - CURSO COMPLETO DESENVOLVIMENTO WEB21m
Aula em vídeo: CRIANDO UM LAYOUT DE BLOG COM HTML E CSS (PARTE 2) - AULA #38 - CURSO COMPLETO DESENVOLVIMENTO WEB14m
Exercício: Para garantir que o rodapé fique abaixo de elementos posicionados com float, qual propriedade CSS deve ser aplicada no footer?
Aula em vídeo: EXPLICANDO OS SELETORES NO CSS E COMO UTILIZAR - AULA #39 - CURSO COMPLETO13m
Aula em vídeo: HERANÇA E ESPECIFICIDADE NO CSS - AULA #40 - CURSO COMPLETO DE DESENVOLVIMENTO WEB08m
Exercício: Em CSS, qual seletor possui maior especificidade e tende a ter prioridade ao definir uma propriedade como color?
Aula em vídeo: MENU VERTICAL / BARRA DE NAVEGAÇÃO COM HTML E CSS - AULA #4108m
Aula em vídeo: UTILIZANDO PSEUDO ELEMENTOS NO CSS - AULA #4210m
Exercício: Qual pseudo-elemento CSS é usado para inserir conteúdo depois de um elemento, geralmente junto com a propriedade content?
Aula em vídeo: COMO ADICIONAR ÍCONES NO PROJETO - AULA #43 - CURSO COMPLETO08m
Aula em vídeo: MEDIA QUERIES E RESPONSIVIDADE - AULA #44 - CURSO COMPLETO13m
Exercício: Qual é a função principal das media queries no CSS?
Aula em vídeo: FORMULÁRIOS COM HTML5, GET/POST - AULA #45 - CURSO COMPLETO10m
Aula em vídeo: TIPOS DE INPUTS NO HTML E SUAS FUNÇÕES - AULA #4617m
Exercício: Qual é a diferença principal entre e em um formulário HTML?
Aula em vídeo: TAGS SEMÂNTICAS NO HTML5 - AULA #4705m
Aula em vídeo: CRIANDO TABELAS COM HTML5 - AULA #4810m
Exercício: Qual atributo do HTML é usado para mesclar duas colunas em uma célula de tabela?
Aula em vídeo: PROJETO PÁGINA DE CAPTURA / LANDING PAGE - AULA #49 - PARTE 121m
Aula em vídeo: PROJETO PÁGINA DE CAPTURA / LANDING PAGE - AULA #5012m
Exercício: Ao limitar a largura de um container para não ultrapassar 1200px e manter o conteúdo centralizado, qual combinação de CSS é a mais indicada?
Aula em vídeo: COMO CRIAR SOMBRAS COM CSS - AULA #5109m
Aula em vídeo: TRANSIÇÕES / TRANSITIONS COM CSS - AULA #5312m
Exercício: Em CSS, onde a propriedade transition deve ser declarada para que a animação funcione ao passar e ao tirar o mouse (hover)?
Aula em vídeo: ANIMAÇÕES COM CSS (ANIMATIONS) - AULA #5411m
Aula em vídeo: VAMOS APRENDER JAVASCRIPT! - AULA #5505m
Exercício: Qual é a forma correta de inserir JavaScript diretamente em uma página HTML, conforme apresentado?
