- Núcleo: Web
- Orientadores: Lávio Vale, Victor Hugo e Luiz Valverde
O projeto Portifólio Responsivo tem por objetivo aprimorar o aprendizado de HTML e CSS e iniciar o uso do JavaScript. O projeto possui o formato responsivo singlepage, com dois temas de cores, o Dark Theme e o Light Theme.
Com base no mockup² apresentado, usando HTML e CSS, construa a webpage do grupo social WeLoveDogs.
Acesse a issue da atividade para visualizar todos os requisitos que serão avaliados na hora da correção
¹Static multipage. Consiste em um modelo da Web de um site com várias páginas, construídas usando HTML e seu conteúdo não muda independemente da solicitação. A única forma de mudar o conteúdo apresentado é alterado diretamente o código da página. O servidor renderizará as página HTML sempre que o usuário clicar em um link no menu do site.
²Mockup é uma representação estática de um projeto, bem próximo do design final, o seu uso tem como finalidade representar a estrutura da informação, visualizar o conteúdo de forma estática, demonstrar as principais funcionalidades (de forma estática) e estimular os envolvidos a revisarem a parte visual (design) do projeto.
- Node Studio Treinamentos | HTML5 | CSS3 | HTML5 & CSS3 na Prática
- Convert A Figma Design To A Real Website Part.1 - GTCoding
- Convert A Figma Design To A Real Website Part.2 - GTCoding
Estrutura Básica
HTML Semântico
- HTML Semantic Elements - w3schools (Texto)
- Estrutura Semântica do HTML em 25 minutos - Ferreira Studios
- Semântica - Dica do Nerd
- Estruturação da página utilizando tags Semânticas do HTML5 - Tiago Segato
Form
Flexbox
Formatação geral
- Usando Google Fonts - Curso em Vídeo
- Unidades Relativas Part.1 - Ferreira Studios
- Unidades Relativas Part.2 - Ferreira Studios
- Espaçamentos e a mágica do CSS Box Model - Rocketseat
- Representando Cores com CSS3 - Curso em Vídeo
- Clone este repositório no seu computador
- Crie a partir da
mainuma nova branch com seu número de turma e nome. Por exemplo:1-josecaso pertença a turma 1. - Construa a sua atividade apenas nessa branch, e não hesite em pedir por ajuda caso tenha dificuldades
- Suba constantemente a sua branch para este repositório para possibilitar o acompanhamento por parte dos orientadores
- Para saber se finalizou a atividade, verifique cuidadosamente se todos os requisitos foram cumpridos
- Após finalizar a atividade, faça um merge request com o padrão de título:
[número da atividade]-[nome da atividade](por exemplo: 2 - Coffee Shop) - Esteja pronto para apresentar o que você fez na próxima RN (Reunião de Núcleo)