Scribd
Cargar
10 vistas

Conceptos HTML y JavaScript Bloque 4 JavaScript en La Web

Cargado por

ejekatl1504
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
10 vistas

Conceptos HTML y JavaScript Bloque 4 JavaScript en La Web

Cargado por

ejekatl1504
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PPTX, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 14

Conceptos

HTML y
JavaScript
JavaScript en la web

Bloque 4
JavaScript

Contenido del bloque 4


1. Enrutamiento en JS
2. Módulos en JS
3. ¿Qué son las librerías?
4. ¿Qué es una API?
5. La arquitectura cliente-servidor.
6. ¿Qué es AJAX?
7. Los métodos en AJAX.
8. Frameworks del lado cliente.

3 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Enrutamiento en JS
Ya hemos visto como ir cambiando el contenido de nuestra página web, y hacer incluso que
al accionar un evento parezca otra muy diferente.

JavaScript nos permite realizar estas SPA (single page application), pero también podemos
proporcionar a nuestras aplicaciones varias páginas diferentes y redireccionar.

Para poder hacer esto podemos utilizar la propiedad window.location.href, que debe ser
igualada al enlace al que se quiere acceder.

Con esto podemos lograr dividir nuestro proyecto en varias partes, como si se tratara de
módulos diferentes y poder trabajar de forma más escalonada.

4 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Los módulos en JS
En un principio, JavaScript fue utilizado para escribir programas pequeños, que
proporcionaran algo de interactividad. Hoy en día hay aplicaciones que se ejecutan de
forma completa con este lenguaje, por lo que tenemos la necesidad de poder dividir
nuestros programas.

Esto se consigue mediante los módulos, que son divisiones de los programas que podemos
importar desde un archivo a otro cuando lo necesitemos.

Lo primero que debemos hacer si queremos utilizar algún elemento fuera de nuestro
módulo es anteponer la palabra export. Se pueden exportar funciones, clases, variables,…

Para importar un módulo desde nuestro script, deberemos utilizar la palabra import,
seguido de lo que queremos importar e indicando su ruta.

5 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Librerías
Una librería en programación representa un conjunto de subprogramas creados por terceros
que agilizan la programación facilitándonos funciones determinadas y ajustadas entre sí,
pudiendo usarlas sin necesidad de escribir código nosotros.

Podemos acceder a ellas solo mediante el entorno de un programa, las funciones de las
bibliotecas no pueden ejecutarse de forma independiente.

Tienen una funcionalidad preconstruida, contienen funciones y variables y deben ser


importadas en nuestros proyectos si quieren ser usadas.

En este curso vamos a ver como se utiliza la librería jQuery, que permite manipular el
DOM, manejar eventos, desarrollar animaciones y agregar interactividad con servidores
mediante la técnica AJAX.

6 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Algunas librerías interesantes

7 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

¿Qué es una API?


Las APIs son construcciones disponibles en los lenguajes de programación que permiten a
los desarrolladores crear funcionalidades complejas de una manera simple. Permiten utilizar
funciones de otros software o aprovechar la infraestructura existente en otra plataforma.

Una API sirve para extender la funcionalidad del navegador, simplificar funciones complejas
y darnos una sintaxis fácil a un código complejo.

Hay APIs de terceros que no son construidas en nuestro buscador, sino que nos brindan
ciertos sitios como YouTube o Twitter. Mediante estas APIs logramos reutilizar código que ha
sido probado y funciona perfectamente, sin necesidad de utilizarlo nosotros.

Las mas famosas son las API REST, que son aquellas que nos simplifican la comunicación
entre un cliente y un servidor.

8 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

La arquitectura cliente-servidor
La arquitectura cliente-servidor es un modelo de comunicación en diseño de software donde
identificamos dos partes, el cliente, que solicita un servicio o recurso, y el servidor, que es
el que lo provee de ellos.

Permite una centralización de la gestión de la información y la separación de


responsabilidades.

9 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

AJAX
AJAX significa JavaScript asíncrono y XML, y es un conjunto de técnicas que permite realizar
peticiones a servidores de forma asíncrona.

Optimiza la experiencia del usuario y permite a las páginas web ser actualizadas
intercambiando información con un servidor de forma interna y asíncrona.

Dentro de AJAX, vamos a poder realizar peticiones al servidor de muchas formas. Vamos a
conocer los métodos POST, GET, DELETE y PUT.

10 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Los métodos en AJAX


GET: Pide los datos de un recurso especificado. GET se utiliza básicamente para conseguir
algunos datos del servidor.

POST: Se puede utilizar para obtener algunos datos del servidor. Sin embargo, el POST
nunca almacena en caché de datos, y con frecuencia se utiliza para enviar datos junto con
la solicitud.

PUT: La petición HTTP PUT crea un nuevo elemento o reemplaza una representación del
elemento de destino con los datos de la petición.

DELETE: La petición DELETE se utiliza para borrar el contenido almacenado en un servidor.

11 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Frameworks del lado del cliente


Los frameworks de JavaScript son una parte esencial del desarrollo web front-end
moderno, los cuales proveen a los desarrolladores herramientas probadas y testeadas para
la creación de aplicaciones web interactivas y escalables.

12 Editeca.com ® Todos los Derechos Reservados 2021


JavaScript en la web

Ejercicio final del bloque 4


El ejercicio final consistirá en la entrega de una actualización simple del proyecto que
hemos ido creando a lo largo del curso.

Se valorará:

• La inclusión de enrutamiento y distintos archivos html.


• El uso de alguna librería externa, como Bootstrap.
• La utilización de módulos para declarar clases.

Esta será la última práctica entregable que definirá el proyecto final del curso.

La práctica debe ser entregada mediante Github, invitando al usuario RicardoCebrianGarcia


a un repositorio creado por el alumno.

13 Editeca.com ® Todos los Derechos Reservados 2021


Gracias

También podría gustarte