1
00:00:00,540 --> 00:00:05,970
Vamos a continuar trabajando o aprendiendo un poco más de los fundamentos de la programación web.

2
00:00:06,030 --> 00:00:12,140
Vamos a ver por ejemplo qué necesitas saber para convertirte en un desarrollador front en como vimos

3
00:00:12,140 --> 00:00:17,870
ya tenemos tecnologías del lado del cliente de tecnologías del lado del servidor y no es necesario que

4
00:00:17,870 --> 00:00:25,340
sepas todas hay unas que son específicas para cada puesto y tecnologías Web que debes aprender para

5
00:00:25,340 --> 00:00:29,450
ser desarrollador front en HTML HTML.

6
00:00:29,450 --> 00:00:34,940
Yo creo que debe ser independientemente de si es front end o Bakken es el lenguaje que debe de aprenderse

7
00:00:34,940 --> 00:00:42,650
siempre se también y JavaScript este es el más importante de los tres para ser un real desarrollador

8
00:00:42,650 --> 00:00:49,310
front end vamos a ver qué otro debes de saber qué más debes de saber además de JavaScript obviamente.

9
00:00:49,460 --> 00:00:55,670
JavaScript es un lenguaje de programación requiere saber cómo crear funciones como crear clases las

10
00:00:55,670 --> 00:01:04,100
distintas funciones que el lenguaje ya tiene casi cada lenguaje que aprendas tiene 2000 3000 o 4000

11
00:01:04,100 --> 00:01:06,170
funciones ya escritas en el lenguaje.

12
00:01:06,170 --> 00:01:11,630
Obviamente no todas se usan pero también tienes que saber crear tus funciones saber qué es un arreglo

13
00:01:12,140 --> 00:01:14,650
cómo iterar un arreglo etcétera.

14
00:01:15,790 --> 00:01:20,340
Además de eso tienes que saber algo que se conoce como el DOM scripting lo veremos un poco más adelante.

15
00:01:21,240 --> 00:01:28,350
También lo que son las web APIs esto es un lápiz que existe en el HTML 5 HTML5 la nueva versión tiene

16
00:01:28,350 --> 00:01:31,770
muchas cosas que anteriormente no había.

17
00:01:31,770 --> 00:01:33,480
Algunas de estas son geo location.

18
00:01:33,480 --> 00:01:40,320
Es como cuando pides un Uber y el dispositivo accede a los mapas de Google Maps y encuentra la ubicación

19
00:01:40,320 --> 00:01:40,800
donde estás.

20
00:01:40,800 --> 00:01:43,890
Eso ya se puede hacer con JavaScript y HTML.

21
00:01:44,190 --> 00:01:50,340
También está lo que se conoce como locales Storage y hay muchas otras que se pueden utilizar ya en las

22
00:01:50,340 --> 00:01:59,250
APIs de HTML5 también de lo que viene siendo Jayson este formato ha ganado mucho últimamente también

23
00:01:59,280 --> 00:02:01,500
lo veremos un poco más adelante.

24
00:02:01,620 --> 00:02:09,240
Son temas que yo creo que todo desarrollador front end debe de conocer a fondo hay otros que lo que

25
00:02:09,240 --> 00:02:15,270
se conoce como accesibilidad se le conoce como área y un video totalmente de accesibilidad.

26
00:02:15,270 --> 00:02:21,900
Y hay otros que son opcionales en mi opinión si lo sabes esto te va a poner un poco más delante de otros

27
00:02:21,900 --> 00:02:23,300
desarrolladores de frontend.

28
00:02:24,300 --> 00:02:28,810
Algunos de estos son por ejemplo cms.

29
00:02:28,910 --> 00:02:35,660
Hay un video también de ese MSS tal vez ya hayas trabajado con uno como WordPress Drupal o chumba también

30
00:02:35,660 --> 00:02:40,970
tenemos lo que viene siendo no es no ella te va a permitir crear o convertirte en un desarrollador full

31
00:02:40,970 --> 00:02:47,030
stack Füle stakes un desarrollador que puede escribir tanto froten como Bakken y nos Gillies es una

32
00:02:47,030 --> 00:02:54,740
plataforma que te permite consultar bases de datos crear usuarios etcétera tal cual un lenguaje de programación

33
00:02:54,740 --> 00:02:55,900
de Bakken.

34
00:02:56,060 --> 00:03:02,000
También vamos a ver lo que es el diseño Crass Browser es importante también saber hacer esto a qué me

35
00:03:02,000 --> 00:03:07,310
refiero con diseño Crass browser a veces sobre todo en Internet Explorer.

36
00:03:07,310 --> 00:03:12,620
Algunas veces los sitios web que hacemos no se ven bien en Internet Explorer y si se ven bien en Crom

37
00:03:13,040 --> 00:03:18,620
Chrome es uno de los mejores navegadores que vas a encontrar Internet Explorer a pesar de que muchas

38
00:03:18,620 --> 00:03:22,880
veces ellos dictaban lo que eran los estándares ni ellos los respetaban.

39
00:03:23,390 --> 00:03:29,690
Entonces hacer que un sitio web se vea medianamente bien en Internet Explorer es algo que un desarrollador

40
00:03:29,690 --> 00:03:35,930
front end debe de saber hacer también algo que se le conoce como responsive design.

41
00:03:36,200 --> 00:03:43,910
Es muy importante hoy en día las personas navegan desde su teléfono su tablet y próximamente lo hagan

42
00:03:43,910 --> 00:03:44,920
desde su reloj.

43
00:03:44,950 --> 00:03:52,610
Ahora que ya tenemos los smartwatch también con Internet de las cosas vemos que ya hay lavadoras refrigeradores

