bootstrap exercises tutorial

Tutorial de Exercícios de Bootstrap na 4Geeks Academy

Oi! Eu sou Alejandro Sanchez @Alesanchezr, estou emocionado por ter você aqui! ? ? Aprender a codificar é difícil; Você precisa de treinamento! DM me no Twitter se você tiver alguma dúvida. Você estará aprendendo os seguintes conceitos:

Você estará aprendendo os seguintes conceitos:

1. Como aplicar o Bootstrap no seu site.

2. Selecionando elementos HTML do seu site para aplicar os estilos de bootstrap.

3. Aplique classes de bootstrap a esses elementos.

4. Use as regras de bootstrap mais populares.

5. Aprenda os truques de bootstrap mais populares.

Antes de começarmos ... outros tutoriais relacionados

1. Aprenda html
2. Aprenda formulários HTML
3. Aprenda CSS
4. Aprenda layouts CSS
5. Aprenda bootstrap ← você está aqui agora

Seleção completa de exercícios CSS autogrogados, qualquer pessoa interessada em aprender CSS!

Um clique em instalação (recomendado):

Você pode abrir esses exercícios em apenas alguns segundos clicando: Abrir em codespaces (recomendado) ou abrir no gitpod.

Depois de abrir o VSCODE, os exercícios do LearnPack devem começar automaticamente. Se os exercícios não funcionarem automaticamente, você pode tentar digitar no seu terminal: $ learnpack start

Instalação local:

Clone o repositório em seu ambiente local e siga as etapas abaixo:

1. Instale o LearnPack, o gerenciador de pacotes para tutoriais de aprendizado e o plug -in do compilador de nós para LearnPack, verifique se também possui o Node.js 14+:

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. Faça o download desses exercícios específicos usando o LearnPack e cd na pasta:

$ learnpack download bootstrap-exercises-tutorial
$ cd bootstrap-exercises-tutorial

NOTA: Depois de terminar o download, você encontrará uma pasta "Exercícios" que contém todos os exercícios dentro.

3. Inicie o tutorial/exercícios executando o seguinte comando no mesmo nível em que seu arquivo Learn.json é:

$ npm i [email protected] -g
$ learnpack start

Como os exercícios são organizados?

Cada exercício é um pequeno aplicativo de reação que contém os seguintes arquivos:

1. index.html: representa o arquivo de entrada para todo o exercício.
2. Readme.md: contém instruções de exercício.
3. Test.js: Você não precisa abrir este arquivo, ele contém o script de teste para o exercício.

NOTA: Os exercícios têm classificação automática, mas é muito rígido e rigoroso, minha recomendação é não fazer os testes muito sérios e usá -los apenas como uma sugestão, ou você pode ficar frustrado.

Colaboradores

Obrigado a essas pessoas maravilhosas (key emoji):

1. Alejandro Sanchez (Alesanchezr), Contribuição: (Coder) (Idea)?, (Testes de construção) ️ , (Pull-Request-Review)? (Build-Tutorial) ✅ (documentação)

Este projeto segue a especificação de todos os contribuintes. As contribuições de qualquer tipo são bem -vindas!

Este e muitos outros exercícios são construídos pelos alunos como parte do Bootcamp de codificação da 4Geeks Academy por Alejandro Sánchez e muitos outros colaboradores. Saiba mais sobre nosso curso completo de desenvolvedor de pilhas e bootcamp de ciência de dados.