HTML e CSS: O Início (incluindo 5 Projetos)

Inicie no mundo da programação web com HTML e CSS, e ainda crie os seus primeiros projetos e sites.

4.70 (1671 reviews)
Udemy
platform
Português
language
Other
category
5,286
students
7.5 hours
content
Apr 2023
last update
$64.99
regular price

What you will learn

Utilizar HTML de forma plena, respeitando as boas práticas e estruturar layouts com a linguagem

Aplicar CSS a páginas web e conhecer as propriedades mais utilizadas aliado com práticas em exemplos simulando projetos reais

Utilizar HTML e CSS do jeito certo / que utilizam em empresas

Desenvolver projetos web

Description

Neste curso de HTML e CSS quem nunca programou sequer uma linha de código conseguirá realizar projetos web e criar sites! Do absoluto zero a níveis profissionais. (Veja os projetos que criaremos nas aulas de demonstração gratuita): a formação vai do nível iniciante básico a intermediário e conta com certificado.

O curso cobre os principais conceitos de HTML e CSS, reforça a utilização de tags e regras de CSS no mundo real, ou seja, você terá além da explicação teórica uma experiência de como a programação web funciona no mercado de trabalho.

O foco do curso é tornar você um desenvolvedor web que vai dominar HTML e CSS.

Você já programou e acha que o conteúdo do curso é básico? Lembre-se que você e eu construiremos 5 projetos do absoluto zero! Vou compartilhar técnicas que já utilizei e ainda utilizo no meu dia a dia como desenvolvedor, vamos construir tudo seguindo as boas práticas para um código escalável, limpo e de fácil manutenção. :D

Esse curso é pra você se:

  • Nunca escreveu uma linha de código e quer aprender a programar;

  • Quer aprimorar os conhecimentos em HTML/CSS;

  • Quer entrar no mundo da programação web;

  • Quer entender como funciona o desenvolvimento web no mercado de trabalho;

  • Quer construir projetos web;

Obs: realmente não há pessoas que não podem fazer esse curso, minha proposta é que: se você que nunca escreveu um código na vida entre para esta área, e quem já trabalha ou já escreveu um pouco de HTML e CSS eleve seus conhecimentos para o ambiente profissional.

Além disso, meu compromisso com você é explicar o mesmo assunto em vários ângulos diferentes para que você assimile os conteúdos e não fique apenas copiando código.

É difícil aprender HTML e CSS?

Aprender HTML e CSS é uma jornada empolgante e recompensadora. O tempo necessário para dominar essas linguagens varia de pessoa para pessoa, dependendo do nível de dedicação e prática. No entanto, com foco e empenho, é possível adquirir uma base sólida em um período relativamente curto.

HTML (HyperText Markup Language) é a linguagem usada para estruturar o conteúdo de uma página web, enquanto o CSS (Cascading Style Sheets) é responsável por estilizar e tornar a página visualmente atraente. Ambas são fundamentais para o desenvolvimento web e exigidas no mercado de trabalho para vagas de emprego de programador ou desenvolvedor.


Dominar os conceitos básicos do HTML envolve aprender sobre tags, elementos, atributos e sua utilização correta para criar a estrutura de uma página. No CSS, compreenda sobre seletores, propriedades e como aplicar estilos às tags HTML.

Em relação à dificuldade, muitas pessoas consideram HTML e CSS relativamente fáceis de aprender, especialmente se comparados a outras linguagens de programação. Ambas possuem uma curva de aprendizado acessível para iniciantes.

No entanto, ressaltamos que o aprendizado não se limita apenas aos conceitos básicos. À medida que você aprofundar seus conhecimentos, poderá explorar tópicos diversos, como layouts responsivos, animações e técnicas de otimização.

Como estudar HTML e CSS?

Quando se trata de aprender HTML e CSS, é essencial ir além da teoria e colocar o conhecimento em prática, e isso pode ser realizado pelos melhores cursos de HTML e CSS da Hora de Codar.

Siga as dicas abaixo para colocar o aprendizado em prática!

Estude a teoria: Comece aprendendo os conceitos fundamentais de HTML e CSS, entendendo a sintaxe, as tags, as propriedades e os seletores. Livros, cursos online como os da Hora de Codar e tutoriais são ótimas fontes para adquirir conhecimento teórico.

