Unidade 02 CSS e Lição de casa de bootstrap: Portfólio Responsivo
O design responsivo garante que os aplicativos da Web renderizem bem em uma variedade de dispositivos e tamanhos de janela ou tela. Como desenvolvedor, você provavelmente será solicitado a criar um aplicativo móvel primeiro ou adicionar design responsivo a um aplicativo existente.
Instruções
- Use a estrutura CSS do Bootstrap para criar um portfólio responsivo para dispositivos móveis. Como você entrega isso?
- Crie os seguintes arquivos de arquivos:
- Usando o Bootstrap, desenvolva seu site de portfólio com os seguintes itens a. Uma barra naval b. Um layout responsivo c. Imagens responsivas O portfólio de bootstrap deve minimizar o uso de consultas de mídia.
Dicas
- Use o sistema de grade da Bootstrap (recipientes, linhas e colunas).
- Em uma tela
xs , o conteúdo deve ocupar toda a tela. Em sm e telas maiores, você deve ter algumas margens nos lados esquerdo e direito da tela. Confira vários sites no seu dispositivo móvel versus seu computador para ver exemplos dessas diferenças.
- Use um serviço de validação HTML para garantir que cada página tenha HTML válido. Extra pequeno <576px pequeno ≥576 px ≥768px grande ≥992px extra grande ≥1200px .Container 100% 540px 720px 960px 1140px .Container-SM 100% 540px 720px 960px 1140px. 1140px .Container-LG 100% 100% 100% 960px 1140px .Container-XL 100% 100% 100% 100% 1140px.
Requisitos mínimos
o Aplicativo funcional e implantado o repositório do GitHub com o ReadMe descrevendo o projeto o Navbar deve ser consistente em cada página. o Navbar em cada página deve conter links para páginas de casa/sobre, contato e portfólio. o Todos os links devem funcionar. o Deve usar HTML semântico. o Cada página deve ter html válido e correto. (Use um serviço de validação) o deve conter suas informações personalizadas. (Biografia, nome, imagens, links para mídias sociais, etc.) o deve utilizar corretamente os componentes do bootstrap e o sistema de grade.
Bônus
- Usando o bootstrap, faça um rodapé pegajoso e use sub-fileiras e sub-colunas no site do seu portfólio ( dica: confira a documentação do bootstrap).
Cometer cedo e frequentemente
- Uma das habilidades mais importantes para dominar como desenvolvedor da web é o controle de versão. Construir o hábito de se comprometer via Git é importante por dois motivos: seu histórico de compromissos
- é um sinal para os empregadores que você está trabalhando ativamente em projetos e aprendendo novas habilidades.
- Permite reverter sua base de código no caso de você precisar retornar a um estado anterior.
Siga estas diretrizes para cometer:
- Faça os compromissos de fins únicos para alterações relacionadas para garantir um histórico limpo e gerenciável. Se você estiver corrigindo dois problemas, faça dois commits.
- Escreva mensagens de confirmação descritivas e significativas para que você e qualquer pessoa que olhem para o seu repositório possa entender facilmente sua história.
- Não cometê-lo, por causa de seus colaboradores (e seu futuro eu!).
- Teste seu aplicativo antes de se comprometer para garantir a funcionalidade em todas as etapas do processo de desenvolvimento.
Gostaríamos que você tivesse mais de 200 compromissos por graduação, então se comprometa cedo e com frequência!
Submissão no BCS
Você deve enviar o seguinte:
- Os URLs dos aplicativos implantados isso significa apenas o URL para cada arquivo HTML?
- Os URLs dos repositórios do GitHub
- As capturas de tela são fornecidas como uma referência na pasta de
Assets/Images . Seu aplicativo não precisa ser exatamente como as imagens. Use Bootstrap para criar um layout semelhante e responsivo.
C: Users Jonpc Google Drive Bootcamp UNC-CHH-FSF-PT-03-2020-UC Mathcodes.github.io Lição de casa Homework2 readme.md
