1
00:00:00,750 --> 00:00:01,820
Bienvenido a ti y excel.

2
00:00:02,130 --> 00:00:05,380
Entonces, esta unidad se trata de una herramienta llamada Bootstrap bootstrap.

3
00:00:05,420 --> 00:00:08,580
Es un éxito realmente útil en la biblioteca javascript.

4
00:00:08,580 --> 00:00:11,740
Hablaremos más sobre qué es una biblioteca y qué significa eso en la próxima unidad.

5
00:00:11,940 --> 00:00:17,430
Pero básicamente nos ayuda a hacer sitios realmente atractivos mucho más rápido de lo que lo haríamos sin él.

6
00:00:17,430 --> 00:00:21,600
Y en esto, usted sabe que tenemos cuatro objetivos principales y luego dos proyectos que haremos hacia el final.

7
00:00:22,080 --> 00:00:27,480
El primer objetivo es que solo quiero poder explicar qué bootstrap es qué es una biblioteca

8
00:00:27,480 --> 00:00:28,650
y cómo funcionan.

9
00:00:28,650 --> 00:00:34,000
Así que, conceptualmente, una visión general rápida de cómo encajan estas piezas y qué es una biblioteca.

10
00:00:34,140 --> 00:00:38,580
Y luego quiero que pueda incluir bootstrap en sus propias aplicaciones de dos maneras diferentes.

11
00:00:38,580 --> 00:00:41,470
El primero es descargarlo e incluirlo localmente.

12
00:00:41,820 --> 00:00:44,640
Y el segundo es mediante el uso de algo que se llama Cdn.

13
00:00:44,700 --> 00:00:49,640
Y una vez que lo tienes instalado, hay dos objetivos que se relacionan con el uso de bootstrap. Boucek

14
00:00:49,650 --> 00:00:52,610
viene con un montón de diferentes componentes y muchas piezas diferentes.

15
00:00:52,680 --> 00:00:54,680
Y voy a destacar algunos de los más importantes.

16
00:00:54,720 --> 00:00:59,640
controles de formulario y que arranque los botones de las barras de navegación y algunos de los otros componentes importantes.

17
00:00:59,640 --> 00:01:03,270
Por lo tanto, nuestro tercer objetivo es que te sientas cómodo utilizando elementos como los

18
00:01:03,390 --> 00:01:08,370
Y luego, el cuarto objetivo es que te sientas cómodo usando el sistema de grillas de Boucek

19
00:01:08,370 --> 00:01:09,610
para hacer diseños agradables.

20
00:01:09,750 --> 00:01:12,900
Y pasaremos mucho tiempo con eso porque hay mucho que saber sobre la grilla.

21
00:01:12,910 --> 00:01:16,860
Tendremos algunos videos dedicados a él, así como los dos últimos proyectos.

22
00:01:16,860 --> 00:01:21,810
Entonces, el primer proyecto será una galería de imágenes basada en el arranque, tal como lo hicimos en la última unidad

23
00:01:21,810 --> 00:01:26,340
donde hicimos una galería de imágenes, pero esto se usará en Boucek y lo estoy haciendo realmente para que

24
00:01:26,340 --> 00:01:27,630
pueda comparar las dos experiencias.

25
00:01:27,630 --> 00:01:32,070
Vea lo fácil que es crear algo sin bootstrap que lo fácil que es hacerlo con bootstrap.

26
00:01:32,490 --> 00:01:36,730
Se verá un poco diferente y no será todo negro y blanco tendrá una barra de navegación diferente,

27
00:01:36,730 --> 00:01:38,250
por lo que será una experiencia diferente.

28
00:01:38,250 --> 00:01:43,220
Y luego, el proyecto final es que vamos a crear una página de inicio para una startup ficticia y

29
00:01:43,220 --> 00:01:44,880
no solo a usar muchos componentes también.

30
00:01:44,910 --> 00:01:50,160
El sistema de grillas ahora bloquea algunos de los botones y el arranque, y básicamente todo lo que hemos cubierto

31
00:01:50,160 --> 00:01:51,610
hasta ahora en esta unidad.

32
00:01:52,250 --> 00:01:56,770
Y antes de comenzar, quiero señalar que esta es nuestra última unidad de evaluación única.

33
00:01:57,000 --> 00:01:58,620
A continuación, vamos a cubrir javascript.

34
00:01:58,620 --> 00:02:03,750
Vamos a dar un paso atrás para hacer que los sitios web no creen aplicaciones reales que se vean

35
00:02:03,750 --> 00:02:07,290
bien simplemente para enfocarnos en Javascript, pero luego regresaremos con toda la fuerza.

36
00:02:07,290 --> 00:02:10,950
Una vez que termine, los conceptos básicos del mercado de trabajo comenzarán a hacer la solicitud para obtener.

37
00:02:11,100 --> 00:02:14,520
Así que esta es nuestra última oportunidad de hacer un poco de productos terminados reales.

38
00:02:14,580 --> 00:02:17,240
Entonces, es por eso que estamos haciendo dos proyectos sólidos a fines de este año.

39
00:02:17,640 --> 00:02:18,700
Bien, empecemos.