Curso Introdutório ao HTML ( Com + de 2 horas de Projeto)

Neste curso, você aprenderá o básico de HTML (com pitadas de CSS no final) ao construir um site do zero.

Clique em "Mostrar mais" para ver os tópicos do curso.

⭐️ Conteúdo do curso ⭐️

- 00:00:00 Boas vindas
- 00:01:27 O que é HTML
- 00:04:07 Instalação do VSCode
- 00:06:25 Extensões úteis VSCode
- 00:09:35 Como criar arquivo .html
- 00:14:10 Página Olá, Mundo!
- 00:23:28 Como validar html contra erros
- 00:31:39 Introdução ao projeto
- 00:34:12 Elementos meta em head
- 00:40:06 Como adicionar favicon
- 00:45:25 Elementos básicos de texto
- 00:46:39 Como adicionar emoji no html
- 00:48:00 Barra horizontal com hr
- 00:48:40 Acrescentar imagem
- 00:51:25 Como fazer lista não ordenada
- 00:56:03 Como acrescentar legenda em imagens
- 00:57:52 elemento em para ênfase
- 00:59:44 elemento aside
- 01:01:52 Forte importância com strong
- 01:02:16 Marcador de texto com html.
- 01:04:12 Lista com números (ordenada)
- 01:10:27 Criar rodapé footer
- 01:11:56 Caracteres especiais
- 01:14:04 header, main e footer
- 01:17:39 Section e article
- 01:22:00 Atributo ID
- 01:25:25 camelCase
- 01:26:56 Menu de navegação
- 01:32:41 Página fotos de gatos
- 01:39:08 Página de formulário
- 01:41:15 Form action
- 01:42:12 Fieldset, legend e label
- 01:43:19 Input de texto
- 01:46:05 Input numérico
- 01:48:54 Input radio (botões)
- 01:51:28 Input checkbox
- 01:53:10 Input file (anexar arquivo)
- 01:55:17 Textarea (área de texto)
- 01:57:27 Botões enviar e redefinir
- 01:59:35 Link entre páginas
- 02:04:24 Folha de estilo CSS
- 02:06:09 Importando fonte
- 02:10:38 Estilizar H1
- 02:13:04 Estilizar menu de navegação
- 02:26:05 Estilizando Links
- 02:29:53 Alinhando elementos
- 02:37:47 Tamanho de fonte relativo EM
- 02:39:49 Próximos passos

✍️ Leia centenas de artigos de programação gratuitamente:

[Zubelzo]

Demorou mas veio a versão em português. Que seja o maior e melhor canal de programação do Brasil.

[Nikanih]

Surpreendente!!!
Explico: Se você é uma pessoa que assim como eu, esta começando do zero e é extremamente "Cru" neste assunto, vai Amar, se surpreender e achar perfeito!

Eu particularmente, achei que não fosse conseguir, porque "Não estudo há decadas kkk"!
No final? Me surpreendi como essa aula toda foi fluida, clara e muito mastigada.

A professora praticamente te pega pela mão e te leva por um caminho introdutório que você consegue entender como mágica!

Dica: Não pule, não adiante, só simplesmente aproveite o processo, volte quantas vezes for necessário e faça junto! Porque assim, esse caminho vai se encaixando como um quebra cabeças e quando menos notar, você estará bem ali, no meio e entendendo tudo (Como mágica!).

Então, só vai! Comece, não pense duas vezes! Só vai! <3

Gratidão por disponibilizarem algo tão bom e gratuitamente pra nós que estamos buscando!

[ednilsonaraujo]

Olá Nielda Karla. Obrigado pelo tutorial Adorei sua didática. Consegui finalizar o curso. Já conhecia html/css mas sua forma de apresentar o assunto complementou meu conhecimento e me fez ver o css, principalmente, de outra forma. Consegui finalizar um dia antes do fim do ano, que era minha meta inicial.

[ntuywzpntuywzp]

Sério! Não deixem esse projeto morrer, nunca, era meu sonho existir um free code camp em português