44
00:03:52,640 --> 00:03:59,000
que se conectan a Internet entonces hay una gran cantidad de dispositivos incluso las televisiones también

45
00:03:59,050 --> 00:04:02,070
ya todas van teniendo acceso a Internet.

46
00:04:02,300 --> 00:04:11,800
Hay un video exclusivo de responsivo Oddysey un poco más adelante más tareas o más características aprender

47
00:04:11,800 --> 00:04:14,920
algo que se conoce como MBC o MPM.

48
00:04:14,980 --> 00:04:21,280
Es muy importante hoy en día la mayoría de los engorroso de JavaScript que te pueden hacer ganar bastante

49
00:04:21,280 --> 00:04:26,290
dinero están hechos siguiendo estos paradigmas de programación entonces es muy importante hacerlo control

50
00:04:26,290 --> 00:04:27,520
de versiones.

51
00:04:27,520 --> 00:04:32,860
Si vas a trabajar tú solo tal vez no tanto pero si vas a trabajar en un grupo con otros programadores

52
00:04:33,220 --> 00:04:38,050
es muy importante conocerlos al menos uno es el más popular de todos.

53
00:04:38,110 --> 00:04:43,870
Hay un video también de control de versiones un poco más adelante control de versiones por cierto también

54
00:04:43,870 --> 00:04:51,100
es algo que debe de saber Bakken sobre todo Bakken Front en ambos Rest y PIAI ese es un tema muy importante

55
00:04:51,100 --> 00:04:59,920
hoy en día es el corazón de muchas aplicaciones móviles Android y es entonces también es importante

56
00:05:00,520 --> 00:05:09,070
conocerlo y también lo que viene siendo el CIO o SEO Search Engine Optimization o posicionamiento en

57
00:05:09,070 --> 00:05:15,520
buscadores esto es permitir el sitio web que estamos desarrollando permitirlo escalar en posiciones

58
00:05:15,520 --> 00:05:17,160
en los buscadores por ejemplo en Google.

59
00:05:17,170 --> 00:05:22,960
Si alguien busca tutorial de aprender a programar páginas web que te pueda hacer salir en los primeros

60
00:05:22,960 --> 00:05:30,010
resultados y eso es importante saber hacerlo hay un video donde doy tips sobre cómo manejar el SEO para

61
00:05:30,010 --> 00:05:31,540
tus proyectos.

62
00:05:31,930 --> 00:05:37,720
También algo que se le conoce como Uruguay framing hay un video también de esto pero es crear los prototipos

63
00:05:38,170 --> 00:05:41,170
de cómo se va a ver el sitio web el acomodo etcétera.

64
00:05:41,260 --> 00:05:46,450
Usualmente cuando creamos una página web no creamos el código directamente sino que creamos lo que se

65
00:05:46,450 --> 00:05:53,110
le conoce como un Warframe que es como un diseño como si fuera un papel que no te toma 15 o 20 minutos

66
00:05:53,110 --> 00:05:59,890
hacer te permite reacomodar eliminar borrar ciertas partes del diseño si es en papel si Hessen en un

67
00:05:59,890 --> 00:06:06,250
programa que es como lo veremos un poco más adelante pues es aún más fácil porque puedes mover los elementos

68
00:06:06,250 --> 00:06:08,140
sin escribir nada de código.

69
00:06:08,450 --> 00:06:14,470
Hay un video y también una demostración más adelante también Chicco herí y Kairi.

70
00:06:14,710 --> 00:06:21,160
Parece que hoy en día todo el mundo odia Vickery pero proyecto eres muy muy popular y va a seguir ahí

71
00:06:21,250 --> 00:06:27,670
muchos años ahora que ya salieron otros frameworks como angular Beak o bullies pareciera que Cuadri

72
00:06:28,150 --> 00:06:34,390
ya tiene mala fama pero va a seguir ahí muchos años y aprenderlo sigue siendo muy importante.

73
00:06:34,390 --> 00:06:39,840
También developer tools es uno de los temas más importantes como desarrollador froten developer Tux

74
00:06:39,850 --> 00:06:46,950
te va a permitir inspeccionar elementos de tu código saber por qué no está funcionando algo si algunas

75
00:06:47,000 --> 00:06:49,800
variable por ejemplo no está declarada etcétera.

76
00:06:49,930 --> 00:06:55,600
Tener muchas herramientas que te van a ayudar a identificar los problemas o por qué tu código algunas

77
00:06:55,600 --> 00:06:58,330
ocasiones no funciona como debe.

78
00:06:58,330 --> 00:07:05,340
Ahí también hay un video de demostración de Developer Tools un poco más adelante y finalmente Ayax hoy

79
00:07:05,400 --> 00:07:12,190
Auxi fecha y y otras nuevas tecnologías van a seguir también muchos años es muy importante conocerlo

80
00:07:12,200 --> 00:07:17,710
también y en pocas palabras Ayax lo que nos permite es como cuando realizamos una búsqueda en Google

81
00:07:17,710 --> 00:07:25,150
Maps Google Maps te permite hacer scroll y se van abriendo las demás calles no hay necesidad de recargar

82
00:07:25,150 --> 00:07:32,860
la página Ayax realiza una petición al servidor y es la forma en que comunicas código Javascript con

83
00:07:32,860 --> 00:07:39,250
el servidor sin necesidad de tener que recargar la página es algo que todavía se utiliza bastante a

84
00:07:39,250 --> 00:07:44,050
pesar de que pareciera que hay hacks también ya va quedando en el olvido por nuevas tecnologías como

85
00:07:44,050 --> 00:07:51,550
fetch y PIAI estas para mí son clave si quieres ser un desarrollador front en el siguiente video vamos

86
00:07:51,550 --> 00:07:55,710
a continuar trabajando con los fundamentos de programación web.