Giter Club home page Giter Club logo

t9-projeto-1-m-de-maravilhosa's Introduction

T9-projeto-1-m-de-maravilhosa

T9 | Front-end | 2020 | Semana 4 | Projeto 1 - M de Maravilhosa Professora: Priscila Theodoro

Agenda da Semana

  • 31/03: Apresentação, Introdução ao projeto e Revisão da semana.
  • 01/04: Planejar e Codar.
  • 02/04: Como está seu projeto? Tem dúvidas? / Codar
  • 03/04: Codar e envios de PullRequest.
  • 03/04: Finalização e Apresentação.

Projeto

Escolha um personlidade Maravilhosa que te inspira para criar uma página de perfil dela.

Requisitos obrigatórios:

  1. A página deve ser responsiva;
  2. Seguir o layout conforme protótipo Figma;
  3. Inserir na página principal o nome e a foto de sua maravilhosa;

Requisitos opcionais:

  1. Realizar o desenvolvimento mobile first;
  2. Criar uma página coom o seu perfil;

Protótipo Figma

Seguir o layout presente no link

Orientações

Copiar os arquivos do repositório da {reprograma}

  1. Fazer o fork desse repositório;

  2. Fazer o clone do projeto no seu repositório criado através do fork;

git clone "url do seu reposiório"
  1. Criar um branch com o seu nome, ex:
git checkout -b seu-nome
  1. Após o clone, abrir o projeto e ler com atenção o código do projeto.

  2. Criar a arquitetura de pastas seguindo o padrão abaixo.

ATENÇÃO - Este padrão não deve ser alterado

index.html
css/
  style.css
img/
  home-personalidade/
    ada-lovelace-home.png

personalidade/
  ada-lovelace/
    index.html
    css/
      style.css
    img/
      ada-lovelace-perfil.jpeg
      al-bg.jpeg
      al-historia.png

autora
  seu-nome/
    index.html
    css/
      style.css
    img/
    seu-nome-perfil.png

Personalidade: É a pasta na qual será criado o html, css e imagens da maravilhosa escolhida.

Autora: É a pasta na qual será criado o html, css e imagens de seu próprio perfil (opcional).

Index principal é o arquivo com todas as personalidades maravilhosas escolhidas pela turma, no qual cada aluna deverá editar apenas as informações para adicionar sua personalidade.

ATENÇÃO

  1. Para o index.html, você deve colocar uma imagem quadrada da personalidade na pasta img/home-personalidade
  2. O site deve conter no total 3 páginas (homepage, que já está pronta, personalidade e autora)

COMMIT

É boa prática realizar commits das alterações realizadas. Diariamente entre às 16h e 16h30 realizar commit das alterações realizadas localmente no projeto. Atenção Deve ser realizado ao menos um commit por dia, caso prefira pode realizar mais commits.

Fazendo um commit

Após realizar as alterações, salve, faça um commit e push para o seu repositório.

git add .

git commit -m "O que você alterou"

git push origin nome-da-sua-branch

t9-projeto-1-m-de-maravilhosa's People

Contributors

pritheodoro avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.