La historia completa de JavaScript

EDteam
2 Apr 202224:42

Summary

TLDREste vídeo ofrece una retrospectiva emocionante de la historia de JavaScript, desde su creación en una semana por Brendan Eich en 1994 hasta su dominio en la industria del desarrollo de software. Cubre su ascenso a la popularidad, la fatiga de JavaScript, y su impacto en la creación de Firefox y Google Chrome. Explica la guerra de los navegadores, la lucha de Netscape contra Microsoft, y cómo JavaScript fue vilipendiado y luego resucitado con el estándar ECMAScript. Finalmente, destaca la evolución de JavaScript con frameworks como Angular, React, y Vue, y la importancia de aprender TypeScript y otros entornos para ampliar las oportunidades profesionales.

Takeaways

  • 😀 JavaScript es uno de los lenguajes de programación más populares en el mundo y ha dominado el desarrollo front-end.
  • 🌐 Durante la década de 2010 a 2020, JavaScript fue el lenguaje más utilizado en el desarrollo de software.
  • 🛠️ JavaScript fue creado en solo una semana por Brendan Eich en 1994 para ser utilizado en el navegador Netscape.
  • 🔥 La creación de JavaScript desató la 'Guerra de los Navegadores' entre Netscape y Microsoft, con Internet Explorer y Netscape Navigator compitiendo ferozmente.
  • 🔗 JavaScript originalmente se llamó LiveScript, pero se cambió el nombre para capitalizar la popularidad de Java en ese momento.
  • 📚 A pesar de su rápida creación, JavaScript tuvo un desarrollo problemático inicial y fue objeto de críticas por parte de la comunidad de programadores.
  • 📈 A lo largo de los años, JavaScript ha evolucionado significativamente, con nuevas versiones y estándares ECMAScript que han mejorado su funcionalidad y aceptación.
  • 🚀 El lanzamiento de Google Chrome en 2008 con su motor V8 aceleró el rendimiento de JavaScript, lo que permitió el desarrollo de aplicaciones web más complejas.
  • 🌟 La aparición de frameworks como React, Angular y Vue.js ha transformado el desarrollo front-end y ha llevado a una mayor adopción de JavaScript en proyectos de gran escala.
  • 🌐 JavaScript ha expandido su alcance más allá del navegador, permitiendo su uso en servidores con Node.js y en múltiples plataformas con tecnologías como Electron y Progressive Web Apps.

Q & A

  • ¿Qué lenguaje de programación dominó el desarrollo de software durante la década del 2010 al 2020?

    -JavaScript fue el lenguaje de programación que dominó el desarrollo de software durante esa década, llegando a ser el número uno en popularidad.

  • ¿Cuál fue el primer navegador masivo de la historia y qué significó su aparición?

    -El primer navegador masivo de la historia fue Mosaic. Su aparición significó el comienzo de la democratización del acceso a Internet, pasando de ser una herramienta solo para la elite tecnológica a estar disponible para el público en general.

  • ¿Qué empresa contrató a Brendan Eich y para qué?

    -Netscape contrató a Brendan Eich para crear un lenguaje de programación que funcionara en el navegador, lo que eventualmente resultó en JavaScript.

  • ¿Por qué se cambió el nombre de 'LiveScript' a 'JavaScript'?

    -Se cambió el nombre de 'LiveScript' a 'JavaScript' como una estrategia de marketing para capitalizar en la popularidad del lenguaje Java en ese momento, aunque ambos lenguajes son completamente diferentes.

  • ¿Qué organismo lanzó el primer estándar para JavaScript y en qué año?

    -El estándar para JavaScript fue lanzado por la organización ECMA, y la primera versión fue en el año 1997.

  • ¿Cuál fue el impacto de la publicación del libro 'JavaScript: The Good Parts' por Douglas Crockford?

    -El libro 'JavaScript: The Good Parts' de Douglas Crockford ayudó a revitalizar la percepción de JavaScript, mostrando que no era un lenguaje malo sino que muchos programadores lo estaban utilizando de manera incorrecta.

  • ¿Qué navegadores compitieron en la segunda guerra de los navegadores y cuál fue el resultado?

    -Firefox y Google Chrome compitieron en la segunda guerra de los navegadores. Firefox, respetando los estándares de JavaScript y ofreciendo características innovadoras, consiguió una gran aceptación entre los desarrolladores y usuarios, desafiando la dominancia de Internet Explorer.

  • ¿Qué significó el lanzamiento de Google Chrome para el ecosistema de JavaScript?

    -El lanzamiento de Google Chrome, con su motor de JavaScript V8, significó un avance significativo en la velocidad y el rendimiento de las aplicaciones web, impulsando el desarrollo de aplicaciones web más complejas y rápidas.

  • ¿Cuál fue el impacto de jQuery en el desarrollo web con JavaScript?

    -jQuery simplificó enormemente el desarrollo web con JavaScript al normalizar la manera de interactuar con los navegadores y proporcionar un conjunto de funciones útiles y fáciles de usar, lo que llevó a una mayor adopción de JavaScript en el desarrollo front-end.

  • ¿Qué es Node.js y cómo cambió la perspectiva sobre JavaScript?

    -Node.js es un entorno de ejecución que permite ejecutar JavaScript fuera del navegador, en el servidor. Esto cambió la perspectiva sobre JavaScript, permitiendo su uso no solo para el desarrollo front-end sino también back-end, y expandiendo así su alcance y aplicaciones.

Outlines

00:00

🌐 JavaScript y su Impacto en la Tecnología

El primer párrafo introduce el video y la importancia de JavaScript en el mundo de la tecnología. Se menciona que JavaScript es uno de los lenguajes de programación más populares y domina el desarrollo front-end. También se toca el tema de la 'fatiga de JavaScript' y se anuncia un evento de la 'Semana de la Tecnología' con descuentos en cursos y lanzamiento de cursos premium gratis. Se habla de dos cursos específicos: uno sobre microservicios y otro sobre crecimiento en TikTok. Finalmente, se menciona la historia de JavaScript y cómo ha impactado el desarrollo de software, iniciando con la aparición de Netscape y la creación de Internet Explorer por parte de Microsoft.

