Historia y Evolución del Lenguaje de Programación JavaScript

 JAVA SCRIPT

JavaScript fue creado por Brendan Eich, inspirado por otros lenguajes como Java, Scheme y Self. El propósito de JavaScript fue dar solución a la problemática de las páginas estáticas.

El primer lenguaje generado fue Mocha, construido por Brendan Eich en 1995. Este permitía una pequeña interactividad en las páginas para el navegador Netscape. Sin embargo, debido a que su desarrollo fue muy rápido, tuvo que evolucionar, y ese mismo año se produjo LiveScript.

LiveScript era una mejora de Mocha que ofrecía algunas características de interactividad más avanzadas. A finales del mismo año, se originó una nueva versión del lenguaje, llamada JavaScript.

El nombre de JavaScript fue puramente comercial, debido a que el lenguaje más popular de la época era Java. Por lo que querían relacionarlo con este para que creciera su popularidad. Sin embargo, JavaScript y Java son dos lenguajes totalmente diferentes.

JavaScript como estándar de la web

A medida que JavaScript obtuvo más popularidad, surgieron variaciones de este lenguaje. En 1995, la empresa Microsoft decidió hacer su variación del lenguaje para utilizarlo en su navegador Internet Explorer.

Debido a que surgían nuevas versiones del lenguaje, y para evitar que cada navegador tuviera una versión diferente, la organización ECMA International (que en ese momento surgió como un comité) decidió que los navegadores emplearían un estándar del lenguaje JavaScript.

Esta organización se encarga de añadir nuevas características, el lenguaje que permitan la evolución de JavaScript.

Motor Engine V8

En el año 2008, surgió el motor de JavaScript creado por Google. Este corre en el navegador, con el nombre V8 JavaScript Engine, y fue un desarrollo importante en la historia de JavaScript, ya que resolvió la problemática de los tiempos de interpretación.

La razón detrás de esta mejora tan grande radica principalmente en la combinación de intérprete y compilador. Hoy en día, los cuatro motores de búsqueda usan esta técnica: el intérprete ejecuta el código fuente casi de inmediato y el compilador traduce el código fuente en código máquina para que el sistema del usuario se ejecute de manera directa.

Node.js, JavaScript del lado del servidor

Node.js es la forma como podemos utilizar JavaScript de parte del servidor o en el backend, esto debido a que utiliza el motor Engine de JavaScript V8.

Java Script: WEB COMPONENTS

 

WEB COMPONENTS

bloques de construcción que permiten a los desarrolladores crear aplicaciones web de manera modular y eficaz.

APIS que se utilizan para crear web components. 

1. Custom Elements: Permiten definir nuevas etiquetas HTML personalizadas.
2. Shadow DOM: Proporciona un encapsulamiento de código para evitar conflictos de estilos y comportamiento entre componentes.
3. HTML Templates: Permiten definir plantillas de HTML que se pueden clonar y renderizar en el DOM.
4. HTML Imports: Aunque no se convirtió en estándar, era la forma inicial de importar componentes. Se sustituye por los módulos de ECMAScript.

Estas APIs permiten crear componentes web reutilizables y modularizados.

BENEFICIOS DE LOS WEB COMPONENTS

short list

Don´t repeat yourself

Personal Library

 MY BOOKS

Hello folks, I’m going to tell you about the latest software project I created using only HTML and CSS. The idea was to build a story about the books I’ve read throughout my life, so I wrote about the last book I remember.

the URL of the site is: https://librarybooksp.netlify.app/

Identidad developer

🌎 Identidad Global de Juan David

“Desarrollador y Comunicador Internacional”

---

🧭 Visión

> “Estoy construyendo una vida profesional y personal que trasciende fronteras.

Me convierto en un desarrollador frontend competente y en un comunicador en inglés capaz de conectar con personas, equipos y oportunidades en cualquier parte del mundo.

Busco estabilidad financiera, crecimiento constante y una mentalidad enfocada en la excelencia.”

---

💬 Afirmación de Identidad

> “Soy un profesional disciplinado que aprende cada día para expandir su mente, mejorar su código y fortalecer su comunicación.

El inglés y el desarrollo son mis herramientas para crear libertad, impacto y estabilidad.”

Versión corta (mantra diario):

> “I grow, I build, I connect.”

(“Crezco, construyo y me conecto.”)

⚙️ Hábitos de Identidad Integrados

Momento del día Acción Enfoque Ejemplo

🌅 Mañana Escuchar un podcast en inglés sobre desarrollo Doble aprendizaje Syntax.fm, English with Tech

💻 Antes o después de entrenar Resolver un pequeño reto de frontend o repasar código Técnica Frontend Mentor, LeetCode

☕ Pausa o desayuno Leer una noticia o artículo en inglés Lenguaje BBC Learning English, Dev.to

🌙 Noche Escribir 3 frases en inglés sobre lo que aprendiste en programación Integración “Today I learned how to…”

📅 Fin de semana Avanzar en tu portafolio o proyecto real Profesional Dashboard en React con Supabase, portafolio en inglés.

💭 Afirmaciones Mentales

“Soy un desarrollador global en constante evolución.”

“Mi disciplina me conecta con las oportunidades del mundo.”

“El inglés y el código son los lenguajes que construyen mi libertad.”

“No compito con otros; me supero a mí mismo cada día.”

“Mi futuro es el resultado de mi constancia, no de la suerte.”

---

💡 Lema Personal

> “Construyo mi libertad con disciplina, conocimiento y conexión.”

MACHINE LEARNING

 

INTRODUCTION TO MACHINE LEARNING AND IT'S APPLICATION IN INTELLIGENCE

What is the artificial intelligence?

- They are computer algorithms with large amounts of data that read files and recognize patterns. 

AI uses algorithms to emulate our natural intelligence.

AI recognizes patterns in large amount of data.

Process of Machine Learning

It's objective is for computers to learn. How can they do this?

What is Data Science?

- It's the process of analyzing data to make predictions, support decision-making, and develop data-driven products. 

NODE.JS

SUMARY

¿What is Node.js?, Origins and philosophy. 

Node.js is a JavaScript runtime enviroment created in 2009 , it is oriented to servers. 

Features:

• Single thread with asynchronous inpust and outputs. 
• V8 engine.
• module centric.
• event oriented.

EventLoop: asynchronous by design

A process with a loop that asynchronously manages all events of your aplication.

you imagine a circle, it will go round and round. 

Event Queue It is everything you have in the line of code. (function,Request, Event).

Thread Pool: For each request, it spins up a thread.

Develop React.js

TOOLS AI