JAVASCRIP

T
POR: KARINA RIVERA VEGA
ROBERTO LÓPEZ VELÁZQUEZ
 TABLA DE CONTENIDO
 INTRODUCCION A JAVASCRIPT
 OBJETIVOS
 CONTENIDO
o HISTORIA DE JAVASCRIPT
o PROPÓSITO DE CREACIÓN DE JAVASCRIPT
o PRINCIPALES CARACTERÍSTICAS DE JAVASCRIPT
o USO EN EL MERCADO
o VENTAJAS Y DESVENTAJAS
o RECOMENDACIONES

 CONCLUSION
 VÍDEO
 PREGUNTAS
 INTRODUCCIÓN
En un breve período de tiempo, Eich creó JavaScript con el
objetivo de permitir a los desarrolladores manipular el
contenido de las páginas Web, validar formularios, gestionar
eventos del usuario y realizar acciones específicas sin
necesidad de comunicarse constantemente con el servidor.
La intención inicial de JavaScript era ser un lenguaje ligero y
fácil de usar que complementara la programación en el lado
del servidor, permitiendo una mayor interactividad y una
experiencia de usuario más rica en el navegador.
Desde entonces, JavaScript ha evolucionado y se ha
expandido para ser utilizado no solo en el lado del cliente,
sino también en el lado del servidor (con [Link]) y en una
variedad de contextos de desarrollo, convirtiéndose en un
lenguaje versátil y central en el desarrollo Web moderno.
 HISTORIA

La historia de JavaScript se comienza a mediados de la

década de 1990, cuando Brendan Eich, un ingeniero de
Netscape (empresa pionera en el desarrollo de
navegadores Web y una figura clave en los primeros días
de Internet) , fue encargado de desarrollar un lenguaje de
scripting para el navegador Netscape Navigator. En un
período de 10 días, Eich creó un lenguaje de programación
que inicialmente se llamó "Mocha" y luego fue renombrado
a "LiveScript" antes de adoptar su nombre actual,
JavaScript, por razones de marketing y para capitalizar la
popularidad creciente de Java en ese momento.
 PROPÓSITO DE SU CREACIÓN
JavaScript fue diseñado originalmente para
proporcionar interactividad en el lado del cliente en
aplicaciones Web.
Su objetivo era permitir a los desarrolladores
realizar manipulaciones en el navegador y
responder a eventos del usuario sin tener que
recargar la página.
Ejemplos del mismo son cambiar el contenido de
un elemento HTML, validación de formularios en
tiempo real, cargar datos de forma asíncrona
(AJAX) Netscape introdujo JavaScript en su
navegador en 1995, y poco después, Microsoft
lanzó una versión similar llamada JScript en
Internet Explorer.
 PROPÓSITO DE SU CREACIÓN
En un breve período de tiempo, Eich creó JavaScript con el
objetivo de permitir a los desarrolladores manipular el
contenido de las páginas Web, validar formularios, gestionar
eventos del usuario y realizar acciones específicas sin
necesidad de comunicarse constantemente con el servidor.
La intención inicial de JavaScript era ser un lenguaje ligero y
fácil de usar que complementara la programación en el lado
del servidor, permitiendo una mayor interactividad y una
experiencia de usuario más rica en el navegador.
Desde entonces, JavaScript ha evolucionado y se ha
expandido para ser utilizado no solo en el lado del cliente,
sino también en el lado del servidor (con [Link]) y en una
variedad de contextos de desarrollo, convirtiéndose en un
lenguaje versátil y central en el desarrollo Web moderno.
 PRINCIPALES CARACTERÍSTICAS
 Lenguaje de Programación del Lado del Cliente: JavaScript se ejecuta en el
navegador del usuario, lo que permite la creación de interactividad en las páginas
web sin necesidad de recargar la página.
 Lenguaje Interpretado: JavaScript es un lenguaje interpretado, lo que significa que
el código fuente se ejecuta directamente por el navegador sin necesidad de
compilación previa.
 Tipado Débil: JavaScript es un lenguaje de tipado débil, lo que significa que las
variables no tienen un tipo de dato estrictamente definido y pueden cambiar de
tipo durante la ejecución del programa.
 Orientado a Objetos: Aunque JavaScript tiene características de programación
orientada a objetos, como objetos y herencia, su modelo de objetos es prototípico
en lugar de basarse en clases como en otros lenguajes como Java o C++.
 Funciones de Primera Clase: Las funciones en JavaScript son tratadas como objetos
de primera clase, lo que significa que pueden asignarse a variables, pasarse como
argumentos y devolverse como valores de otras funciones.
 PRINCIPALES CARACTERÍSTICAS
 Asincronía: JavaScript es conocido por su capacidad para manejar operaciones
asíncronas de manera efectiva, lo que es esencial para realizar operaciones no
bloqueantes en el navegador, como la carga de recursos o las solicitudes de red.
 Manejo de Eventos: JavaScript permite la manipulación de eventos del usuario, como clics,
