Skip to content

gc-marcos/course-html-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Curso de HTML e CSS

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.


📝 Sobre o Curso

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.


📂 Estrutura do Repositório

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

🚀 Conteúdo do Curso

  • 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.

🛠️ Tecnologias Utilizadas

  • HTML5: Para a estruturação do conteúdo.
  • CSS3: Para estilização e design das páginas.
  • Ferramentas adicionais:

📚 Boas Práticas Adotadas

  • 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.

🔧 Como Utilizar

  1. Clone este repositório para sua máquina local:
    git clone https://github.com/usuario/course-html-css.git
  2. Navegue até o diretório do repositório:
    cd course-html-css
  3. Abra os arquivos HTML no navegador para visualizar os resultados.

📂 Próximos Passos

  • Completar os desafios dos módulos.
  • Adicionar exemplos práticos de Media Queries.
  • Expandir os conceitos de Flexbox para Grid Layout.

🤝 Contribuições

Contribuições são bem-vindas! Caso queira adicionar exemplos ou melhorias, siga os passos abaixo:

  1. Faça um fork deste repositório.
  2. Crie uma branch com suas alterações:
    git checkout -b minha-nova-feature
  3. Commit suas alterações:
    git commit -m "Adicionei novos exemplos ao módulo 3"
  4. Envie suas alterações:
    git push origin minha-nova-feature
  5. Abra um Pull Request.

✨ Agradecimentos

Agradecimentos especiais à plataforma Curso em Video e ao professor Gustavo Guanabara por proporcionar um conteúdo de alta qualidade.😊

About

Projetos e exercícios feito no Curso em Video.

Resources

Stars

Watchers

Forks

Packages

No packages published