/Ciclo01-trabalhos-em-equipe

Primary LanguageHTML

banner Alpha Edtech Turma 4 - Hopper

Bem vindo ao nosso repositório em grupo!

Aqui você encontrará nossos projetos de conclusão para cada módulo do ciclo 1. Abaixo detalhamos mais informações para cada projeto, como requisitos e tecnologias usadas para o desenvolvimento.

Mantido por:

Descrição desenvolvida por: Arthur Mancio

Módulo 01 - HTML

Este foi o módulo onde construímos a base da nossa carreira em desenvolvimento web: HTML

Aprendemos a utilizar:

  • HTML para construir páginas web do zero ;
  • Tags semânticas para facilitar leitura e identificação do código;
  • Criação de tabelas, listas e formulários;
  • Diferentes tipos de mídia;
  • Vetores e gráficos.

Requisitos

Para esse projeto, foi obrigatório:

  • Criar um site no formato html;
  • Conter pelo menos 4 quatro páginas hiperlinkadas;
  • Homenagear alguma cidade brasileira;
  • Conter uma página principal, uma página sobre um pouco da história da cidade, uma página de imagens, vídeos e uma página de contato;
  • Utilizar os padrões semânticos do HTML 5;
  • Conter pelo menos um elemento de cada, dos listados abaixo:
    1. Cabeçalhos;
    2. Banner;
    3. Conteúdo Principal;
    4. Seção de Independente;
    5. Rodapé;
    6. Títulos;
    7. Parágrafos;
    8. Listas;
    9. Imagens;
    10. Vídeos;
    11. Tabelas;
    12. Formulários;
    13. Botões;
    14. Links;
    15. Destaques de texto: sublinhado, negrito e etc;
    16. SVG; e
    17. Divisões bem estabelecidas.

Tecnologias

Para o desenvolvimento desse projeto foram utilizadas as seguintes tecnologias:

  • Comunicação
    • Whatsapp
    • Discord
  • Desenvolvimento
    • Visual Studio Code
    • Git e Github
  • Linguagens
    • HTML

Módulo 02 - CSS

Neste segundo módulo, tivemos nossa introdução ao mundo do front-end através do CSS 3.

Aprendemos a utilizar:

  • Classes e IDs junto a seletores complexos para estilizar os elementos da página;
  • Estilização de texto e imagens;
  • Fontes locais e remotas;
  • Media queries, medidas relativas e variáveis para criação de design responsivos;
  • Flex-box e grid para definição do layout;
  • Keyframes, transition e transform para criar animações.

Requisitos

Para esse projeto, foi obrigatório o uso de:

  • Atributos de classes e id;
  • Fontes externas;
  • Formatação com cores, bordas e etc;
  • Responsividade;
  • Efeitos e Animações;

Tecnologias

Para o desenvolvimento desse projeto foram utilizadas as seguintes tecnologias:

  • Comunicação
    • Whatsapp
    • Discord
  • Desenvolvimento
    • Visual Studio Code
    • Git e Github
  • Linguagens
    • HTML
    • CSS