JAVASCRI

PT
Equipo 3
 M3S2 – Equipo 3
INTEGRANTES
Bautista Guzmán Ariadna Yameli
Galicia Ramírez Dafne Yareli
Pérez García Esperanza
Guadalupe
Ramírez Hernández Dora
Yesenia

Marzo 08,
2024
 CONTENIDO
¿Qué es ¿Cómo funciona
1 6
Diferencia
JavaScript?Java y JS?
2 7 HTML, CSS Y JS
Historia
JS de
3 8 Sintaxis
JavaScript
4 Características 9 Ventajas y
¿Para qué sirve Desventajas de usar
5 10
JS? JS
 CONTENIDO
1 1 Frameworks y
Lado del Cliente
1
1 6
1 ¿Cómo aprender
Bibliotecas
Lado del Servidor
2
1 7
1 JS?
Requerimientos min. Importancia de
3
1 8
Instalación de JS aprender JS
4
1 IDE 1
Ejemplos
5 recomendados 9
 INTRODUCCIÓN
En esta exposición veremos todo lo relacionado a
JavaScript, comenzando por su concepto, su
historia, sus características, sintaxis, las ventajas y
desventajas que este lenguaje nos brinda, así
como la manera en la que se trabaja JavaScript
desde el lado del servidor y en el lado del cliente,
entre muchas cosas más, ya que es sorprendente
todo lo que se puede lograr hacer con él.
1. ¿QUÉ ES
JAVASCRIP
T?
JavaScript es un lenguaje de
programación diseñado
principalmente para añadir
interactividad a las páginas webs y
crear aplicaciones web.
2.
DIFERENCIA
ENTRE JAVA
Y
Se debe dejar muy claro
que Java y JavaScript se
escriben, construyen y
ejecutan de manera diferente.
También hay una gran
diferencia en lo que cada
lenguaje puede hacer.
3. HISTORIA
DE
JAVASCRIPT
La historia del lenguaje JavaScript
empieza durante la década de los
años 90, donde se vivió un
verdadero boom tecnológico, el
Internet cobró un protagonismo
mayor a nivel mundial y la
humanidad inició formalmente su
relación con las computadoras.
Linea del tiempo
1965 – 1995
Los inicios de la
programación y la web
1995 – 1996
El nacimiento de
JavaScript
1996 – 1999
La estandarización de
JavaScript
2000 - 2005: El auge de AJAX y las
bibliotecas de JavaScript

2006 - 2008: El nacimiento de

Node.js y la aparición de
ECMAScript 5
2009 - 2014: ECMAScript 6 y
el auge de los frameworks de
2015 - presente: ECMAScript
2015 y más allá
 4.
CARACTERÍSTIC
AS
DE JAVASCRIPT
JavaScript es un lenguaje formal
que se utiliza principalmente
para producir recursos
interactivos en páginas web.

Tiene varias características que

lo hacen único y ampliamente
utilizado en el desarrollo web.
Imperativo
y
Estructurad Interpretad
o o

Tipado Sencillo y
Débil muy utilizado
Cliente y Multiplatafor
Servidor ma

Orientado a
Objetos
5. ¿PARA QUÉ SIRVE
JAVASCRIPT?
Lo que se puede hacer con JavaScript
abarca diferentes tipos de software,
como juegos, programas de
computadora, aplicaciones web y hasta
tecnologías de blockchain.
JavaScript es posiblemente el lenguaje
de programación más popular de la
web.
 6. ¿CÓMO
FUNCIONA
JAVASCRIPT?
• Descarga y carga del código

• Análisis léxico y sintáctico

• Creación del árbol de análisis (AST)

• Interpretación línea por línea

• Ciclo de eventos
7. HTML, CSS
Y JAVASCRIPT
HTML es el esqueleto, formado por
los huesos que lo sostienen. CSS es
la piel, el cabello y las ropas,
creando la apariencia que
realmente vemos cuando miramos
a alguien. Y por fin, Javascript es el
músculo que le da movimiento al
cuerpo.
8. SINTAXIS
Datos y conceptos
1. Influencia.
DATOS
2. Diferencia entre mayúsculas y minúsculas.

3. Instrucciones o declaraciones.

4. Escaneo del texto fuente.

5. Comentarios.

6. Variables.
CONCEPTOS

● Fragmentos

● Caracteres de control

● Terminadores de línea

● Var

