1
00:00:00,720 --> 00:00:02,470
Bien vamos a continuar.

2
00:00:02,580 --> 00:00:07,220
La mejor forma de empezar a trabajar con vostra es aplicándolo directamente.

3
00:00:07,350 --> 00:00:12,240
Sin embargo también en el sitio de vostra tenemos una gran documentación así que del lado izquierdo

4
00:00:12,240 --> 00:00:18,020
tenemos toda la información necesaria para ver el detalle de cómo trabajar con este framework así que

5
00:00:18,020 --> 00:00:24,490
por ejemplo tenemos los elementos de la Youth y vamos a estar utilizando por ejemplo este tipo de contenedores

6
00:00:24,640 --> 00:00:30,940
para agregar información en nuestra página también existe el concepto de grids que básicamente son las

7
00:00:30,940 --> 00:00:37,720
columnas que podemos agregar a nuestra página HTML y así podemos empezar a revisar cada uno de los elementos

8
00:00:37,870 --> 00:00:44,690
de los cuales se compone vostra una de las características que utiliza Bootstrap son las clases CSS

9
00:00:45,110 --> 00:00:52,540
así que existe infinidad de clases CSS para utilizar dentro de nuestros documentos HTML también otra

10
00:00:52,540 --> 00:00:59,660
característica son las tipografías que podemos utilizar ya si cada uno de los elementos que podemos

11
00:00:59,660 --> 00:01:12,490
empezar a utilizar podemos revisar toda la documentación el uso de imágenes el uso de tablas los componentes

12
00:01:12,490 --> 00:01:16,900
que tenemos disponibles como pueden ser los elementos de alerta

13
00:01:20,170 --> 00:01:23,020
este tipo de iconos que se conoce como batch

14
00:01:25,830 --> 00:01:32,760
los elementos de navegación que se conocen como Brett Broadcom tenemos botones de diferentes colores

15
00:01:32,760 --> 00:01:33,960
de diferentes estilos

16
00:01:37,360 --> 00:01:42,450
botones agrupados tenemos tarjetas.

17
00:01:42,680 --> 00:01:46,520
También vamos a agregar varios de sus tipos elementos a nuestra página

18
00:01:50,140 --> 00:01:51,730
tenemos el elemento de Carrusel

19
00:01:58,380 --> 00:02:01,860
así que todo esto lo vamos a poder utilizar dentro de nuestra aplicación.

20
00:02:01,920 --> 00:02:06,510
Obviamente no vamos a utilizar todos los elementos solamente vamos a utilizar algunos de ellos pero

21
00:02:06,510 --> 00:02:11,670
en esta documentación pueden encontrar todos los elementos de los cuales se compone vostra y los cuales

22
00:02:11,670 --> 00:02:14,150
pueden utilizar también en sus aplicaciones web

23
00:02:18,390 --> 00:02:21,930
botones como este ejemplo también botones de drop down

24
00:02:24,860 --> 00:02:25,960
formularios.

25
00:02:26,030 --> 00:02:28,940
También nosotros vamos a aplicar algunos de estos formularios

26
00:02:32,770 --> 00:02:38,120
elementos para hacer más completo nuestro formulario que se conocen como input Group

27
00:02:43,150 --> 00:02:46,200
también por ejemplo elementos de tipo modal.

28
00:02:46,200 --> 00:02:51,520
También vamos a utilizarlo así que vamos a estar utilizando varias de esas características.

29
00:02:51,520 --> 00:02:57,610
Por ejemplo si damos clic sobre el lonche de moda podemos observar que se despliega un pop modal.

30
00:02:57,680 --> 00:03:05,890
También vamos a estar utilizando dentro de la aplicación barras de navegación pero cualquier detalle

31
00:03:05,890 --> 00:03:11,680
pueden venir a esta documentación para revisar a detalle en qué consiste cada uno de estos elementos

32
00:03:15,520 --> 00:03:17,440
también tenemos la categoría de utilities

33
00:03:21,050 --> 00:03:26,710
y mucho de lo que se va a estar utilizando son los estilos para manejar los espacios

34
00:03:30,340 --> 00:03:32,280
y aquí viene toda la documentación.

35
00:03:32,300 --> 00:03:40,240
Por ejemplo si manejamos la letra P Va a hacer referencia al Padín del elemento que estamos manejando

36
00:03:40,570 --> 00:03:43,890
y posteriormente se puede manejar un ancho de este Padín.

37
00:03:43,900 --> 00:03:45,700
Por ejemplo si manejamos.

38
00:03:46,060 --> 00:03:54,640
P combinado de yé entonces lo que estamos diciendo que va a ser Padín superior e inferior y posteriormente

39
00:03:54,640 --> 00:04:00,190
si agregamos por ejemplo Pelle y lo combinamos con dos entonces entonces se va a utilizar un espacio

40
00:04:00,190 --> 00:04:07,420
de .5 y así podemos combinar el ancho del espacio que deseamos dejar ya sea con un manejamos un margen

