Historia de JavaScript: ¿qué es ECMAScript?

1/35
Recursos
Transcripción

ECMAScript es una especificación de lenguaje de programación con la que trabaja JavaScript. Ecma International está a cargo de estandarizar este lenguaje de programación, a través de una serie de versiones que añaden funcionalidades nuevas.

El primer Navegador web

La historia del primer navegador web empieza desde la necesidad de comunicar varias computadoras, a través de los siguientes acontecimientos:

  • 1950: Las computadoras surgen para analizar temas de la Segunda Guerra Mundial.
  • 1969: Surge la Red Arpanet, capaz de conectarse dos computadoras para compartir información.
  • 1990: Tim Berners-lee creó las bases de la web, la World Wide Web.
  • 1993: Se crea Mosaic, el primer navegador web.
  • 1994: Marc Andreessen crea la empresa Netscape, y a su vez crea el primer navegador comercial con el mismo nombre, con enlaces e imagenes muy primitivas.

La guerra de navegadores

La guerra de los navegadores surge por la necesidad de las empresas de acaparar con el mercado de la web. En la primera guerra de navegadores, entre 1995 y 2001, se enfrentaron Netscape y Microsoft para posicionar comercialmente su propio navegador.

Incluso llegaron a hacerse bromas muy pesadas, como llevar el logo de Internet Explorer a las oficinas de Netscape. A partir de esta guerra surgieron nuevas tecnologías que perduran hasta la actualidad.

Los acontecimientos más importantes fueron:

  • 1995: Microsoft crea su propio navegador web, Internet Explorer.
  • 1996: Microsoft crea su propuesta de estilos para la web, CSS.
  • 1995: Netscape crea su propuesta de lenguaje de programación para la web, Mocha. Después sería nombrado LiveScript, y finalmente JavaScript. JavaScript es un nombre elegido por marketing, ya que Java (otro lenguaje de programación) era muy popular en aquella época.
  • 1995: Microsoft crea su propuesta de lenguaje de programación para la web, JScript.
  • 1997: Se crea ECMA, European Computer Manufacturer Association, para estandarizar los múltiples lenguajes de programación que estaban surgiendo por parte de Netscape, Microsoft, y otras empresas más. Este estándar se denomina ECMAScript o ES.

Evolución de ECMAScript

A partir de 1997, ECMA empezó a lanzar versiones para estandarizar el lenguaje. Alguna abandonada, como la ES4.

Historia de ECMAScript

A partir de 2015, con ECMAScript 6, fue un antes y después para el lenguaje. Se incluyen varias funcionalidades que situaron a JavaScript como uno de los mejores lenguajes de programación.

¿Qué aprenderás?

En este curso aprenderás las nuevas características de cada versión de ECMAScript como:

  • Parámetros por defecto
  • Plantillas literales
  • Declaración de variables con let y const
  • Funciones flecha
  • Promesas y async / await
  • Clases y módulos

Profesor: Oscar Barajas Tavares Frontend Developer en Platzi.

¿Qué puedo o no utilizar de ECMAScript?

A lo largo de este curso aprenderás nuevas características de JavaScript. Sin embargo, puede que el navegador en el que trabajes no la soporte, esto por el mismo hecho de ser algo nuevo.

Cada navegador web tarda un tiempo en aplicar las nuevas características de ECMAScript. Esto quiere decir, que si utilizas una funcionalidad nueva, el navegador no las procese y colapse tu programa.

Como buena práctica te recomiendo el sitio web Can I use?, que muestra qué funcionalidades añadidas por ECMAScript están soportadas por cada navegador.

Esto es relevante para conocer qué puedes aplicar o qué no en tu código. También sirve para enfocarte en qué navegadores están tus clientes objetivo, y el producto entregado esté correcto para ellos.

Página web para conocer las características que soporta cada navegador