05:02

💡 Creación y Evolución de JavaScript

Este párrafo detalla la creación de JavaScript por Brendan Eich en Netscape, y cómo nació en una semana durante la guerra de navegadores contra Internet Explorer. Se menciona el cambio del nombre de 'LiveScript' a 'JavaScript' para capitalizar en la popularidad de Java. También se discute la creación de 'JScript' por Microsoft y la necesidad de un estándar para JavaScript, que llevó a la publicación del ECMAScript. Se aborda la falta de actualizaciones en la especificación de JavaScript durante una década y cómo este período影响了 la percepción del lenguaje en la comunidad de desarrolladores.

10:02

🔄 La Revolución de JavaScript y el surgimiento de jQuery

El tercer párrafo explora la transición de JavaScript de ser considerado un lenguaje básico para animaciones a una herramienta esencial para el desarrollo web. Se destaca el impacto del libro 'JavaScript: The Good Parts' de Douglas Crockford y la creación de JSON. Además, se aborda la llegada de jQuery en 2006, que simplificó el desarrollo front-end y permitió escribir código cross-browser sin tener que preocuparse por las diferencias entre los navegadores.

15:05

🚀 Avances en la Tecnología de Navegadores y Lenguajes de Programación

Este segmento habla sobre la competencia entre Firefox y Internet Explorer y cómo la apertura de código fuente de Netscape llevó a la creación de Firefox. Se discute la importancia de respetar los estándares de programación y cómo la llegada de Google Chrome con su motor JavaScript V8 marcó un punto de inflexión en la velocidad y el rendimiento de los navegadores. También se menciona la influencia de Chrome en el mercado y cómo la muerte de Internet Explorer y el nacimiento de Edge cambiaron el panorama del navegador web.

20:05

🌟 El Aumento del Ecosistema JavaScript

El último párrafo abarca la expansión del uso de JavaScript más allá del navegador con la introducción de Node.js, lo que permitió ejecutar JavaScript en el servidor. Se habla de la creación de varios frameworks como Angular, React y Vue, y cómo han influido en el desarrollo web. Además, se menciona TypeScript y su impacto en el ecosistema de JavaScript. El vídeo termina con una reflexión sobre la evolución de JavaScript desde 1994 y cómo ha cambiado el panorama del desarrollo de software, animando a los espectadores a aprender y dominar estas tecnologías.

Mindmap

Keywords

💡JavaScript

JavaScript es un lenguaje de programación amplio y muy utilizado en el desarrollo web, especialmente para añadir interacción dinámica a las páginas web. En el video, se menciona que JavaScript fue el lenguaje más popular durante la década de 2010 a 2020, y ha sido clave en la evolución de la web, pasando de ser solo para animaciones a ser la base de aplicaciones web complejas.

💡Fatiga de JavaScript

La 'fatiga de JavaScript' hace referencia al agotamiento o la saturación que experimentan algunos desarrolladores debido a la cantidad abrumadora de frameworks, librerías y herramientas asociadas con JavaScript. El video menciona que a pesar de su popularidad, JavaScript ha sido objeto de críticas y desdén por parte de algunos programadores a lo largo de los años.

💡ECMAScript

ECMAScript es el estándar tecnológico para la especificación del lenguaje de programación JavaScript. En el video, se habla de cómo ECMAScript 1 fue lanzado en 1997 y cómo las siguientes versiones, especialmente ECMAScript 6 en 2015, marcaron un antes y después en la evolución del lenguaje, introduciendo mejoras y características modernas.

💡Frameworks

Los frameworks son estructuras predefinidas de código que facilitan el desarrollo de aplicaciones. En el video, se mencionan frameworks como Angular, React y Vue.js, que han revolucionado el desarrollo front-end con JavaScript, ofreciendo herramientas para crear interfaces de usuario de manera más eficiente y escalable.

💡Node.js

Node.js es un entorno de ejecución que permite ejecutar JavaScript fuera del navegador, lo que significa que se puede usar para desarrollar aplicaciones de servidor y herramientas de línea de comandos. En el video, se destaca el impacto de Node.js al permitir que JavaScript se ejecute en el servidor, lo que ha ampliado enormemente sus posibilidades de uso.

💡jQuery

jQuery es una librería de JavaScript que simplifica las tareas comunes en el desarrollo web, como manipular el DOM, manejar eventos, animaciones y Ajax. Aunque no se menciona directamente en el video, la mención de la 'edad antigua' de JavaScript alude a un tiempo donde jQuery era esencial para el desarrollo web antes de la llegada de frameworks modernos.

💡TypeScript

TypeScript es un superconjunto de JavaScript que añade tipos estáticos y características de orientación a objetos. En el video, se menciona TypeScript como una herramienta importante para los desarrolladores de JavaScript, ya que proporciona estructura y seguridad de tipos, lo que ayuda a manejar proyectos más grandes y complejos.

💡Electron

Electron es una plataforma que permite crear aplicaciones de escritorio con tecnologías web como JavaScript, HTML y CSS. En el video, se menciona Electron como un ejemplo de cómo JavaScript ha expandido su alcance más allá del navegador, permitiendo desarrollar aplicaciones de escritorio.

💡PWA (Progressive Web Apps)

Las Progressive Web Apps son aplicaciones web que se pueden instalar y funcionan de manera nativa en dispositivos móviles, ofreciendo experiencias de usuario similares a las de las aplicaciones nativas. Aunque no se menciona explícitamente en el video, el concepto de PWA está íntimamente relacionado con la capacidad de JavaScript para crear experiencias de usuario enriquecidas en el navegador.

💡React

React es un framework de JavaScript creado por Facebook para construir interfaces de usuario. En el video, se destaca React como una de las principales herramientas en el desarrollo front-end, conocido por su enfoque en componentes reutilizables y su eficiente gestión del DOM virtual.

Highlights

JavaScript es uno de los lenguajes más populares en el mundo y fue número uno durante la década del 2010 al 2020.