● Let

● Const
 9. VENTAJAS DE
USAR JAVASCRIPT
1. Interactividad en tiempo real

2. Detección y respuesta a eventos

3. Manipulación sencilla del DOM

4. Creación de formularios interactivos

5. Innovación en la carga de contenido dinámico

6. Animación y efectos visuales para los sitios

7. Desarrollo de juegos y aplicaciones interactivas

8. Comunicación inmediata entre el cliente y el

servidor

9. Amplia adopción en el desarrollo web

10. Ejecución constante en el lado del cliente

11. Comunicación asíncrona con el servidor

12. Uso versátil para desarrolladores

13. Amplio repertorio de bibliotecas y frameworks

14. Facilidad de aprendizaje

15. Evolución continua en cada nueva versión

16. Compatibilidad con múltiples navegadores

17. Velocidad

19. Simplicidad
10. DESVENTAJAS DE
USAR JAVASCRIPT
1. Falta de compatibilidad entre navegadores

2. Nivel de seguridad deficiente

3. Funcionalidad sujeta al uso del cliente

4. Seguridad Client-Side
11. LADO DEL
CLIENTE
 Puntos clave
• Interacción en Tiempo Real.

• Manipulación del DOM (Document Object

Model).

• Eventos y Respuestas.

• Carga de Contenido Dinámico.

 En el lado del cliente, se
puede utilizar JavaScript
para:
 Validar los datos enviados en formularios

 Interactuar con elementos HTML y CSS

 Crear animaciones y efectos visuales dinámicos

 Agregar interactividad en juegos web

 Desventajas de utilizar JavaScript en el lado del
cliente

 Depende de la capacidad y velocidad del

navegador del usuario

 Los usuarios con JavaScript deshabilitado no

podrán acceder a las funcionalidades de tus
aplicaciones

 Problemas de seguridad.
12. LADO DEL
SERVIDOR
 Puntos clave
• Manipulación de datos en el servidor.

• Construcción de API y servicios web.

• Compartir código entre el cliente y el

servidor.
 En el lado del servidor, se
puede utilizar JavaScript
para:
 Manejar la lógica del negocio en
aplicaciones web

 Crear servidores web escalables

 Interactuar con bases de datos y

almacenamiento
 JavaScript en el lado del
servidor
 Mayor complejidad en la implementación y

configuración del servidor

 Requiere de habilidades técnicas más

avanzadas para su implementación

 Mayor costo en tiempo y recursos de

desarrollo comparado con JavaScript en el
13. REQUERIMIENTOS
DE HARDWARE Y
SOFTWARE PARA SU
INSTALACIÓN
poseer tu computador son
los siguientes:
● Una memoria RAM de 128 MB.

● Poseer Windows 2000 o en su defecto el XP.

● Procesador Pentium III de 8000 Mhz o

superior.

● Un espacio libre en el disco duro de 15 MB.

 Para un funcionamiento óptimo del
JavaScript, se deben cumplir con las
siguientes especificaciones:
 Un procesador Pentium 4.
 Tener instalado Windows Vista.
 Una memoria RAM de 256 MB.
 Un espacio libre en el disco duro de 20
MB.
 Un monitor con una resolución de
Dentro de los elementos de software
para utilizar JavaScript solo necesitamos
un navegador web.
O bien, nos apoyaremos de un IDE, por
ejemplo, Visual Studio Code, NetBeans,
Atom, entre otros, considerando la
compatibilidad que tengan con nuestra
14. INSTALACIÓN DE
JAVASCRIPT
 Pasos para activar JavaScript
en iOS
1. Abrir el “Centro de control del dispositivo”

arrastrando en dedo de abajo hacia arriba.

2. Verá varias opciones y seleccionar la que dice

“Ajuste”.

3. Luego pulse en “Safari” para abrir el navegador.

5. Visualizará varias opciones y

debe elegir la que dice

“Seguridad”.

6. Ahora de las opciones que

aparecen marque en

“JavaScript”.
 Pasos para activar JavaScript en
Chrome
1. Abrir el navegador “Chrome” en tu ordenador.

2. Luego presionar los tres puntos que se encuentra en la

parte superior derecha del navegador.

3. Visualizará varias opciones y va a marcar “Configuración”.

4. Se abrirá una nueva página y debe seleccionar la opción

“Avanzados”.
5. Luego “Privacidad y Seguridad”.