Herramientas que emplearás

  • Visual Studio Code es el editor de código que se recomienda utilizar para tus proyectos y ofrece varias características para mejorar tu experiencia en el desarrollo.

  • Si estás usando Visual Studio Code, instala la extensión Code Runner que te permite ejecutar bloques de JavaScript y mostrar el resultado en la terminal.

  • La consola del navegador es importante para ver que está pasando con el código generado. La consola se muestra con la combinación de teclas F12 / Ctrl + Shift + I / Cmd + Opt + I o clic derecho e “Inspeccionar” en tu navegador preferido (de preferencia Google Chrome).

  • Una alternativa a Visual Studio Code es Codi.link, un editor de código para escribir HTML, CSS y JavaScript; para visualizar el resultado a tiempo real.

Contribuciones del curso creadas por Andrés Guano.

Aportes 62

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Comparto mis apuntes
Historia

  • 1950 Inicio de las computadoras

  • 1969 Se creo la red ARPANET,

  • 1970-1990 Se explora ARPANET

  • 1990 Tim Berners.lee dio pauta al internet y se conocio el termino World Wide Web (forma de acceder a archivos, documentos enlaces al alcanze de todos)

  • 1993 Nacimiento de un Navegador.

Universitarios pioneros escribieron un sofware simple que inicio una revolucion.

  • Marc Andreessen: le dio vida a una gran empresa

  • Netscape: Tenia un navegador que podias acceder a internet (HTML simple, enlaces, algunas fotografias)

Browser wars: Guerra de los navegadores
Microsoft en 1995 lanzó Internet Explorer, en la guerra nacieron tecnologias como CSS, conceptos como la empresa mozilla y JS.
JS: Apareció en 4 de diciembre de 1995 Diseñado por Netscape Communications, Fundación Mozilla.

  • Su primer nombre fue Mocha

  • Luego LiveScript

  • Finalmente JavaScript.

Microsoft no se podia quedar atras y lanzo JScript y por eso tenermos ECMAScript (1997) permitio un estandar (serie de reglas que va a tener los lenguajes de programacion).

Evolucion de ECMAScript:

siuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

Recién salido del horno!!! Siuuuuu

Platzi no actualiza sus cursos…

Sí, claro…

Me encantan todos los cursos que sean “historia de”, que expliquen los orígenes de una tecnología y cómo funciona la misma en detalle.
Gracias por este contenido, Oscar!

MI APUNTE DE LA CLASE EN NOTION.

Un 10 al de los dibujos de Oscar.

yo no uso javascript pero como es historia sí me interesa 😅😅
asi puedo entender los contextos de cada lenguaje 🧐

Buenísimo. A aprender la historia de ECMAScript con uno de los mejores profes 🐱‍🏍
.

comparte un sitio web donde podran ver de manera grafica un poco de historia:
https://www.timetoast.com/timelines/computer-timeline--65

en 1969 se crea la red arpanet, que simplemente era una forma en la que dos computadoras compartian información.

de los 70’s a los 90’s se empieza a explorar el ecosistema de arpanet, pero no fue sino hasta el 90 que Tim Berners-lee desarrolla el concepto de Worl Wide Web, una forma en la que podíamos acceder a archivos y que podían llevar a otros documentos.

1993: Nace un navegador que permite acceder a esas páginas web, este navegador es Mosaic.

Universitarios pioneros - escribieron un software que inició la revolución de la información, uno de ellos -> Mar Andreessen, quien le dió vida a Netscape, un navegador para acceder a páginas web, que en ese entonces era un html muy básico.

Browser wars - La guerra de los navegadores.

Microsoft inventó el Internet Explorer, con ello netscape se ganó otro competidor, y fue esta rivalidad la que catapultó a que se crearan tecnologías que hicieran el internet algo lleno de mejores experiencias.

De esta guerra nació también CSS creado por Microsoft.

Dentro de Netscape nació javascript en el año 1995, creado por el ingeniero Brendan something… jajajaja, al inicio se llamo Mocha, luego LiveScript y luego lo renombraron a Javascript.

También microsoft lanzó su propio lenguaje que se llamo JSCript.

ecmascript es un consorcio que se encarga de regular cómo iba a funcionar el lenguaje javascript.

El primer estandar se llamo Ecma-262 en el año 1997.
Y luego se han ido abonando otros estándares.

Como me encantan las viejas fotos de como eran las computadoras de antes.

✅😎 ¡Empezando con todos los ánimos!
(Aunque el curso sea larguísimo) lo terminaremos.