desplazamientos y pulsaciones de teclas, lo que permite crear interfaces de usuario
interactivas.
 ECMAScript: Especificación subyacente que define el estándar de JavaScript. ECMAScript
proporciona las reglas básicas para el lenguaje y se actualiza periódicamente para incluir
nuevas características y mejoras.
 Frameworks y Bibliotecas: Existen numerosos frameworks y bibliotecas, como React,
Angular y [Link], que facilitan el desarrollo web con JavaScript al proporcionar estructuras
y patrones de diseño predefinidos.
 [Link]: Permite la ejecución de JavaScript en el lado del servidor, ampliando el alcance
de JavaScript más allá del navegador y permitiendo la creación de aplicaciones web
completas.
 USO EN EL MERCADO
1. Desarrollo Frontend: JavaScript es fundamental en el
desarrollo frontend para crear interactividad y dinamismo en las páginas web.
Se utiliza en combinación con HTML y CSS para manipular
el Document Object Model (DOM), permitiendo la creación de interfaces de
usuario modernas y atractivas.
2. Frameworks y Bibliotecas: Existen numerosos frameworks y bibliotecas
basadas en JavaScript que facilitan el desarrollo frontend, como React,
Angular, y [Link]. Estos frameworks simplifican tareas comunes y aceleran el
proceso de desarrollo.
3. Desarrollo Backend con [Link]: [Link] permite a los desarrolladores
utilizar JavaScript en el lado del servidor. Esto facilita la creación de
aplicaciones web completas con un solo lenguaje, permitiendo la
sincronización entre el frontend y el backend.
4. Desarrollo de Aplicaciones Móviles: Frameworks como React Native
permiten a los desarrolladores utilizar JavaScript para crear aplicaciones
móviles multiplataforma, lo que facilita el desarrollo y el mantenimiento de
aplicaciones para iOS y Android.
 USO EN EL MERCADO

 Desarrollo de Juegos: JavaScript se utiliza en el desarrollo de juegos en línea y experiencias

interactivas en el navegador. Bibliotecas como Phaser y [Link] son populares para crear juegos
en 2D y 3D.
 Automatización de Tareas: Herramientas como Grunt y Gulp, que utilizan JavaScript, se utilizan
para automatizar tareas repetitivas en el desarrollo web, como la minificación de archivos, la
optimización de imágenes y la gestión de dependencias.
 Desarrollo de Extensiones de Navegador: JavaScript se utiliza para crear extensiones y
complementos que mejoran la funcionalidad de los navegadores, agregando características
personalizadas y funcionalidades adicionales.
 Integración en CMS: JavaScript se utiliza en el desarrollo de temas y plugins para sistemas de
gestión de contenidos (CMS) como WordPress, permitiendo la personalización y ampliación de la
funcionalidad de los sitios web.
 USO EN EL MERCADO
 Aplicaciones de Una Página (SPA):
JavaScript es fundamental en la creación
de SPAs, que ofrecen experiencias de
usuario fluidas y rápidas mediante la carga
dinámica de contenido sin recargar la
página.
 Desarrollo de Aplicaciones de
Escritorio: Frameworks como Electron per
miten a los desarrolladores utilizar
JavaScript, junto con HTML y CSS, para
crear aplicaciones de escritorio
multiplataforma.
 VENTAJAS Y DESVENTAJAS
§ Compatibilidad entre navegadores: Puede haber
 Ubicuidad: JavaScript se ejecuta en la mayoría de
problemas de compatibilidad entre navegadores, ya que
los navegadores Web, lo que lo convierte en un cada navegador puede interpretar JavaScript de manera
lenguaje omnipresente en el desarrollo web. ligeramente diferente.
 Interactividad del lado del cliente: Permite la  Seguridad: Al ejecutarse en el navegador del
creación de páginas web interactivas y dinámicas usuario, puede haber riesgos de seguridad, como ataques
al ejecutarse en el navegador del usuario, sin de scripting entre sitios (XSS). Es importante implementar
necesidad de realizar solicitudes al servidor para buenas prácticas de seguridad para mitigar estos riesgos.
cada acción.  Rendimiento: Aunque JavaScript ha
 Ecosistema robusto: Dispone de una gran cantidad mejorado significativamente en términos de rendimiento,
aún puede haber desafíos en aplicaciones muy
de bibliotecas y frameworks populares como React, intensivas en recursos, especialmente en comparación con
Angular y [Link], que facilitan el desarrollo y la lenguajes de bajo nivel.
gestión de aplicaciones complejas.
 Manejo asincrónico: La asincronía puede ser confusa
 Fácil aprendizaje: JavaScript es un lenguaje de para algunos desarrolladores, especialmente para