JavaScript dominó el desarrollo front-end y se extendió a casi todas las industrias del software.

La 'fatiga de JavaScript' se hizo evidente a medida que se expandía su uso en múltiples industrias.

JavaScript fue creado en solo una semana por Brendan Eich, un genio en programación.

Inicialmente llamado LiveScript, JavaScript fue renombrado para capitalizar el popularidad de Java en ese momento.

Microsoft creó su propia versión de JavaScript llamada JScript en respuesta al lanzamiento de JavaScript por Netscape.

ECMAScript fue creado como un estándar para JavaScript, impulsado por la necesidad de unificar las diferentes versiones del lenguaje.

Durante casi una década, desde 1999 hasta 2009, JavaScript no tuvo una nueva especificación, lo que llevó a su desarrollo ser abandonado temporalmente.

El libro 'JavaScript: The Good Parts' de Douglas Crockford ayudó a cambiar la percepción negativa sobre JavaScript.

JSON (JavaScript Object Notation) fue creado por Douglas Crockford, facilitando la transmisión de información entre aplicaciones.

La guerra de los navegadores entre Microsoft Internet Explorer y Mozilla Firefox impactó significativamente el desarrollo y adopción de estándares web.

jQuery revolucionó el desarrollo front-end al permitir escribir código limpio y compatible con diferentes navegadores.

Google Chrome, con su motor V8, marcó una era de mayor velocidad y eficiencia en la ejecución de JavaScript.

Node.js permitió ejecutar JavaScript fuera del navegador, abriendo nuevas posibilidades para el desarrollo de aplicaciones.

El lanzamiento de frameworks como Angular, React y Vue.js amplió las capacidades de JavaScript en el desarrollo front-end.

TypeScript, desarrollado por Microsoft, agregó características como tipado y orientación a objetos, fortaleciendo la robustez de JavaScript.

JavaScript se ha expandido a áreas como desarrollo de escritorio con Electron, aplicaciones móviles con Ionic y más.

Next.js se convirtió en un framework importante para el desarrollo de interfaces con React.

Deno, lanzado por Ryan Dahl, es una alternativa a Node.js que busca corregir algunos errores y mejorar la experiencia de desarrollo.

Transcripts

play00:00

en the team es tecnología para todos

play00:02

comienza a estudiar gratis en ti y no te

play00:05

detengas

play00:07

javascript es uno de los lenguajes más

play00:09

populares en el mundo y durante la

play00:11

década del 2010 al 2020 fue el número

play00:14

uno sobre la tierra y se apoderó de casi

play00:16

todas las industrias del desarrollo de

play00:18

software todo se hacía con javascript y

play00:20

llegó a hablarse de la fatiga javascript

play00:22

pero sabías que este lenguaje que llegó

play00:24

a dominar el mundo que es el único

play00:26

lenguaje en el desarrollo front-end con

play00:27

el permiso de huevas hembra y del cual

play00:29

haremos en otro vídeo así que no me

play00:30

echan hate en los comentarios sabías que

play00:32

este lenguaje fue creado en apenas una

play00:34

semana que puso en guerra dos empresas

play00:36

enormes que gracias a este lenguaje se

play00:37

creó firefox que gracias a este lenguaje

play00:39

se creó google chrome y que aún así este

play00:42

lenguaje fue uno de los más

play00:43

vilipendiados e insultados y odiados por

play00:46

los programadores por años más que php e

play00:48

incluso y que durante casi diez años su

play00:50

desarrollo estuvo completamente

play00:52

abandonado esta es la historia de chaves

play00:53

cree pero antes de continuar con la

play00:55

historia de llave script de cuento que

play00:56

estamos en el día 4 de la semana de la

play00:58

tecnología una semana en la que todo el

play01:01

de tim está con descuentos increíbles

play01:02

para que domines la tecnología con los

play01:04

mejores cursos en español y para que

play01:06

construyas tu carrera y no te detengas y

play01:08

por si eso fuera poco durante la semana

play01:10

de la tecnología liberamos nuestros

play01:12

mejores cursos premium completamente

play01:14

gratis para que disfrutes la experiencia

play01:17

de tim los dos cursos de hoy son

play01:19

gobernates desde cero para que aprendas

play01:21

a crear una arquitectura de

play01:23

microservicios basada en contenedores y

play01:26

puedas hacer el despliegue de tus

play01:27

aplicaciones en cluster de hoover net y

play01:29

el segundo curso es cómo crecer en tick

play01:32

tock tick tock en la red social número

play01:33

uno en el mundo hoy en día le duela a

play01:36

quien le duela y marketeros community

play01:38

managers emprendedores creadores de

play01:40

contenido necesitan saber las

play01:42

estrategias para crecer en tick tock así

play01:43

que este curso te va a enseñar cómo

play01:45

entender dicto cómo funciona el

play01:47

algoritmo qué estrategias utilizar qué

play01:49

estructura debe tener un vídeo en textos

play01:50

para volverse mira todo eso gratis el

play01:53

día de hoy por la semana de la

play01:54

tecnología mañana vendrán otros dos

play01:55

cursos y todo de team com un enorme

play01:58

descuento no dejes pasar la semana y la

play02:00

tecnología porque sucede sólo una vez al

play02:02

año así que ve a punto team haz clic en

play02:05

el enlace que parece ahí arriba o en el

play02:06

que parece abajo en la descripción de

play02:08

este vídeo para dominar la tecnología

play02:10

con esta gran campaña de edet y por qué

play02:13

de tim es tecnología para todos

play02:14

volviendo a la historia de javascript

play02:16

vámonos hacia el año

play02:18

1994 pero hace 28 años ya cuando yo

play02:23

tenía apenas 14 años y yo no conocía que

play02:25

era internet en esos tiempos porque

play02:27

recién estaba llegando a eeuu la web en

play02:29

este año aparece en skate el primer

play02:32

navegador masivo de la historia antes

play02:34

del escriba de un navegador llamado

play02:35

mosaic pero que fue un navegador sólo

play02:38

para la elite friki la élite tecnológica