Super estos cursos donde te llevan a recorrer las historias y los trasfondos de estas tecnologías. Y que mejor que con el profe Oscar 🥰🤩

La transicion del minuto 13:23 a las camara 2 🤯

¡Hola!, acabo de terminar el curso y vengo a dar una recomendación que me sirvió bastante: antes de ver el video de cada clase, lean en la parte inferior todo sobre los recursos de esa clase. Así tendran claros los conceptos antes de ver la práctica que se realiza en la clase y no se perderán tan fácil 😉

Les dejo por aquí mis notas de todo el curso en Notion por si les sirve de apoyo.

A darle gran GNDX.!!

Que bonito…el profe lo dice como si fuera un cuento para niños. Que bonita explicación. Vengo del curso de Closures y Scope y la verdad esta genial como aborda los temas el profesor Óscar.

Genial los cursos de platzi, ahora a comenzar un nuevo curso para mi.

Para quien le interese la historia hay mas detalles respecto de la “guerra” Netscape vs Microsoft. Cuando empezo Microsoft creo otro lenguaje de scripting que era vbscript. Netscape le hizo juicio a Microsoft por competencia desleal ya que incluia internet explorer sin dar opcion de desinstalarlo aunque no era un software necesario para el funcionamiento de su sistema operativo. Hay un ensayo publicado como la catedral y el bazar que plantea el tema de fondo y un documental (Revolution OS) con el reflejo de aquella epoca. Netscape termina liberando el codigo de su navegador (que empezo siendo Mozilla y hoy es firefox) bajo el sistena de licenciamiento open source (copy left en contraposicion a copy right) que exponia el tema real que era las patentes de software. Fue una de las muchas guerras perdidas por Microsoft. El crecimiento del movimiento de software libre (open source) hoy tiene herramientas como libre office, lenguajes como Python y R, librerias como Numpy y Pandas, y el mayor exponente que es linux. Hasta Microsoft que le hacia la guerra tambien al software libre termino liberando herramientas como visual studio code y plataformas como net Core. Va mi reconocimiento a los idealistas que lucharon por esa idea.

como dice el dicho: quien no conoce su historia está condenado a repetirla

Hoy en día esta tomando fuerza TypeScript, veremos que nos depara el futuro

Me gusta la tranquilidad con la que enseña

siempre es bueno un curso del gran GNDX

Aquí les dejo mis notas por si a alguien le sirven 🤓.

Super, me agrada esta clase, una gran comienzo 😄.

Hola! Este curso es increíble, me ayudo a despeja un montón de dudas. **Tengo es un recomendación grande a los que van a iniciar.** Aunque el curso desarrolla temario de fundamentos, hay clases que pueden resultar en un nivel de dificultad intermedio porque profundiza en elementos de promesas, clases, etc. Por eso recomiendo, que antes de iniciar este curso, se avance en otras rutas de fundamentos de JavaScript e incluso en conceptos de backend. **Este curso resulta esencial para entender trayectoria del ECMAS, repasar conceptos y entender a profundidad otros. Pero no esta enfocado a nivel de principiante o básico.**
Solo diré, Que buena clase!!!

Muy buena explicacion por parte del profe Orlando Naipes 👌

excelente explicacion

