Regálate acceso ilimitado a todos los cursos por 1 año a precio especial de Navidad 🎄

Antes: $199

Currency
$149/año
regístrate

termina en:

16D
1H
52M
46S

Historia de JavaScript: ¿qué es ECMAScript?

1/35
Recursos

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 34

Preguntas 1

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

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:

He aquí mis notas del curso completo

Recién salido del horno!!! Siuuuuu

siuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu

Platzi no actualiza sus cursos…

Sí, claro…

MI APUNTE DE LA CLASE EN NOTION.

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!

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

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

Un 10 al de los dibujos de Oscar.

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.

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

La placa se encuentra en la que en su momento fue la oficina de Tim Berners-Lee en el CERN

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

Me gusta la tranquilidad con la que enseña

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

A darle gran GNDX.!!

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 🥰🤩

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 😄.

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.

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.

Renovadisimo, super!