play02:41

a partir de ese navegador se creó en

play02:43

skype que llevó la web a todo el mundo a

play02:45

las personas de oficina a los

play02:46

estudiantes a las amas de casa a las

play02:49

personas mayores literalmente tecnología

play02:51

para todos como de tim y ese año un

play02:53

script sale a la bolsa no tenía ingresos

play02:55

no tenían modelo de negocios pero como

play02:57

era la siguiente revolución de la

play02:59

tecnología después de la computadora

play03:00

personal ganó muchísimo dinero en su

play03:02

salida a la bolsa así que un señor

play03:03

llamado bill gates dijo creo que se nos

play03:06

pasó esta siguiente revolución de la

play03:08

tecnología pero no importa yo me muevo

play03:11

muy rápido y así como me moví rápido en

play03:13

el mundo de las interfaces gráficas me

play03:15

voy a mover rápido en el mundo de la web

play03:17

así que voy a desarrollar mi navegador

play03:19

llamado internet explorer que va a

play03:21

competir contra en skate y empieza lo

play03:23

que hoy conocemos como la guerra de los

play03:25

navegadores la guerra despiadada de la

play03:27

que podemos hablar en otro vídeo

play03:28

cuéntame los comentarios si te interesa

play03:30

eso pero una guerra muy dura entre

play03:32

microsoft que tenía recursos

play03:34

prácticamente ilimitados bill gates era

play03:36

el hombre más rico del mundo en skype

play03:38

una empresa nueva con dinero pero que no

play03:40

tenía el poder para enfrentarse a un

play03:42

gigante como microsoft entonces internet

play03:44

explorer empieza a atacar con toda su

play03:46

fuerza para 1995 de scape se da cuenta

play03:50

que las páginas web son bastante básicas

play03:53

son solamente para consumir es como una

play03:55

revista pero en una pantalla no hay

play03:57

interacción el usuario simplemente es

play03:59

pasivo y consume así que decide crear un

play04:02

lenguaje de programación que funcione en

play04:04

el navegador un lenguaje básico un

play04:06

lenguaje de scripting es decir un

play04:07

lenguaje de comandos específicos para

play04:08

hacer algunas cosas básicas si no sabes

play04:11

exactamente a qué me refiero con

play04:12

scripting tenemos un curso en el que

play04:14

puedes ir a ver para saber más de este

play04:15

mundo para eso contratan a brendan ayc y

play04:18

brendan ai crea javascript en apenas una

play04:21

semana porque pues estaban en plena

play04:23

guerra de los navegadores y él hace lo

play04:25

que puede en una semana el man era un

play04:26

genio sí pero tampoco es que le haya

play04:28

salido un lenguaje perfecto y eso

play04:31

pero la mala fama de javascript durante

play04:33

varios años pero ojo con esto no se

play04:35

llamaba javascript se llamaba life

play04:38

script porque eran scripts vivos en el

play04:40

navegador pero en esos años había un

play04:42

lenguaje llamado java el de la tacita de

play04:45

café que en aquellos años era famosísimo

play04:48

por lo tanto dijeron vamos a

play04:49

aprovecharnos de este nombre para ganar

play04:52

marketing entonces en vez de life script

play04:54

le pusieron javascript ís y javascript y

play04:57

ya van no tienen nada que ver son

play04:59

lenguajes completamente diferentes

play05:01

nuevamente microsoft se da cuenta que se

play05:03

le escapó el tren y dice yo voy a crear

play05:06

también mi propio lenguaje de

play05:07

programación así que le hace ingeniería

play05:09

inversa netscape y crean jay script j

play05:12

script que era su versión de javascript

play05:14

entonces teníamos a llaver y por un lado

play05:16

gay y por otro lado que no eran 100%

play05:18

compatibles comparten algunas cosas pero

play05:20

no eran compatibles del todo así que en

play05:22

skate dice necesitamos un estándar

play05:24

porque si no cada navegador va a ser sus

play05:26

versiones y no se puede vivir así ya se

play05:28

había creado el estándar para html con

play05:31

la doble utilice y ahí también se

play05:33

incluyó el estándar de s pero no había

play05:36

un estándar para el javascript porque

play05:38

javascript no es un lenguaje que se haya

play05:41

creado dentro de la especificación de la

play05:43

web javascript se creó después por esta

play05:45

guerra de navegadores y por mejorar las

play05:47

páginas entonces lo que hacen es que es

play05:50

enviar este código de javascript su

play05:53

especificación aec mã xima es una

play05:56

organización europea que se encarga de

play05:58

hacer estándares de tecnologías así que

play06:00

le mandan y le dicen necesitamos un

play06:01

estándar que todas las empresas cumplen

play06:03

para el año

play06:04

1997 ecma lanzó la primera versión de su

play06:07

estándar llamado en un script 1 y aquí

play06:10

tengo que hacer una analogía para que me

play06:12

captes la idea los estándares son algo

play06:14

así como la real academia española ellos

play06:17

ponen las reglas pero la gente ve si les

play06:19

hace caso o no en serio ellos no son

play06:22

poli la real academia española no es

play06:24

policía del lenguaje más bien ellos

play06:25

recogen el uso de los hablantes y le dan

play06:27

una forma y una estructura pero la gente

play06:30

pues puede ignorar de manera similar

play06:31

ocurre con el script lanzó su estándar a

play06:35

microsoft le importo cinco pepinos hey

play06:37

mayo show siguió haciendo su ley script

play06:39

como ellos querían en él

play06:41

1998 sale la versión 2d en mi script en

play06:44

el año 1999 la versión 3 de enma script

play06:48

en el año no no hubo ningún año porque

play06:50

la versión 4 nunca salió hubo rencillas

play06:54

internas entre los grupos que trabajaban

play06:56

en la especificación nunca llegaron a

play06:58

ponerse de acuerdo y de

play07:00

1999 hasta el año 2009 10 años 10 años

play07:06

javascript no tuvo una nueva

play07:08

especificación ha abandonado por una

play07:10

década y en esos tiempos era en que se

play07:12