6. Seguidamente, va a elegir la opción

“Configuración de contenidos”.

7. Le aparecerán varias opciones y vas

a pulsar en “JavaScript”.

8. Por último, mueva la pestaña a

“Activado” y listo.
 Otra opción para activar
JavaScript con Chrome es hacer lo
siguiente:
1. Ingrese al navegador y abra cualquier web que le

solicite JavaScript.

2. Luego le aparecerá una notificación y debe pulsar

en “Permitir” para habilitar los permisos de

JavaScript.

3. Por último, marque en “Aceptar” y listo.

 Pasos para activar JavaScript en
un navegador Mozilla Firefox

1. Abrir el navegador “Mozilla Firefox” como de

costumbre.

2. Luego escriba en el buscador “About:config”

sin las comillas.

3. Se abrirá una nueva página con un mensaje y

debe presionar “Acepto el riesgo”.
4. Se abrirá otra página y debe escribir en el
buscador “Javascript” sin las comillas.

5. Le aparecerán todos los comandos que

contengan ese nombre y debes elegir el que
dice “javascripts:eneabe”.
 Pasos para activar JavaScript en
un navegador Opera
1. Abrir el navegador “Opera” como lo haces

normalmente.

2. Luego pulsar en “Configuración”.

3. Se abrirá una nueva página y en la parte

lateral de la misma presione “Avanzados”.

5. De todas las opciones que le

aparecen, marque “Ajustes de

contenido”.

6. Visualizará otras opciones y va a

elegir “JavaScript”.

7. Finalmente, active o desactive los

15. ¿CUÁLES SON LOS IDE
PARA PODER PROGRAMAR
JAVASCRIPT?
1. Dreamweaver 7. Aptana

2. GoormIDE 8. AWS Cloud9

3. Sublime Text 9. Eclipse

4. Código de Juego.io 10. Fuentelair

5. JSFiddle 11. BB

6. CódigoPluma 12. PS Pad

16. FRAMEWORKS Y
BIBLIOTECAS EN
JAVASCRIPT
• React • D3.js

• Angular • jQuery

• Vue.js

• Express.js

• Ember.js
 17. ¿CÓMO
APRENDER
JAVASCRIPT?
Algunas recomendaciones:

 Documentación oficial de JavaScript.

 Tutoriales en línea.

 Libros de programación.

 Proyectos prácticos.
18. ¿POR QUÉ ES IMPORTANTE
APRENDER JAVASCRIPT?
 ¿Por qué?
Es un lenguaje muy versátil y potente, que te
permite crear desde pequeñas animaciones
hasta aplicaciones web complejas. Con
JavaScript puedes crear todo tipo de
proyectos, desde juegos hasta herramientas
de productividad, pasando por aplicaciones
de comercio electrónico o redes sociales.
 JavaScript es el lenguaje
de programación más  Es multiplataforma
usado.  Es rápido para
 Es fácil de aprender. desarrollar.
 Es el lenguaje con más  Es un lenguaje de
demanda de trabajo. programación versátil.
 Puedes desarrollar  Está en constante
videojuegos evolución.
19. Ejemplos del uso
de JavaScript
 CONCLUSIÓN
A lo largo de este trabajo de investigación
hemos recorrido desde el concepto de
JavaScript hasta algunos ejemplos de como
se emplea este lenguaje de programación,
JavaScript es una parte fundamental para
la elaboración de páginas web, pero no
trabaja solo, sino que se complementa con
HTML y CSS.
 BIBLIOGRAFÍA
• https://blog.hubspot.es/website/que-es-javascript
• https://www.aprenderaprogramar.com/index.php
• https://utel.mx/blog/menu-profesional/historia-del-lenguaje-
javascript/
• https://lineadetiempo.net/la-linea-del-tiempo-de-javascript/
• https://www.manualweb.net/javascript/caracteristicas-
javascript https://www.aluracursos.com/blog/html-css-
javascript-cuales-son-las-diferencias
• https://blog.hubspot.es/website/ventajas-y-desventajas-de-
javascript https://www.inabaweb.com/javascript-en-el-lado-
del-cliente-vs-javascript-en-el-lado-del-servidor/
• https://trspos.com/lado-del-cliente-javascript-vs-servidor/
• https://requisitos-para.org/requisitos-para-instalar-javascript/
El equipo 3
agradece la
atención
prestada.