O documento fornece instruções sobre como estruturar aplicações front-end para web usando Bootstrap, incluindo baixar jQuery e Bootstrap, criar a estrutura do site referenciando arquivos CSS e JS, usar containers e grade de layout.

1. Programador web:
estruturar aplicações front end para web
BOOTSTRAP
1

2. Baixar o jQuery, ele irá abrir o código estilo txt, basta teclar CTRL+S
para salvar
https://jquery.com/download/
2
https://getbootstrap.com/docs/5.2/getting-started/download/
Baixar o BootStrap

3. Criar a estrutura e colar js e css dentro de assets
3

4. A Página index deverá ser simples e referenciar os arquivos do css e js
4

5. Veja em ferramentas do desenvolvedor no navegador chrome se não
há erros
5

6. SITE INTERESSANTE PARA PESQUISAR COMPATIBILIDADE
6
https://caniuse.com/?search=img

7. Programador web:
estruturar aplicações front end para web
CONTAINERS
7

8. Macete
* Digitar .container e teclar tab
8

9. Teste o Container largura fixa e o container total
9

10. SISTEMA DE GRID - GRADE
10

11. SISTEMA DE GRID - GRADE
11

12. 12

13. 13
.row
.row
.row
.container
.col-12
.col-12
.col-6 .col-6

14. Prática
14

15. Prática
15
div row 1
div container
div class 12
<header></header>
div row 2
div class 4 div class 8

16. Exercício 01
16

17. Exercício 02
17

18. Exercício 03
18