pensaba en javascript como un lenguaje

play07:14

tonto un lenguaje para poner animaciones

play07:17

o cositas volando por la pantalla y nada

play07:20

realmente serio ya ve escribes un

play07:22

lenguaje que sólo vive en el navegador

play07:24

no puede instalarse en un servidor

play07:26

conectarse a base de datos y otras cosas

play07:28

que hacen los lenguajes digamos serios

play07:31

entonces ya escribir el patito feo de la

play07:32

programación y a pesar de ser el patito

play07:34

feo era el lenguaje que todo programador

play07:37

web tenía que usar le guste o no le

play07:38

guste porque era el único lenguaje en el

play07:41

navegador pero en el año 2002 aparece un

play07:44

libro que marca una especie de antes y

play07:47

después en el mundo script llamado the

play07:49

good parts de douglas crowd ford este

play07:51

libro básicamente te dice javascript no

play07:54

es un mal lenguaje tú eres un mal

play07:56

programador y ese libro realmente como

play07:59

que le devolvió la vida ya escribir

play08:01

siéndole a la gente oye tú les estás

play08:02

usando mal ya escribes excelente fíjate

play08:05

las cosas que se pueden hacer con él y

play08:07

el mismo douglas crowd for que trabajaba

play08:09

aparece entonces en yahoo creó la

play08:12

especificación de jason jason es

play08:14

javascript object notation que es una

play08:17

forma de enviar de transmitir

play08:19

información entre aplicaciones una forma

play08:22

muy sencilla fácil de leer por los

play08:23

humanos muy liviana para las

play08:25

computadoras y que era un reemplazo a

play08:26

xml así que digamos que poquito a

play08:29

poquito javascript empezaba a recuperar

play08:30

un poco de prestigio el mismo año 2012

play08:33

lanza firefox y este navegador compite

play08:36

contra internet explorer en una segunda

play08:39

guerra de los navegadores porque la

play08:40

primera la perdona es que un dato

play08:42

interesante aquí es que en skype es

play08:44

arrasado de la faz de la tierra por

play08:46

microsoft pero en el año 1998 antes de

play08:49

morir entrega su escudo no como el

play08:51

capitán américa en el infinito aunque

play08:53

por las puras entre los escudos pero

play08:55

esta es otra historia el punto es que en

play08:56

skype entrega su código abre su código y

play08:59

con esto se cree el concepto de open

play09:01

source seguramente tú has escuchado

play09:03

opensource por supuesto que sí pero

play09:05

quizás no sabías que esto comienza

play09:07

cuando en skype antes de morir libera su

play09:09

código y dice quizás a alguien en el

play09:11

futuro use este código para crear el

play09:14

bien y para una segunda batalla contra

play09:16

el mal que se representaba por internet

play09:18

explorer que llegó a tener más del 95

play09:21

por ciento del mercado de internet la

play09:23

gente creía que la de internet flórez

play09:25

era realmente internet no sabía

play09:26

diferenciar entre internet como el

play09:28

concepto y un programa específico que

play09:31

era internet explorer se había metido de

play09:33

esa forma en la cabeza el agente

play09:34

microsoft tuvo un juicio de monopolio

play09:36

porque internet estaba instalado en

play09:38

windows y no podías desinstalarlo

play09:40

tampoco podías cambiar de navegador

play09:42

predeterminado o se habían jugado

play09:44

bastante sucio esta guerra pero en el

play09:46

año 2002 firefox nace a partir de este

play09:49

código que había dejado en skype

play09:50

entonces firefox respetaba los

play09:53

estándares de script que microsoft no

play09:55

quería respetar y firefox se convirtió

play09:58

en una especie de grito de libertad de

play10:00

todos los programadores que estaban

play10:01

esperando por este momento entonces los

play10:04

programadores la gente aficionada a la

play10:05

tecnología amaba firefox

play10:07

fue genial yo me acuerdo esos tiempos no

play10:09

cuando firefox salió y uno estaba de

play10:11

evangelista diciéndole a sus amigos y

play10:13

conocidos porque usase eso mira aquí en

play10:15

firefox tienes pestañas aquí en firefox

play10:17

tienes el buscador integrado aquí en

play10:19

firefox tienes extensiones aquí en

play10:21

firefox tienes png es porque no había

play10:23

png es transparentes en internet

play10:25

explorer no los reconocía y varias cosas

play10:27

más no además que para programadores

play10:29

firefox respetaba los estándares de

play10:31

javascript pero aún así por más bonito

play10:33

que sea el rey seguía siendo internet

play10:35

explorer así que si tu programa vas para

play10:37

la web no tenías más remedio que hacer

play10:40

un código javascript para internet

play10:41

explorer y un código javascript para

play10:44

firefox sin contar html y los doctos y

play10:46

los metas raros que había que meter para

play10:48

la compatibilidad twitter es viejo saber

play10:50

de qué te estoy hablando pero esta

play10:51

pesadilla de escribir doble código se

play10:53

acaba en el año 2006 cuando aparece

play10:56

nuestro amigo jay query que se convirtió

play10:58

en el amo y señor absoluto de la web por

play11:01

una década porque porque recuerde nos

play11:04

permitía escribir código ya descripta

play11:06

limpio muy bonito con una sintaxis súper

play11:10

sencillo utilizando selectores de css

play11:12

era tan fácil escribir código con jake

play11:14

guarín y james ware y hacía todo el

play11:16

trabajo sucio por debajo osea yeiker y

play11:18

traducía tu código a código compatible

play11:21

con internet explorer y código

play11:23

compatible con firefox así que era una

play11:25

maravilla prácticamente no existían

play11:27

cursos de javascript existían cursos de

play11:29

javascript con jake query o sea como lo

play11:31

básico de javascript para que entiendas

play11:33

cómo funciona y de ahí nos vamos allí

play11:34

query porque escribir ya ha escrito como

play11:36

que no vale la pena

play11:37

para esos años la web no paraba de

play11:38

crecer los navegadores eran cada vez más

play11:40

potentes y tenían capacidad para

play11:42