41
00:04:07,690 --> 00:04:11,740
o manejemos el padre así que todo esto lo vamos a ir aplicando poco a poco.

42
00:04:11,830 --> 00:04:17,980
Sin embargo aquí pueden observar toda la documentación ejemplos y cómo funciona cada uno de estos elementos

43
00:04:18,510 --> 00:04:24,040
y así pueden revisar cada uno de estos elementos otra página que les recomendamos para empezar a trabajar

44
00:04:24,040 --> 00:04:24,860
con vostra.

45
00:04:24,910 --> 00:04:29,770
En dado caso de que también quieren revisar a más detalle esa tecnología pueden revisar el tutorial

46
00:04:29,800 --> 00:04:38,340
en la página desdobló UT3 Skulls puntocom diagonal vostra 4 ya que es la versión que vamos a estar utilizando.

47
00:04:38,520 --> 00:04:42,420
Y aquí vienen también la mayoría de los elementos que podemos trabajar con vostra

48
00:04:49,220 --> 00:04:51,440
así que también aquí pueden revisar los ejemplos

49
00:04:54,400 --> 00:04:59,510
y una de las ventajas de este tutorial es que viene un botón para que nosotros podamos hacer las pruebas

50
00:04:59,510 --> 00:05:01,850
directamente sobre el navegador.

51
00:05:01,850 --> 00:05:04,090
En este caso viene el botón Detroit yourself.

52
00:05:04,430 --> 00:05:09,780
Así que si damos clic podemos observar en este caso la primera página de vostra.

53
00:05:09,800 --> 00:05:16,850
La ventaja es que ya nos configura directamente cada uno de los links los ceses y los scripts para empezar

54
00:05:16,850 --> 00:05:23,090
a trabajar con vocean y podemos observar en la parte inferior el título de la primera página con vostra

55
00:05:25,360 --> 00:05:30,270
se está agregando un Dib y se están aplicando algunos estilos y se agrega el título.

56
00:05:30,380 --> 00:05:35,930
La primera página con Bushra y posteriormente un párrafo con el texto de que podemos cambiar el ancho

57
00:05:35,930 --> 00:05:39,240
de nuestra página para ver el efecto de vostra.

58
00:05:39,470 --> 00:05:49,310
Así que si cambiamos el ancho de nuestra página tenemos cierta cantidad de columnas y si cambiamos el

59
00:05:49,310 --> 00:05:55,580
ancho podemos observar que se ajustan estas columnas de manera automática así que dependiendo del ancho

60
00:05:56,160 --> 00:06:01,910
en automático Bootstrap va a hacer los ajustes necesarios para que se acomode esta información según

61
00:06:01,910 --> 00:06:02,510
convenga

62
00:06:08,700 --> 00:06:13,920
así que esa es una de las ventajas de utilizar Bohuslav ya que directamente se ajusta al espacio que

63
00:06:13,920 --> 00:06:21,820
tengamos dependiendo del dispositivo en el cual estemos utilizando esta aplicación web y así podemos

64
00:06:21,820 --> 00:06:24,670
ver cada uno de los ejemplos que contiene esta página

65
00:06:28,480 --> 00:06:35,790
y una de las ventajas es que nosotros podemos hacer los cambios que deseemos por ejemplo cambio de texto

66
00:06:36,210 --> 00:06:43,490
damos clic en Blom y podemos observar el cambio de manera inmediata así que esa es una muy buena página

67
00:06:43,490 --> 00:06:48,950
también para aprender Bushra y no solamente buscar sino también otras tecnologías pero en este caso

68
00:06:48,950 --> 00:06:50,170
estamos hablando de Bushra.

69
00:06:50,210 --> 00:06:55,730
Por lo tanto podemos hacer algunas prácticas para que nos familiarizamos con esa tecnología así que

70
00:06:55,730 --> 00:07:01,310
son los dos recursos que le recomendamos tanto la documentación de la página oficial de Bushra Bustio

71
00:07:01,410 --> 00:07:09,410
As.com y algunas docx y también la página de doble UT3 exculpe puntocom diagonal vostra 4 ya que es

72
00:07:09,410 --> 00:07:12,130
la versión que vamos a estar utilizando bien.

73
00:07:12,140 --> 00:07:16,850
Vamos a continuar en el siguiente vídeo ya empezamos a trabajar con nuestra aplicación y agregando varios

74
00:07:16,850 --> 00:07:18,090
elementos de vostra.

75
00:07:18,230 --> 00:07:23,660
Vamos a ir paso a paso y cualquier duda también pueden revisar esta documentación que ya les hemos mostrado.

76
00:07:23,780 --> 00:07:28,850
Para poner a prueba cada uno de los elementos que vamos a estar trabajando bien nos vemos en el siguiente

77
00:07:28,850 --> 00:07:29,360
vídeo.

78
00:07:29,360 --> 00:07:29,960
Saludos.