1
00:00:00,720 --> 00:00:05,590
Una vez que hemos finalizado nuestro primer proyecto tenemos que hacerlo responsivo así se le conoce

2
00:00:05,590 --> 00:00:09,920
esa es la palabra o aplicar lo que se conoce como Responsive Web Design.

3
00:00:10,050 --> 00:00:15,820
Básicamente es hacerlo que el diseño se adapte a un teléfono móvil o una tablet.

4
00:00:15,870 --> 00:00:21,150
No sabemos de momento en qué van a navegar nuestros usuarios por lo tanto tenemos que garantizar y asegurarnos

5
00:00:21,420 --> 00:00:27,240
de que lo que decida navegar tendrán una buena experiencia cuando visiten nuestro sitio web.

6
00:00:27,270 --> 00:00:34,080
Primero vamos a ver que es Responsive Web Design es un enfoque que nos dice que nuestros diseños deberán

7
00:00:34,080 --> 00:00:40,800
adaptarse a las interacciones del usuario y la resolución que ellos utilizan.

8
00:00:40,800 --> 00:00:48,870
Un ejemplo de interacciones es por ejemplo cuando alguien navega en un sitio y están en un teléfono.

9
00:00:48,870 --> 00:00:54,840
Usualmente utilizan sus dedos es decir dan clic en un botón para acceder a un enlace y en el caso de

10
00:00:54,840 --> 00:00:57,250
una computadora utilizas el manos.

11
00:00:57,390 --> 00:01:04,520
Esas son las interacciones y son un poco diferentes mientras que en un teléfono móvil tal vez utilizas

12
00:01:04,530 --> 00:01:06,810
los dedos para ir de arriba hacia abajo e ir viendo.

13
00:01:06,840 --> 00:01:11,460
Por ejemplo cuando entras a Facebook o a Twitter comienzas a dar un poco de scroll de arriba hacia abajo

14
00:01:11,460 --> 00:01:16,380
con tu dedo en lo que viene siendo el más es un poco diferente porque lo haces con el más de arriba

15
00:01:16,380 --> 00:01:17,060
hacia abajo.

16
00:01:17,070 --> 00:01:22,890
Bueno en algunos casos también se puede hacerlo al revés pero son interacciones diferentes y el sitio

17
00:01:22,890 --> 00:01:26,850
web debe estar adaptado hacia esas interacciones.

18
00:01:26,850 --> 00:01:32,640
También es muy importante la resolución que nuestros usuarios utilizan.

19
00:01:32,640 --> 00:01:39,420
Es muy complicado saber en qué resoluciones van a visitar nuestro sitio web por lo tanto es muy importante

20
00:01:39,420 --> 00:01:45,030
que tus sitios web los que construyas deberán adaptarse a celulares tablets laptops computadoras de

21
00:01:45,030 --> 00:01:47,280
escritorio y televisores.

22
00:01:47,280 --> 00:01:51,070
Ahora tal vez tengas la duda como logro que mi sitio web sea responsive.

23
00:01:51,210 --> 00:01:57,630
Anteriormente el enfoque era crear dos o hasta tres sitios web era muy común incluso hoy en día hay

24
00:01:57,630 --> 00:02:03,970
sitios web donde entras y dice diagonal móvil o diagonal Fon o diagonal tablet.

25
00:02:04,200 --> 00:02:10,170
Eso ya no se usa hoy en día se tiene que utilizar lo que se conoce como mini Aquaris.

26
00:02:10,170 --> 00:02:16,950
La sintaxis de los Aquaris la primera vez si nunca lo has visto va a ser bastante extraña es algo así.

27
00:02:17,220 --> 00:02:22,800
Si ya tienes experiencia bueno tal vez ya sabes qué es lo que hace este código ya sabes cómo funcionan

28
00:02:23,190 --> 00:02:29,750
pero si no en el siguiente video vamos a comenzar a ver lo básico de los Miyako seris y lo que se conocen

29
00:02:29,760 --> 00:02:32,360
como estilos a la hora de escribir Milia QWERTY.

30
00:02:32,430 --> 00:02:33,830
Veámoslo en el siguiente video.