procesar más tareas con lo cual se le

play11:45

empiezan a delegar más tareas a

play11:46

javascript la explosión de jay query

play11:48

permite que algunas tareas que las

play11:50

mandamos al servidor se las encarguemos

play11:52

ahora el navegador y como los

play11:54

navegadores serán más potentes cada vez

play11:55

empieza a desarrollarse el concepto de

play11:58

aplicaciones web ya los sitios web sino

play12:00

aplicaciones completas con toda su

play12:02

lógica y negocio pero funcionando en un

play12:04

navegador que tú no tenías que instalar

play12:06

en tu computadora eso depende en gran

play12:08

medida del poder que adquieren los

play12:11

navegadores no solamente el lenguaje de

play12:13

chaves así que en el año 2008 google

play12:15

lanza su navegador google chrome porque

play12:18

porque google a diferencia de microsoft

play12:20

es una empresa basada completamente en

play12:22

la web todos sus negocios en web

play12:23

mientras que microsoft comenzó su

play12:25

negocio como una empresa de software

play12:26

para computadoras software para

play12:28

escritorio google todo fue web así que

play12:30

ellos eran conscientes de que si ellos

play12:32

querían una web que ellos en la que

play12:35

ellos puedan poner ciertas reglas de

play12:37

juego una web en la que ellos pudieran

play12:39

innovar y crear productos necesitaban un

play12:42

propio navegador y un navegador que le

play12:44

dé muchísima velocidad a javascript

play12:46

porque en el navegador existe algo

play12:48

llamado motor de javascript ese motor es

play12:50

el que traduce el código ya de script

play12:52

para que el navegador pueda ejecutar las

play12:54

órdenes que vienen en ese código

play12:56

entonces la principal ventaja de google

play12:58

cloud frente a firefox e internet

play12:59

explorer era su velocidad era

play13:01

enormemente veloz se sentía como subirte

play13:04

un auto de carreras y firefox empezaba a

play13:07

sentirse como un camión una camioneta

play13:08

grande muy cool pero pesada mientras que

play13:11

internet explorer empezaba a sentirse

play13:14

como una carroza oxidada

play13:17

y que chirriaba landart google chrome

play13:19

creció muchísimo muy rápido y en gran

play13:22

parte esto debido a su motor de

play13:24

javascript v8 este motor había alcanzado

play13:26

hacer hasta 8 veces más veloz que el

play13:29

motor de javascript de firefox era algo

play13:31

muy difícil de superar y muy pronto

play13:33

google chrome se convirtió en el nuevo

play13:34

rey de internet internet explorer

play13:36

eventualmente desapareció microsoft

play13:38

misma se encargó de matar a internet

play13:40

explorer y crear otro navegador llamado

play13:42

edge que si respeta los estándares ojo

play13:45

que microsoft hizo una trampita antes

play13:47

primero mató internet explorer y luego

play13:50

creó un primer edge este primer hecho

play13:52

tenía la misma era internet explorer

play13:54

pero tenía una colita rockera o pan aquí

play13:56

pero en el fondo era internet explorer

play13:58

era lo mismo sólo lo habían maquillado

play14:01

eso fue trampa luego salió una siguiente

play14:03

versión llamada edge chromium basada en

play14:06

la misma base de código de google chrome

play14:08

ese es el hecho que tenemos ahora y que

play14:10

está creciendo muchísimo y cada vez

play14:12

quitándole más mercado a google chrome

play14:14

pero esa es otra historia de la que

play14:15

hemos hablado en este vídeo donde te

play14:17

contamos la historia de todos los

play14:18

navegadores pero si quieres solamente la

play14:20

historia después la dices en los

play14:22

comentarios y la hacemos en otro vídeo

play14:24

el punto es que lo especial de google

play14:26

chrome era su motor v8 porque con eso se

play14:28

podían correr aplicaciones web más

play14:30

rápido y google ya estaba trabajando en

play14:32

aplicaciones web es decir aplicaciones

play14:33

que corren en el navegador como google

play14:35

maps gmail google docs la versión de

play14:37

office para google etcétera entonces le

play14:39

convenía mucho al año siguiente 2009

play14:42

empiezan la real revolución de la web

play14:46

que no hubiera sido posible sin google

play14:47

chrome y es que el programador

play14:49

estadounidense ryan dal lanza no leyes y

play14:52

a la gente le

play14:54

explote la cabeza porque porque él sacó

play14:57

el motor v8 de chrome del navegador lo

play14:59

sacó y lo llevó al servidor en un

play15:01

entorno de ejecución llamado no te leyes

play15:04

con lo cual ahora podías escribir código

play15:07

javascript que era interpretado en el

play15:10

servidor como php como ya va como python

play15:12

como ruby como sellar wow increíble y

play15:16

ojo que una confusión muy común y que

play15:18

incluso he visto en gente que se dice

play15:19

full está aquí conocedora del tema es

play15:22

que no leyes no es un framework noyes es

play15:25

un entorno de ejecución que son cosas

play15:27

absolutamente

play15:28

diferentes cuando diga que no llegues a

play15:31

ser un framework levante una ceja y

play15:32

aléjate lentamente de esa persona no

play15:35

llegues es un entorno ejecución en el

play15:36

servidor con lo cual ahora tenemos llave

play15:38

script en el servidor javascript en el

play15:40

navegador y podemos crear las famosas

play15:42

aplicaciones iso morfi cast o

play15:44

universales no que tengan javascript en

play15:46

todo el estado al año siguiente google

play15:49

lanza angular y ahí si es el acabose se

play15:51

vuelve una fama total y empieza la

play15:53

fiebre javascript en el mundo aparece

play15:55

este famoso stack min que era montgó

play15:57

para la base de datos express como

play15:59

framework de noiés angular como

play16:02

framework en el front end y no llegues

play16:04

como entorno de ejecución en el back en

play16:06

ese stand min marcó varios años del

play16:10

desarrollo web y todo el mundo quería

play16:11

aprender min y todo el mundo saltaba a

play16:13

esta tecnología porque estaba de moda

play16:15

