Instalação do Bootstrap

• Verificar se tem o Nodejs instalado na máquina, caso contrário instalar. https://nodejs.org/en/
• No terminal, na pasta do projeto executar: npm init e responder as perguntas
• Instalar o bootstrap: npm install bootstrap
• Copiar os arquivos .js e .css que estão em node_modules/bootstrap/dist para sua pasta do projeto em que consta os arquivos js e css
• Chamar os arquivos do bootstrap no index.html, lembrar de chamar sempre após os arquivos do Jquery

Instalação do Jquery

• Instalar o jquery: npm install jquery
• Copiar o arquivo jquery.slim.min.js que está em node_modules/jquery/dist para sua pasta do projeto em que consta os arquivos js
• Chamar o arquivo do jquery no index.html, lembrar de chamar sempre antes dos arquivos do Bootstrap

Criando Arquivo Git Ignore

Na raíz do projeto criar um arquivo com o nome .gitignore Dentro desse arquivo você vai colocar os arquivos que não serão enviados no push do git, por exemplo a pasta com as nossas bibliotecas: node_modules

Planejamento - Bootstrap

Planejamento da aula da Reprograma da T6 sobre Bootstrap

aula 1

Nesta primeira aula irei abordar brevemente os frameworks de css usados no mercado, a importância de aprender bootstrap e os prós e contras de usá-lo. Slides: https://docs.google.com/presentation/d/10SqDClB9mymaVEBu9wBy9k4tdtoESua9VcK27NPgVug/edit?usp=sharing

Explicarei data-toggle, data-target e vamos trabalhar os principais componentes do bootstrap. Para esse exercício vou usar o seguinte modelo: https://blackrockdigital.github.io/startbootstrap-modern-business/

aula 2

Nesta aula vamos desenvolver um portfólio. Nosso modelo será esse: https://dutra21.github.io

aula 3

Continuaremos desenvolvendo o portfólio

aula 4

Validação do formulário e subir o portfolio no github

aula 5

Vamos subir nosso portfolio no netlify, integrar formulario e fazer revisão.