Este repositório contém os arquivos e projetos desenvolvidos durante o curso de HTML e CSS oferecido pela plataforma Curso em Video. O conteúdo segue as boas práticas recomendadas para desenvolvimento web, com organização e estruturação das pastas para facilitar o aprendizado.
O curso aborda os fundamentos de HTML e CSS, proporcionando uma base sólida para desenvolvimento de páginas web modernas e responsivas. Cada módulo cobre conceitos essenciais, com exercícios práticos e desafios para reforçar o aprendizado.
course-html-css/
├── modulos/
│ ├── modulo1/ # Introdução ao HTML
│ ├── modulo2/ # Estruturação de conteúdo
│ ├── modulo3/ # Introdução ao CSS
│ ├── modulo4/ # Estilização avançada com CSS
├── desafios/ # Projetos desafiadores para consolidar os aprendizados
├── display-flex/ # Exemplos e exercícios sobre o uso de Flexbox
└── README.md # Documentação do projeto
- Módulo 1: Introdução ao HTML
- Estrutura básica de um documento HTML.
- Tags essenciais (headings, parágrafos, links, imagens, etc.).
- Módulo 2: Estruturação de Conteúdo
- Listas, tabelas e formulários.
- Elementos semânticos do HTML5.
- Módulo 3: Introdução ao CSS
- Seletores, cores e fontes.
- Estilização básica de elementos.
- Módulo 4: Estilização Avançada com CSS
- Layouts responsivos.
- Pseudo-classes e pseudo-elementos.
- Transições e animações.
- Desafios:
- Projetos práticos baseados em problemas reais para testar o aprendizado.
- Display Flex:
- Aplicação e prática de layout utilizando Flexbox.
- HTML5: Para a estruturação do conteúdo.
- CSS3: Para estilização e design das páginas.
- Ferramentas adicionais:
- Google Fonts para tipografia.
- Visual Studio Code como editor de código.
- Organização de arquivos por módulos e tópicos.
- Uso de nomenclatura semântica para arquivos e pastas.
- Aplicação de princípios como DRY (Don't Repeat Yourself) e código limpo.
- Uso consistente de indentação e comentários no código.
- Clone este repositório para sua máquina local:
git clone https://github.com/usuario/course-html-css.git
- Navegue até o diretório do repositório:
cd course-html-css - Abra os arquivos HTML no navegador para visualizar os resultados.
- Completar os desafios dos módulos.
- Adicionar exemplos práticos de Media Queries.
- Expandir os conceitos de Flexbox para Grid Layout.
Contribuições são bem-vindas! Caso queira adicionar exemplos ou melhorias, siga os passos abaixo:
- Faça um fork deste repositório.
- Crie uma branch com suas alterações:
git checkout -b minha-nova-feature
- Commit suas alterações:
git commit -m "Adicionei novos exemplos ao módulo 3" - Envie suas alterações:
git push origin minha-nova-feature
- Abra um Pull Request.
Agradecimentos especiais à plataforma Curso em Video e ao professor Gustavo Guanabara por proporcionar um conteúdo de alta qualidade.😊