HTML e CSS: O Início (incluindo 5 Projetos)
- Descrição
- Currículo
- FAQ
- Revisões
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. 😀
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! 🙂
-
1Apresentação do cursoVídeo Aula
-
2Apresentação dos projetosVídeo Aula
-
3O que é e para que serve o HTML?Vídeo Aula
-
4O que é e para que serve o CSS?Vídeo Aula
-
5Como pesquisar problemas/dúvidas de código no StackoverflowVídeo Aula
-
6Como pesquisar problemas/dúvidas de código no GoogleVídeo Aula
-
7Como utilizar a ferramenta de inspecionar elementoVídeo Aula
-
8Instalando o Sublime Text 3Vídeo Aula
-
9Arquivos do curso - faça o downloadTexto
-
10Indicações de LivrosTexto
-
11Arquivos do módulo de HTMLTexto
-
12O que é HTML?Vídeo Aula
-
13O que são tags?Vídeo Aula
-
14Conhecendo os headingsVídeo Aula
-
15Comentários no HTMLVídeo Aula
-
16Conhecendo a tag <a>Vídeo Aula
-
17Conhecendo a tag <img>Vídeo Aula
-
18Conhecendo a tag <table>Vídeo Aula
-
19Listas no HTML: tag <ol>Vídeo Aula
-
20Listas no HTML: tag <ul>Vídeo Aula
-
21Formulário no HTML: como criar um?Vídeo Aula
-
22Formulário no HTML: conhecendo os elementos principaisVídeo Aula
-
23Formulário no HTML: conhecendo os atributos dos formuláriosVídeo Aula
-
24As metatags essenciais para os projetos webVídeo Aula
-
25Introdução ao HTML semânticoVídeo Aula
-
26Teste de conhecimento em HTMLQuestionário
Neste teste serão avaliados conhecimentos básicos que aprendemos ao longo desta unidad, vamos lá!
-
27Arquivos módulo de CSSTexto
-
28O que é CSS?Vídeo Aula
-
29Adicionado CSS aos projetosVídeo Aula
-
30CSS InlineVídeo Aula
-
31Internal CSSVídeo Aula
-
32Sintaxe do CSS e comentáriosVídeo Aula
-
33Classes e IdsVídeo Aula
-
34As possibilidades de adicionar cores com CSSVídeo Aula
-
35Adicionando background com CSSVídeo Aula
-
36Adicionado fontes com CSSVídeo Aula
-
37Explicando o conceito de Box modelVídeo Aula
-
38Box model na prática: PaddingVídeo Aula
-
39Box model na prática: BorderVídeo Aula
-
40Box model na prática: MarginVídeo Aula
-
41Entendendo a propriedade displayVídeo Aula
-
42Entendendo positions: StaticVídeo Aula
-
43Entendendo positions: RelativeVídeo Aula
-
44Entendendo positions: AbsoluteVídeo Aula
-
45Entendendo positions: FixedVídeo Aula
-
46Entendendo positions: StickyVídeo Aula
-
47Resumo de positionsVídeo Aula
-
48Conhecendo o floatVídeo Aula
-
49Utilizando clear para ajustar o floatVídeo Aula
-
50Unidades de medida: pxVídeo Aula
-
51Unidades de medida: %Vídeo Aula
-
52Unidades de medida: em e remVídeo Aula
-
53Teste de conhecimento em CSSQuestionário
Neste teste vamos avaliar o conhecimento que as aulas desta seção nos proporcionaram.
-
68Arquivos do projetoTexto
-
69Introdução do projetoVídeo Aula
-
70Iniciando o projetoVídeo Aula
-
71Criando o HTML do headerVídeo Aula
-
72Finalizando CSS do headerVídeo Aula
-
73Construindo o HTML da seção de serviçosVídeo Aula
-
74CSS da seção de serviçosVídeo Aula
-
75HTML da seção de especialidadesVídeo Aula
-
76Finalizando seção de especialidadesVídeo Aula
-
77Criando formulário da páginaVídeo Aula
-
78CSS do formulárioVídeo Aula
-
79Conclusão do projetoVídeo Aula
-
80Arquivos do projetoTexto
Arquivos finais do projeto para consulta.
-
81Introdução do projetoVídeo Aula
-
82Configurações do projetoVídeo Aula
-
83Barra de navegação superiorVídeo Aula
-
84Corpo do siteVídeo Aula
-
85Rodapé do site e conclusãoVídeo Aula
-
86Perguntas sobre o projeto, HTML e CSSQuestionário