1
00:00:00,750 --> 00:00:01,820
Bem-vindo a você e excel.

2
00:00:02,130 --> 00:00:05,380
Então, esta unidade é uma ferramenta chamada Bootstrap bootstrap.

3
00:00:05,420 --> 00:00:08,580
É um sucesso realmente útil na biblioteca javascript.

4
00:00:08,580 --> 00:00:11,740
Falaremos mais sobre o que é uma biblioteca e o que isso significa na próxima unidade.

5
00:00:11,940 --> 00:00:17,430
Mas, basicamente, isso nos ajuda a fazer sites muito bons, muito mais rápido do que seria sem isso.

6
00:00:17,430 --> 00:00:21,600
E nisto, você sabe que temos quatro objetivos principais e, em seguida, dois projetos que faremos no final.

7
00:00:22,080 --> 00:00:27,480
O primeiro objetivo é que eu só quero poder explicar o que o bootstrap é o que é uma biblioteca

8
00:00:27,480 --> 00:00:28,650
e como eles funcionam.

9
00:00:28,650 --> 00:00:34,000
Então, conceitualmente, uma rápida visão geral de como essas peças se encaixam e o que é uma biblioteca.

10
00:00:34,140 --> 00:00:38,580
E então eu quero que você possa incluir o bootstrap em suas próprias aplicações de duas maneiras diferentes.

11
00:00:38,580 --> 00:00:41,470
O primeiro é baixá-lo e incluí-lo localmente.

12
00:00:41,820 --> 00:00:44,640
E o segundo é usando algo chamado Cdn.

13
00:00:44,700 --> 00:00:49,640
E então, uma vez que você instalou, há dois objetivos que se relacionam com o uso do bootstrap. O

14
00:00:49,650 --> 00:00:52,610
Boucek vem com um monte de componentes diferentes, muitas peças diferentes.

15
00:00:52,680 --> 00:00:54,680
E vou destacar alguns dos mais importantes.

16
00:00:54,720 --> 00:00:59,640
os controles de formulário e bootstrap os botões das barras de navegação e alguns dos outros componentes importantes.

17
00:00:59,640 --> 00:01:03,270
Então, nosso terceiro objetivo é que você se sinta confortável usando coisas como

18
00:01:03,390 --> 00:01:08,370
E então o quarto objetivo é que você se sinta confortável usando o sistema de grade Boucek para

19
00:01:08,370 --> 00:01:09,610
criar layouts agradáveis ​​e responsivos.

20
00:01:09,750 --> 00:01:12,900
E vamos passar muito tempo sobre isso porque há muito a saber sobre a grade.

21
00:01:12,910 --> 00:01:16,860
Teremos alguns vídeos dedicados a ele, bem como os dois últimos projetos.

22
00:01:16,860 --> 00:01:21,810
Então, o primeiro projeto será uma galeria de imagens baseada em inicialização, tal como fizemos na última unidade onde fizemos

23
00:01:21,810 --> 00:01:26,340
uma galeria de imagens, mas isso será usado em Boucek e estou fazendo isso realmente para que você

24
00:01:26,340 --> 00:01:27,630
possa comparar as duas experiências.

25
00:01:27,630 --> 00:01:32,070
Veja como é fácil criar algo sem bootstrap do que a facilidade de fazê-lo com o bootstrap.

26
00:01:32,490 --> 00:01:36,730
Parecerá um pouco diferente e não será tudo preto e branco terá uma barra de navegação

27
00:01:36,730 --> 00:01:38,250
diferente, então será uma experiência diferente.

28
00:01:38,250 --> 00:01:43,220
E então o projeto final é que vamos criar uma página de destino para uma inicialização fictícia e

29
00:01:43,220 --> 00:01:44,880
não só usar muitos componentes também.

30
00:01:44,910 --> 00:01:50,160
O sistema de grade agora bloqueia alguns dos botões e bootstrap e, basicamente, tudo o que

31
00:01:50,160 --> 00:01:51,610
cobrimos até agora nesta unidade.

32
00:01:52,250 --> 00:01:56,770
E antes de começar, gostaria de salientar que esta é a nossa última unidade de avaliação única.

33
00:01:57,000 --> 00:01:58,620
Em seguida, vamos abordar o javascript.

34
00:01:58,620 --> 00:02:03,750
Vamos dar um passo atrás de fazer sites fazer aplicativos reais que parecem legais apenas

35
00:02:03,750 --> 00:02:07,290
para se concentrar em Javascript, mas depois voltaremos a vigorar.

36
00:02:07,290 --> 00:02:10,950
Uma vez que você terminar, o mercado de trabalho básico começará a fazer uma solicitação para obter.

37
00:02:11,100 --> 00:02:14,520
Então, esta é a nossa última chance de fazer alguns produtos acabados reais.

38
00:02:14,580 --> 00:02:17,240
Então é por isso que estamos fazendo dois projetos sólidos no final deste ano.

39
00:02:17,640 --> 00:02:18,700
Ok, vamos começar.