Crie projetos pequenos: Uma das melhores maneiras de consolidar o aprendizado é desenvolvendo projetos práticos. Comece com projetos simples, como construir uma página de currículo ou um formulário de contato. No curso, você aprenderá a desenvolver vários projetos do zero!

Experimente: À medida que avança, experimente diferentes recursos e técnicas. Aprenda como criar layouts responsivos, aplique animações e explore recursos de CSS.

Busque referências e exemplos: Ao desenvolver seus projetos, pesquise exemplos e referências para entender como outras pessoas abordam o desenvolvimento web. Isso ajudará a expandir seu conhecimento e aprimorar suas habilidades.

Receba feedback: Compartilhe seus projetos com outros desenvolvedores ou comunidades online para obter feedback construtivo. Identifique áreas de melhoria e aprimore suas habilidades.

Comunidade de alunos: Depois que se inscrever, os alunos também terão a oportunidade de fazer parte da comunidade Hora de Codar no Discord totalmente gratuita, e ter acesso a diversas dicas de programação e desenvolvimento.

Desenvolver projetos reais permite que você aplique os conceitos aprendidos de forma prática, enfrentando desafios reais e resolvendo problemas do mundo real.

A Hora de Codar oferece uma variedade de cursos completos de HTML e CSS. Dessa forma, você pode começar a desenvolver suas habilidades desde o básico até o intermediário. Além disso, há opções de cursos de HTML, CSS e JavaScript, ideais para aqueles que desejam aprofundar seus conhecimentos em programação web.


Todos os cursos oferecidos pela Hora de Codar vêm com certificado, garantindo o reconhecimento pelo seu esforço e dedicação. Não importa se você é um iniciante, são perfeitos para iniciar sua jornada no mundo do desenvolvimento web.

Se é isso que você procura, te espero no curso para escrevermos os códigos juntos! :)


Content

Introdução

Introdução
O que é e para que serve o HTML?
O que é e para que serve o CSS?
Como pesquisar problemas/dúvidas de código no Stackoverflow
Como pesquisar problemas/dúvidas de código no Google
Como utilizar a ferramenta de inspecionar elemento
Instalando o Sublime Text 3

Aprendendo HTML

Arquivos do módulo de HTML
O que é HTML?
O que são tags?
Conhecendo os headings
Comentários no HTML
Conhecendo a tag <a>
Conhecendo a tag <img>
Conhecendo a tag <table>
Listas no HTML: tag <ol>
Listas no HTML: tag <ul>
Formulário no HTML: como criar um?
Formulário no HTML: conhecendo os elementos principais
Formulário no HTML: conhecendo os atributos dos formulários
As metatags essenciais para os projetos web
Introdução ao HTML semântico
Teste de conhecimento em HTML

Aprendendo CSS

Arquivos módulo de CSS
O que é CSS?
Adicionado CSS aos projetos
CSS Inline
Internal CSS
Sintaxe do CSS e comentários
Classes e Ids
AS possibilidades de adicionar com CSS
Adicionando background com CSS
Adicionado fontes com CSS
Explicando o conceito de Box model
Box model na prática: Border
Box model na prática: Padding
Box model na prática: Margin
Entendendo a propriedade display
Entendendo positions: Static
Entendendo positions: Relative
Entendendo positions: Absolute
Entendendo positions: Fixed
Entendendo positions: Sticky
Resumo de positions
Conhecendo o float
Utilizando clear para ajustar o float
Unidades de medida: px
Unidades de medida: %
Unidades de medida: em e rem
Teste de conhecimento em CSS

Projeto 1

Arquivos do projeto
Introdução do projeto
Criando o projeto
Início da estrutura do HTML e estratégia de construção
Fizando o HTML do projeto
Iniciando o CSS - cabeçalho e container
Finalizando o projeto

Projeto 2

Arquivos do projeto
Introdução do projeto
Criando o projeto
Iniciando o formulário
Finalizando o HTML do projeto
Iniciando o CSS
Finalizando o projeto

Projeto 3

Arquivos do projeto
Introdução do projeto
Iniciando o projeto
Criando o HTML do header
Finalizando CSS do header
Construindo o HTML da seção de serviços
CSS da seção de serviços
HTML da seção de especialidades
Finalizando seção de especialidades
Criando formulário da página
CSS do formulário
Conclusão do projeto

