Curso Completo de HTML5 e CSS do Zero

 

Curso Completo de HTML5 e CSS do Zero – Aprenda Desenvolvimento Web em Mais de 12 Horas

 Se você deseja aprender desenvolvimento web do zero, este curso completo de HTML5 e CSS é uma excelente oportunidade para adquirir uma base sólida na criação de sites modernos e responsivos. Com mais de 12 horas de conteúdo gratuito, o curso apresenta desde os conceitos básicos do HTML até técnicas avançadas de estilização com CSS e a criação de uma landing page profissional. 

 O conteúdo foi desenvolvido para iniciantes que nunca tiveram contato com programação, mas também pode servir como revisão para quem já possui algum conhecimento e deseja reforçar os fundamentos do desenvolvimento front-end. 

 O que você vai aprender Durante o curso, serão abordados os principais conceitos necessários para construir páginas web modernas, incluindo: Estrutura básica do HTML5 Meta tags e configuração de páginas Títulos, parágrafos e elementos de texto Links, imagens e listas Tabelas e formulários Semântica HTML5 Seletores CSS Classes e IDs Pseudo-classes e pseudo-elementos Box Model Cores e unidades de medida Posicionamento de elementos Flexbox CSS Grid Responsividade Media Queries Criação de Landing Pages Deploy de projetos na internet Conteúdo Programático Módulo HTML5

 Estrutura básica do HTML Meta Viewport Tags e atributos Cabeçalhos H1 ao H6 Semântica HTML5 Principais elementos HTML Formulários e campos Módulo CSS3 Introdução ao CSS Seletores básicos Seletores de atributos Pseudo-classes Pseudo-elementos Especificidade CSS Herança de estilos Box Model Float e Clear Cores e tipografia Unidades de medida Layout e Responsividade Position Z-index Layout responsivo Media Queries Flexbox CSS Grid Projeto Prático Ao longo do curso é desenvolvido um projeto completo de Landing Page, aplicando todos os conceitos aprendidos.

 Você aprenderá: Criação de menu de navegação Seções de apresentação Galeria de conteúdo Tabela de preços Formulário de contato Rodapé profissional Menu mobile Botão "voltar ao topo" Publicação do projeto na internet usando Netlify Para Quem é Este Curso? 

 Este curso é indicado para: Iniciantes em programação Estudantes de tecnologia Pessoas que desejam criar sites próprios Futuros desenvolvedores Front-End Profissionais que desejam iniciar na área de desenvolvimento web Benefícios de Aprender HTML e CSS HTML e CSS são as tecnologias fundamentais da web. 

Todo site utiliza essas linguagens para estruturar e estilizar páginas. Aprender esses conceitos é o primeiro passo para avançar para JavaScript, frameworks modernos e desenvolvimento profissional. Além disso, dominar HTML5 e CSS3 permite criar: Sites institucionais Blogs Landing Pages Portfólios Lojas virtuais Projetos pessoais e profissionais Assista ao Curso Completo Confira o vídeo completo abaixo e acompanhe cada aula passo a passo para construir uma base sólida em desenvolvimento web. Duração: Mais de 12 horas de conteúdo gratuito. Nível: Iniciante ao intermediário. Tecnologias abordadas: HTML5, CSS3, Flexbox, Grid Layout, Responsividade e Deploy.

00:00:00 - Curso de HTML e CSS, Estrutura básica do HTML

00:20:22 - Estrutura do HTML e Meta ViewPort

00:30:00 - Style e atributos id e class

00:44:20 - Headings, Cabeçalhos do H1 ao H6

00:55:18 - Tags importantes e semântica em textos

01:23:18 - Conheça todas as tags HTML

01:29:12 - Semântica em elementos HTML5

01:49:21 - Aprenda a pensar em HTML

02:17:28 - Entenda o Box Model

02:43:40 - Listas ordenadas, não ordenadas e menus

03:05:09 - Tabelas e linhas e colunas

03:23:07 - Formulários e campos do HTML

04:10:25 - Separando HTML e CSS em arquivos diferentes

04:21:35 - Veja o que vamos montar nesse curso

04:28:01 - Seletores CSS básicos 1

04:52:29 - Seletores CSS básicos 2

05:00:48 - Seletores de atributos no CSS

05:05:27 - Pseudo-classes e Estado de elementos

05:18:34 - Seletores CSS not e nth-child

05:26:11 - Pseudo-elementos CSS before, after e outros

05:34:49 - Especificidade CSS Qual regra será aplicada

05:47:51 - Herança no CSS propriedades passadas para elementos filhos

05:53:21 - Box-sizing width, height, padding, margin e border no CSS

06:14:52 - Float, Display e Clear no CSS

06:30:37 - Cores HTML e CSS Entenda como funciona

06:41:22 - Unidades de medida no CSS, px, em, rem, vw, vh, vmax, vmin e %

07:05:16 - CSS para formatar texto

07:13:37 - Position relative, absolute, fixed, sticky e z-index

07:36:27 - Media queries para design responsivo

07:48:52 - Uma breve junção de tudo aprendido até aqui

08:03:50 - Border-radius e Box-Shadow, arredondamento e sombras em caixas

08:12:25 - Entenda o Flexbox

08:55:46 - Entenda CSS Grid

09:39:43 - Iniciando a nossa landing page

10:00:27 - Criando um menu

10:16:29 - Landing Page, Correções e separações

10:25:06 - Landing Page, criando a seção intro

10:44:59 - Landing Page, Seção Top 3

10:51:19 - Landing page, Seção Grid

11:05:51 - Landing page, Galeria e Correções

11:18:46 - Landing page, Tabela de preços

11:30:00 - Landing page, Contato e Footer

11:53:15 - Landing Page, Media Queries

11:58:10 - Landing Page, Menu mobile e back to top

12:12:57 - Deploy da landing page na Netlify

---

Créditos: Curso produzido por Otávio Miranda. Assista ao conteúdo original e acompanhe mais aulas no canal oficial: https://www.youtube.com/@otaviomiranda