Excelente, historia sin aburrir y excelente visualización
![](https://static.platzi.com/media/user_upload/image-73a26db2-b2f3-4da5-a99a-2666372a52a1.jpg)

ECMAScript

ECMAScript (abreviado como ES) es un estándar de lenguaje de programación que define las especificaciones para JavaScript y otros lenguajes relacionados. En otras palabras, ECMAScript es el estándar oficial que describe cómo debe comportarse un lenguaje de programación similar a JavaScript.

JavaScript es el lenguaje de programación utilizado en la web para agregar interactividad y dinamismo a los sitios web. Sin embargo, debido a que JavaScript evolucionó rápidamente y se utilizaba en diferentes navegadores con interpretaciones ligeramente diferentes, hubo una necesidad de estandarizar y formalizar su comportamiento.

ECMAScript especifica la sintaxis, las características y el comportamiento del lenguaje, lo que proporciona un marco común para que los desarrolladores puedan crear aplicaciones web consistentes y compatibles en diferentes entornos. Las nuevas versiones de ECMAScript introducen mejoras, nuevas características y correcciones de errores para mejorar la eficiencia y la funcionalidad del lenguaje.

El Comité Técnico 39 (TC39) de Ecma International es responsable de desarrollar y mantener las especificaciones de ECMAScript.

Cada nueva versión de ECMAScript se llama por su número de edición, como ES6 (ECMAScript 2015), ES7 (ECMAScript 2016), ES8 (ECMAScript 2017), y así sucesivamente.

En resumen, ECMAScript es el estándar que define las reglas y el comportamiento del lenguaje de programación JavaScript, y las diferentes versiones de ECMAScript introducen mejoras y nuevas características en el lenguaje utilizado en la programación web.


Sigamos con el aprendizaje! 👨‍💻

me asuste un poco porque este es mi primer curso de grado intermedio 😨

Nunca habia pensado que Mozilla significara eso. Vaya que JavaScript ha tenido una gran evolucion, donde hasta nuestros dias se sigue usando ese estandar.

Genial! Gran intro!

pase el curso y pues nose entiendo muy bien, si deseas te recomiendo el curso de node js del canal fazt en Youtube desde luego de la mitad del video se empieza a hablar de promesas async/await etc https://youtu.be/i3OdKwuBjeM

La forma como cuenta todo es magnifica parece como un buen cuento que amenamente atrae seguir conociendo más y más

Que genial la explicación!!

Prueba

ECMA vino a poner orden xd

Me encanto la explicacion por que fue practico gracias.

que bien ahora me quedo mas claro porque se usa mucho el termino ES o ES6

1/35 Historia de JavaScript: ¿qué es ECMAScript?

El lenguaje de programación JavScript se basa en la especificación de ECMAScript, la cual es estandarizada por Ecma International. La historia de la web y los navegadores comenzó con la creación de las computadoras durante la Segunda Guerra Mundial, y posteriormenta con la aparición de la Red Arpanet en 1969, que permitió la conexión entre dos computadoras para compartir información.

En 1990, Tim Berners-Lee creó las bases de la web, conocida como World Wide Web, y en 1993 se creó el primer navegador web llamado Mosaic. En 1994, Marc Anderssen fundó Netscape y desarrolló el primer navegador comercial con el mismo nombre, que incluía enlaces e imagenes primitivas.

La guerra de los navegadores comenzó entre 1995 y 2001, cuando Netscape y Microsoft compitieron comercialmente para posicionar sus navegadores en el mercado. Esta competencia dio lugar a nuevas tecnologías que han perdurado hasta la actualidad, como Internet Explorer, JavaScript y JScript.

En 1997, se creó ECMA para estandarizar los mútiples lenguajes de programación que estaban surgiendo, y se estableció el estandar ECMAScript para estandarizar el lenguajes, incluyendo características como parámetros por defecto, plantillas literales, declaraciones de variables con let y const, funciones fecha, promesas y async/await, y clases y módulos.

En 2015, con la introducción de ECMAScript 6, se incluyeron varias funcionalidades que situaron a JavaScript como uno de los mejores lenguajes de programación.

Es importante tener en cuenta que aunque ECMAScript introduce nuevas características, no todos los navegadores las soportan de inmediato. Por lo tanto se recomienda verificar la compatibilidad de las características con los diferentes navegadores en el sitio web “Can I Use? antes de utilizarlas.

Las herramientas recomendadas para trabajar con JavaScript incluyen:

  • Visual Studio Code - Editor de Código
  • Extensión Code Runner - para ejecutar bloques de JavaScript y mostrar el resultado en la terminal y la consola del navegador para visualizar el código generado y depurar errores.
  • Codi.link - Permite escribir y visualizar HTML, CSS y JavaScript en tiempo real.

Brendan Eich es un programador estadounidense conocido por inventar el lenguaje de programación JavaScript, así como el navegador Brave.

Barajas es el que tiene todas las cartas de Javascript… una eminencia 👏👏👏👏

cuando yo era chico trabajé en un lugar donde había computadora que tenia el tamaño de un escritorio. El disco duro tenía casi 1 metro de diametro…

Vamos a por otro curso de Oscar Barajas. Sin duda un gran maestro, me gusta mucho como explica.
A por otro curso más!!

🚨Lee esto antes de empezar🚨


Una recomendación: puede que llegue un punto en el curso en el que tu equipo no pueda correr las nuevas funcionalidades de JS, ya que es posible que tengas(o estes usando) una versión anterior de nodejs la cual no tendrá disponibles aún. Para solucionar esto te dejo la siguiente documentación, no es larga, espero te sirva.

Install nvm, node.js, and npm

les dejare por aqui los apuntes de un comañero. Estan geniales.
el compañero es @luisAriza
Esta todo el curso con lo que pueden ir avanzando y guiarse con ellos. gracias luis 🤙

Hace mucho tiempo tome este curso, era un platzi day, donde pusieron todos los cursos gratis, que bueno es volver a ver este curso, en especial ver que se ha actualizado con el paso del tiempo 😃

Esta es la película a la que Oscar se refiere:

Tienen que verla, está buena e inspiradora excepto como termina…

Aparte de Codi.link para ejecutar codigo js, ccs y html.
Si solo quieren ejecutar solo codigo JS lo pueden hacer en :
JSConsole

Es muy simbolico el hecho de que hace una pausa con una imagen de ECMA 2020 ya que comenzó la pandemia, que interesante es ver este tipo de cosas que se dan en el espacio tiempo, no?

Adjunto mis aportes.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ecma Script | Platzi </title>
<link rel="stylesheet" href="ecmaScriptPlatzi.css">
</head>
<body>
<Section class="solo-historia">
    <h1>Historia</h1>
    <p>
        Ecma Script
        <ul>
            <li> 1950: El inicio de las computadoras para analizar problemas de la segunda guerra mundial. </li>
            <li>1969: se crea la Red ArpaNET , inicio siendo utilizada en conceptos militares. </li>
            <li> 1970 - 1990: investigacion red ArpaNET</li>
            <li>1990:  Se crea el internet. por Tim Berners-lee. Se crea el concepto www = world wide web</li>
            <li>1993: NCSA MOSAIC nacimiento de un navegador que permite explorar las paginas web.</li>
            <li>1995: Creacion de JavaScript "Mocha" el nombre inicial </li>
            <li>1996: JScript - de Microsoft</li>
            <li>Despues de esto nace JScript para Microsoft</li>
            <li>1997: ECMA-262</li>
            <li>1997: ES1</li>
            <li>1998: ES2</li>
            <li>1999: ES3</li>
            <li>2000: ES4 <i>(abandonado)</i></li>
            <li>2005: ES5</li>
            <li>2015: ES6</li>
            <li>2016: ES7</li>
            <li>2017: ES8</li>
            <li>2018: ES9</li>
            <li>2019: ES10</li>
           

        </ul>           
        Marc Andreessen crea computadora Netscape la cual ya tenia un navegador web. html simple, img, enlaces,
        Inicia la Browser Wars
        1997: Microsoft desarrolla su propio navegador: Microsoft Interenet Explorer, competencia para NetScape. 
        con la competencia de navegadores nace CSS al igual que la empresa Mozilla <i>(mosaic + GodZilla)</i>.
        Dentro de Netscape nace JavaScript, y con esto Microsoftle monta una competencia Jscript, 
        y con esta variedad y competencia, nace Ecma Internacional, <b>European Computer Manufacturere Association</b> , Es el estándar y la serie de reglas en las que se 
       basaran leguajes de programación. 
        El lenguaje que mas utiliza esta estandarización es JavaScript, inicia con ECMA-262 en 1997
        

    </p>
    <p>

    </p>

    <h1>Versiones</h1>
    <p></p>
</Section>


</body>
</html>

Para la ver la historia en formato serie, “Halt and catch fire

Son notables las pausas a ratos del profe oscar, ahora se toma su tiempo para explicar bien las cosas.😅😅

Bueno, nuevo curso, a darle!

Hola chicos, aquí les comparto mis apuntes en Notion que hice en un principio para mí, pero quise compartirlo con ustedes, sé que les será de ayuda.
Recopilé los mejores aportes de algunas clases para complementar

Mis apuntes en Notion 💚

se nota lo nuevo, aún hay pocos comentarios.

Renovadisimo, super!