Projeto 4: Site do Google

Arquivos do projeto
Introdução do projeto
Configurações do projeto
Barra de navegação superior
Corpo do site
Rodapé do site e conclusão

Screenshots

HTML e CSS: O Início (incluindo 5 Projetos) - Screenshot_01HTML e CSS: O Início (incluindo 5 Projetos) - Screenshot_02HTML e CSS: O Início (incluindo 5 Projetos) - Screenshot_03HTML e CSS: O Início (incluindo 5 Projetos) - Screenshot_04

Reviews

Joao
October 16, 2023
muito bom os métodos aplicados, caso esteja com dificuldade, não se acanhe de ir tentando, diversas vezes ele diz para irmos praticando, fui fazendo isso a cada aula e estou pegando um pouco o jeito, estou realmente gostando, não sabia nada nada sobre o assunto em questão e já estou pensando no próximo passo.
Andre
September 3, 2023
O instrutor domina o assunto, as aulas são curtas e objetivas permitindo uma melhor assimilação do conteúdo. Melhor curso para iniciante que fiz até agora.
Marcos
August 24, 2023
Estou gostando. O curso é muito bom para iniciantes, te dá uma boa noção de conceitos do HTML e CSS.
Paulo
July 19, 2023
Achei excelente e me expandiu bem os horizontes, tendo em vista que não sabia nada de programação. Agora já tenho uma base sólida para buscar me aprimorar nesta área.
Hellmat
July 10, 2023
Fiquei muito feliz ao realizar o curso! Me ajudou muito a ter uma base do que é HTML e CSS. Cheguei do completo zero, minha afinidade com computador não servia nem para digitar (não estou exagerando). Indico para quem quer começar a estudar, para meus amigos e familiares. Só notei que algumas dúvidas nos comentários não foram tiradas e evitei perguntar também, pesquisei por conta própria. Parabéns professor, espero em breve chegar próximo do seu conhecimento.
Lino
July 5, 2023
Eu apaenas vou deixar comentários no final do curso , mas até aqui está acima das minhas expectativas !!!
João
June 30, 2023
Simplesmente Incrivel estou ingressando no mundo da programção e se quer tinha escrevido 1 linha de codigo mais com o seu curso estou gostando muito
Patrick
June 29, 2023
sendo bem sincero não sei bem como tudo funciona ainda, mas esta sendo conforme imaginei até agr, esta começando aos poucos dando tempo para entender e explicando as funcionalidades de cada item.
Caio
June 29, 2023
Curso muito bom para quem está iniciando, só achei que na hora de montar os projetos, poderia ter uma outra tela talvez que fosse apresentando as inclusões do CSS na prática demonstrando as alterações no ato de cada inclusão de tag. Tirando isso, gostei muito das aulas e da dinâmica.
Lara
June 22, 2023
As explicações do css nos projetos poderiam ser mais devagar. Tirando isso o conteúdo do curso é muito bom.
Carlos
May 13, 2023
É bem fraco em relação a conteúdos gratuitos na internet... recomendo o canal do 'curso em vídeo' para aprender html e css.
Christian
May 11, 2023
sim era +/- oque eu esperava, fiquei meio perdido algumas vezes porem vou ver todo curso mais uma vez para ficar mais confiante mais ate agora sim deu pra aprender e entender um pouco mais sobre o html e css...
Ruan
May 5, 2023
Excelente curso, aprendi bastante e criei meus primeiros projetos com a melhor ajuda possível que foi quem ministrou e ensinou esse curso.
Diego
April 9, 2023
nao é tao didattico para quem nunca viu o assunto, mas revendo varias vezes da para entender e depois pesquisar sobre as tags em questão que por vez não são explicadas de forma melhor
Leonardo
March 7, 2023
Sensacional, consegui aprender muita coisa com este curso. Pessoal, comprem sem medo, pois é muito barato pelo que entrega.

Charts

Price

HTML e CSS: O Início (incluindo 5 Projetos) - Price chart

Rating

HTML e CSS: O Início (incluindo 5 Projetos) - Ratings chart

Enrollment distribution

HTML e CSS: O Início (incluindo 5 Projetos) - Distribution chart
2373294
udemy ID
5/18/2019
course created date
11/23/2019
course indexed date
Bot
course submited by