[Shortscortes]

Terminei o curso, obrigado moça por ensinar tão bem. 🙂

[Pauloneh]

De todos os vídeos q eu vi, vc foi a ÚNICA q realmente ensinou tudo do zero para leigos, MUITO OBRIGADO!

[jhonnyfreire]

Quem dera todos os instrutores/professores explicassem tão bem desse jeito, com calma, detalhado e explicativo.
Parabéns pelo conteúdo.

[rafaelfontenelle]

Ansioso pelos próximos cursos deste canal, considerando o alto nível deste. Parabéns a todos(as) envolvidos(as)!

[inacioribeiro]

Nossa que Didática maravilhosa, e essa combinação de cores da Freecodecamp perfeita!❤.

Muito grato a essa comunidade, esperando os próximos cursos.

[rodolfocarlosblumel]

Parabéns Nielda! Muito obrigado por esse conteúdo.

[silvanamariadaconceicao]

Não sabia nada de HTML e nem CSS mas com sua aula até me interessou aprofundar no tema.

[eduardorosa]

Meu nome é Eduardo, tenho 35 anos e trabalho no setor de telemarketing. Embora não tenha formação acadêmica, sempre tive interesse em tecnologia, computadores e interfaces. Minha jornada na programação teve início durante a pandemia, quando meu notebook Lenovo com Windows 10 começou a ficar lento. Fiquei indignado, pois o computador era relativamente novo, com menos de dois anos de uso.
Decidi instalar o Linux (Debian) e, apesar de ter tido uma experiência mínima com o Ubuntu em 2009, quando tentei instalar uma impressora e enfrentei dificuldades, sabia que valeria a pena tentar novamente. Para minha surpresa, logo no início, percebi um aumento de desempenho de 50%. Isso despertou meu interesse pelo mundo do desempenho no Linux, e hoje meu computador funciona maravilhosamente.
Durante minha busca por melhor desempenho, me deparei com linguagens como Javascript, C e CSS, entre outras. Decidi estudar programação de forma gratuita e já criei vários projetos, como uma página Google Glass do Curso (Gustavo Guanabara), App de Gatos e o CAMPERCAFE, do curso Freecodecamp. Valorizo muito o conteúdo gratuito, pois sei que muitas pessoas não dão o devido valor ao que é oferecido gratuitamente. Atualmente, estou estudando com o Freecodecamp há alguns meses, motivado pelo vídeo do Filipe Deschamps sobre o curso CS50 de Harvard.
Acredito que você concederá o curso a alguém que o aproveitará ao máximo e dará valor a essa oportunidade. Estou aqui e pronto para aprender!
#cursodoDeschamps
Instagram: eduardognome
Discord: eduardobck

[jefesonbezerra]

Vida longa ao freeCodeCamp! Vídeo muito didático!

[EdsonSouza-ungy]

Parabéns para a professora Nielda explica de uma forma bem didática

[isabellamuniz]

My good!!!! Que top gente 😭😭😭😭 tô até emocionada, de ter o FreeCodeCamp em Português!!!

[pablokevin]

Po, show de bola. terminei agora de fazer.

[MarcosFelipe-uplc]

Incrível a iniciativa de ter a versão em português.

[YabokuNiko]

Conteúdo maravilhoso consegui fazer minha pagina de gatos bem bonitinha agora é só estudar mais um pouco sobre css pra deixar do jeito que eu estou imaginando! Adorei a aula e estou feliz que este material incrível está finalmente disponível 💖💖 espero que venha mais e mais cursos ótimos assim! Obrigado professora, obrigado freecodecamp!

[eduardodacol]

Muito boa a iniciativa de trazer para o português. Estou seguindo aqui e digitando o meu código, seguindo passo a passo conforme foi bem explicado e detalhado no vídeo.
Gostei! Aguardo pelos outros vídeos. De CSS já vi que já tem. Obrigado

[dubsyco]

Top demais. Bora virar Dev, meu povo!