era mucha moda no pero esta fiesta duró

play16:17

unos años porque luego google dio marcha

play16:19

atrás y dijo no está bien angular yes

play16:22

vamos a crear angular 2 en el cual le

play16:24

vamos a quitar el apellido james y se va

play16:26

a quedar solamente en angular va a usar

play16:28

type script y va a ser bastante

play16:30

diferente angular yes y ese es el

play16:32

angular que tenemos hasta el día de hoy

play16:33

o sea ya no es angular y espero mucha

play16:36

gente le encantaba el angular es las

play16:38

directivas y esa sintaxis declarativa

play16:40

tan chévere así que un programador que

play16:42

salió del equipo de angular leyes que

play16:43

también estaba incómodo de que angular

play16:45

leyes desaparezca para convertirse en

play16:47

otra cosa muy diferente creó su propio

play16:49

framework sacando las mejores prácticas

play16:51

de angular y las mejores prácticas de

play16:53

riad llamado view y es este programador

play16:55

se llama evans joe y view es uno de los

play16:58

frameworks más queridos por toda la

play16:59

comunidad se lanza en el año 2014 y es

play17:02

un framework progresivo es decir un

play17:04

framework que va creciendo junto con tu

play17:06

proyecto puedes empezar con vivo

play17:08

utilizando un cdn así como antes se

play17:10

hacía con jake query solamente con una

play17:12

línea en el header y ya estás usándolo

play17:14

pero luego mientras su proyecto crezca

play17:15

puedes meterlo ya en las dependencias de

play17:17

tu proyecto e ir añadiéndole componentes

play17:19

y eso lo hace fantástico la rapidez para

play17:22

empezar con beaugé y ese es una de sus

play17:23

principales ventajas además que a

play17:26

diferencia de riego de angular no es

play17:28

mantenido por una gran empresa sino por

play17:30

toda la comunidad en el año 2013 un año

play17:33

antes de que aparezca view y es aparece

play17:36

el react es una propuesta de facebook

play17:38

para el desarrollo front end porque

play17:40

facebook es una aplicación web recuerda

play17:42

eso después se volvió a aplicación móvil

play17:44

pero facebook siempre fue una aplicación

play17:46

web y creció tantísimo que se enfrentó a

play17:49

grandes retos que el desarrollo

play17:51

tradicional no tenía a diferencia de

play17:53

angulas leyes que era un proyecto

play17:54

interno dentro de google y que no se

play17:56

usaba en los proyectos importantes de la

play17:59

empresa reyal no fue un proyecto

play18:00

secundario para mantener algunos

play18:02

proyectos extras sino que riad fue

play18:04

creado exclusivamente para mejorar el

play18:06

rendimiento de facebook porque era tan

play18:08

grande tenía tanta gente por momentos la

play18:10

interfase bloqueada por la cantidad de

play18:12

gente que entraba necesitaban una nueva

play18:14

manera de manejar la interfaz y así

play18:17

crean riac con la filosofía de crear

play18:19

componentes reutilizables crear un

play18:20

virtual don que era el dom en memoria

play18:22

para no sobrecargar el navegador y un

play18:24

nuevo lenguaje llamado yeye sex que te

play18:26

permite escribir javascript como si

play18:28

escribirás html y eso lo hizo un boom a

play18:31

la gente le encantó y empezó poco a poco

play18:33

a morirse el concepto de jay query creo

play18:37

que la estocada final para jay cuales en

play18:38

el año 2015 cuando sale x me script 6

play18:41

después de seis años de lengua script 5

play18:46

de 2009 sale la versión 6 de un script a

play18:50

partir de entonces todo cambia para bien

play18:52

porque después de haber tenido sequías

play18:55

de 10 años y de 6 años en que no habían

play18:57

actualizaciones para javascript

play18:59

javascript empieza a actualizarse año

play19:01

con año por eso también a esa versión se

play19:03

le conoce como el script 2015 porque a

play19:05

partir de entonces empezaron a

play19:06

actualizarse todos los años se me he

play19:07

2015 2016 2017 2018 y así sucesivamente

play19:10

fue el mejor momento para ser

play19:14

programador javascript y algo que note

play19:17

dicho javascript es muy fácil de

play19:19

aprender no es complejo en sí es tu

play19:21

primer lenguaje quizás te marees un

play19:23

poquito porque siempre comenzar es

play19:25

difícil pero realmente cuando tienes

play19:27

cierta experiencia ya de script no es

play19:28

complicado javascript no es para los

play19:30

supergenios y superdotados con

play19:32

coeficientes altísimos no javascript es

play19:35

algo en lo que te diviertes más aún si

play19:37

has venido de la época antigua en que se

play19:39

sufría y llegas a riad y llegas a view y

play19:42

dices wow qué fácil se hacen las cosas

play19:45

acá es increíble en mis tiempos y egipto

play19:48

las cosas ya sean diferentes o sea se

play19:51

disfruta se disfruta realmente entonces

play19:53

tenemos tres frameworks de los cuales

play19:55

ria que es el que hay o ventaja sobre

play19:57

los dos hoy en día la mayor cantidad de

play19:59

ofertas laborales es de react eso no le

play20:01

quita para nada fuerza y prestigio a los

play20:03

otros los frenos que son angular y view

play20:05

de hecho no te he comentado pero angular

play20:07

view y react los puedes aprender en el

play20:09

team hay un cuarto framework llamado esb

play20:11

el que tiene una filosofía de entregarte

play20:13

javascript limpio en el front end a la

play20:16

gente también le gustó mucho pero su

play20:17

cuota de mercado es un poquito menor

play20:19

pero también es bastante chévere por

play20:20

esos años en el 2012 aparece type script

play20:23

una versión de javascript desarrollada

play20:25

por microsoft hyper script añadían

play20:27

nuevas funciones muy importantes como el

play20:29

tip ado o la orientación objetos eso

play20:31

hizo que type script se mantenga fuerte

play20:33

año tras año y hoy sea un lenguaje muy

play20:36

importante que todo programador jabber

play20:38