programación relativamente fácil de aprender para aquellos acostumbrados a modelos de programación
los principiantes, ya que es un lenguaje de alto síncronos.
nivel.  Problemas de escalabilidad: En proyectos grandes
 Desarrollo rápido: Permite el desarrollo rápido de y complejos, la gestión de dependencias y
prototipos y proyectos, lo que es beneficioso en el mantenimiento del código pueden volverse desafiantes
sin un enfoque adecuado y el uso de herramientas
entornos ágiles.
adicionales.
 RECOMENDACIONES
1. Aprende los fundamentos: Antes de sumergirte en bibliotecas y frameworks, asegúrate de tener una comprensión sólida
de los conceptos fundamentales de JavaScript, como variables, tipos de datos, funciones, ciclos y objetos.
2. Comprende la asincronía: JavaScript es un lenguaje de programación asincrónico. Aprende cómo funcionan las Promesas
y cómo manejar el código asincrónico para evitar problemas comunes, como el "callback hell".
3. DOM y manipulación del DOM: Comprende cómo funciona el Document Object Model (DOM) y cómo manipularlo
eficientemente. Esto es esencial para interactuar con elementos HTML y actualizar dinámicamente la interfaz de usuario.
4. Conoce ES6 y versiones posteriores: Familiarízate con las características introducidas en ECMAScript 6 (y versiones
posteriores), como las arrow functions, let y const, destructuring, clases, y más. Estas características modernas hacen que
el código sea más limpio y legible.
5. Utiliza herramientas de desarrollo: Aprende a utilizar herramientas como el Inspector de Chrome, para depurar y
perfilar tu código. También considera el uso de bundlers como Webpack y sistemas de gestión de paquetes como npm o
Yarn
6. Frameworks y bibliotecas: Explora los frameworks y bibliotecas populares como React, Angular o [Link], pero asegúrate
de entender bien JavaScript antes de depender completamente de ellos. Comprender los fundamentos te hará un mejor
desarrollador en el largo plazo.
7. Prueba tu código: La escritura de pruebas (testing) es una práctica fundamental. Aprende a escribir pruebas unitarias y
de integración para garantizar la calidad y la estabilidad de tu código.
8. Mantén actualizados tus conocimientos: JavaScript y su ecosistema evolucionan rápidamente. Mantente al tanto de las
nuevas características, herramientas y buenas prácticas. Participa en la comunidad, lee blogs y sigue a desarrolladores
influyentes en redes sociales.
9. Buena documentación: Documenta tu código de manera clara y concisa. Esto facilitará la colaboración con otros
desarrolladores y te ayudará a recordar el propósito y funcionamiento de tu código en el futuro.
10. Practica: La práctica constante es clave para mejorar como desarrollador. Trabaja en proyectos pequeños y desafiantes,
participa en desafíos de programación y colabora en proyectos de código abierto para ganar experiencia práctica.
 CONCLUSIÓN
JavaScript es un pilar en el mundo del desarrollo web y desempeña un papel fundamental en la configuración de la naturaleza
interactiva y dinámica de la web moderna. Desde sus humildes orígenes a mediados de la década de 1990 hasta su estatus
actual se destaca como uno de los lenguajes de programación más utilizados, JavaScript ha evolucionado continuamente para
satisfacer las demandas de un panorama digital en constante cambio.
A lo largo de esta presentación, hemos explorado la historia de JavaScript, profundizando en sus orígenes y los motivos detrás
de su creación. Hemos examinado sus características principales, destacando su tipado dinámico, herencia prototípica y
paradigma de programación basada en eventos. También analizamos las diversas aplicaciones de JavaScript, desde el
desarrollo Web frontend hasta la programación del lado del servidor e incluso el desarrollo de aplicaciones móviles y de
escritorio.
Si bien JavaScript ofrece una gran cantidad de ventajas, incluida la versatilidad, la velocidad de desarrollo y un vasto
ecosistema de bibliotecas y frameworks, no está exento de desafíos. Los problemas de compatibilidad del navegador, las
complejidades de la programación asincrónica y los posibles desafíos en seguridad son factores a los que los desarrolladores
deben enfrentarse.
Sin embargo, armados con conocimientos y mejores prácticas, los desarrolladores pueden aprovechar el poder de JavaScript
para crear aplicaciones Web sólidas, eficientes y fáciles de usar. El aprendizaje continuo y mantenerse actualizado con los
últimos desarrollos en el ecosistema JavaScript son esenciales para prosperar en este campo dinámico.
Al concluir, recordemos que el viaje de JavaScript está lejos de terminar. Con los avances tecnológicos y las necesidades cada
vez mayores de los usuarios, JavaScript seguirá evolucionando, dando forma al futuro del desarrollo web en los años
venideros. Entonces, aprovechemos las oportunidades que presenta JavaScript y embarquémonos en un viaje de innovación y
creatividad en el ámbito digital. Gracias.
 VÍDEO

JAVASCRIPT EN 5 MINUTOS
PREGUNTAS