icq debe tener en cuenta y por eso la

play20:39

versión 2 de angular vino directamente

play20:42

con type script ya no con llave escrito

play20:44

aunque javascript es compatible con type

play20:46

escriba así que darte el salto tampoco

play20:48

es que sea tan complicado y hoy por hoy

play20:50

también se puede desarrollar en río en

play20:51

view con type para esos años ya escrito

play20:54

aparecía como el número uno en todos los

play20:56

rankings como el lenguaje más usado del

play20:58

mundo pero también llegaba la fatiga

play21:01

javascript veías a javascript belleza

play21:03

javascript en aplicaciones de escritorio

play21:04

con electrón veías a javascript en

play21:07

aplicaciones móviles con ayón y más allá

play21:09

de escribir a ti en robótica en machine

play21:12

learning en realidad aumentada realidad

play21:14

virtual lo cual no está mal todo

play21:16

lenguaje puede tener muchas áreas pero

play21:17

todo venía como de golpe estaba tan

play21:19

famoso ya script que se quería hacer de

play21:21

todo y pues ya ver y tampoco es el

play21:23

lenguaje ideal para hacer de todo pero

play21:25

si existen opciones muy interesantes

play21:27

como electrón para hacer aplicaciones de

play21:29

escritorio utilizando javascript ís el

play21:31

estudio coaches ha desarrollado con el

play21:33

electrón spotify está desarrollado con

play21:34

el electrón las aplicaciones de

play21:35

escritorio me refiero a y eso es muy

play21:37

chévere porque es fácil llevarlo a web

play21:39

no hay mantener cierta coherencia entre

play21:40

la aplicación web y la aplicación de

play21:42

escritorio también está el concepto de

play21:44

las p doble ua que son aplicaciones web

play21:46

progresivas que a partir de tecnologías

play21:49

web con javascript se pueden convertir

play21:51

rápidamente en aplicaciones móviles sin

play21:53

hacer muchos cambios y todo eso con

play21:55

javascript y todo esto lo puedes

play21:56

aprender en el team recuerda que por la

play21:58

semana la tecnología tenemos grandes

play22:00

descuentos así que si quieres dominar

play22:02

javascript y muchas otras tecnologías

play22:04

del desarrollo de software vea de punto

play22:06

team para dominar la tecnología y note

play22:08

para ir cerrando este vídeo que podría

play22:10

durar varias horas más en el año 2016 se

play22:12

lanza next y es el framework más

play22:14

importante para el desarrollo con unidad

play22:17

porque recuerda querría que al final de

play22:18

cuentas es sólo una librería no es un

play22:20

framework porque se encarga sólo de la

play22:21

vista entonces uno tenía que estar

play22:23

añadiendo varios componentes extras pero

play22:25

llegan next para solucionar eso no y

play22:27

darnos todo el marco de trabajo en

play22:29

exceso hoy por hoy la forma más usada

play22:31

para desarrollo front-end con react y

play22:33

también lo puedes aprender en el timo y

play22:35

en el año 2018 ryan dal aquel

play22:39

programador que lanzó casi 10 años antes

play22:42

no leyes se arrepiente y dice que

play22:44

cometió varios errores a lanzar noyes y

play22:47

lanza de no que es no está al revés la

play22:50

alternativa a no reyes con todas esas

play22:53

cosas mejoradas en su opinión y que

play22:55

tiene razón en varias cosas en otro

play22:57

vídeo hablaremos de de no ver sus noches

play22:59

para comentar más del tema pero eso es

play23:01

en el 2018 y también puedes aprender de

play23:04

no nd team porque tenemos un curso de no

play23:06

otro curso de naughty de todas las

play23:07

tecnologías que hemos hablado hoy por

play23:09

hoy dominar javascript te va a abrir

play23:11

muchas puertas de trabajo pero lo más

play23:13

importante que quiero que sepas es que

play23:15

hoy y javascript ya no es sólo

play23:17

javascript si tú te quedas solo con

play23:19

llaves script y zas tengas menos

play23:21

oportunidades yo te recomiendo aparte de

play23:23

javascript aprender type script aprender

play23:26

alguna tecnología encima como real como

play23:28

angular como view como next porque eso

play23:31

es lo que ya te va a dar más

play23:32

oportunidades javascript a 2022 es mucho

play23:36

más que tan solo javascript aunque

play23:38

parezca una contradicción pero así es el

play23:40

mundo de javascript en 2022 y eso es

play23:42

todo por este vídeo espero que te haya

play23:44

gustado hacer esta historia desde 1994

play23:48

cuando empezamos hasta el día de hoy y

play23:50

recuerda que si quieres aprender

play23:51

javascript tienes el lugar adecuado para

play23:53

ti tenemos cursos desde cero hasta súper

play23:55

avanzados en javascript testing

play23:57

librerías frameworks proyectos bases de

play23:59

datos entornos de ejecución todo lo que

play24:01

quieras aprender con llave script lo

play24:02

tienes nd team y recuerda que estamos

play24:04

con un gran descuento por la semana y la

play24:06

tecnología de punto team o en el enlace

play24:08

en la descripción o por acá arriba donde

play24:09

aparezca para aprovechar estos

play24:11

descuentos de corazón espero que este

play24:12

vídeo te haya gustado mucho es una

play24:14

historia que a mí me encanta porque en

play24:15

gran parte la he vivido la ventaja del

play24:17

ser viejo es esa que las historias las

play24:19

vives no solo las cuentas

play24:21

cuéntanos en los comentarios qué te

play24:22

pareció y de qué otras tecnologías te

play24:25

gustaría que contemos su historia yo soy

play24:26

álvaro felipe de ede team y nos vemos en

play24:28

una próxima oportunidad

play24:31

es decir es tecnología para todos

play24:33

comienza a estudiar gratis en ti y no te

play24:36

detengas

play24:37

[Música]

Rate This

5.0 / 5 (0 votes)

Related Tags
JavaScriptHistoriaTecnologíaProgramaciónNavegadoresFrameworksWebDesarrolloEducaciónInnovación
Do you need a summary in English?