Taller de Creación de Router para Single Page App con JavaScript

Taller de Creación de Router para Single Page App con JavaScript

Instruido por:
Ricardo Celis
Ricardo Celis
Avanzado
1 hora de contenido
Ver la ruta de aprendizaje
Taller de Creación de Router para Single Page App con JavaScript

Taller de Creación de Router para Single Page App con JavaScript

Progreso del curso:0/13contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/13contenidos(0%)

Introducción y bienvenida al curso

Aviso importante: este curso se dará de baja dentro de un mes

00:25 min

Material Thumbnail

Introducción y bienvenida al curso

02:41 min

Material Thumbnail

La lógica detrás de nuestro enrutador

10:58 min

Conceptos de SPA Routing y nuestro primer servidor

Material Thumbnail

Desglose del proyecto del curso y explicación del SPA Routing

07:41 min

Material Thumbnail

Implementando routing del lado del cliente

04:39 min

Material Thumbnail

Creando una aplicación sencilla en html

04:20 min

Material Thumbnail

Creando el servidor de nuestra app

03:16 min

Material Thumbnail

Creando nuestro archivo de rutas

03:35 min

Lógica de nuestro ruteador

Material Thumbnail

Creación de la función loadInitialRoute

07:57 min

Material Thumbnail

Haciendo match entre la URL y una ruta

12:56 min

Material Thumbnail

Creando la función load routes

09:57 min

Material Thumbnail

Actualizando nuestro index.html para agregar la nueva funcionalidad de routing

08:39 min

Cierre del curso y conclusiones

Material Thumbnail

Cierre del curso y conclusiones

02:17 min

nuevosmás votadossin responder
Fredy Daniel Flores Lemus
Fredy Daniel Flores Lemus
Estudiante

Si justo este curso me toca en la ruta de Desarrollo Web, es recomendable que lo haga, o mejor me espero a la renovación? 🤔

0
Magdiel Gómez
Magdiel Gómez
Estudiante

Se puede hacer este tipo de SPA haciendo registro de usuarios, y haciendo peticiones al servidor? como peticiones a Firebase

0
wanda-peruzzo
wanda-peruzzo
Estudiante

Esto con parametros dinamicos es mucho?
Deberia hacer una app siempre que necesite parametros dinamicos? … o es posible hacerlo asi de sencillo. Es
que solo son 4 paginas pero necesito parametros en la url.

1
wanda-peruzzo
wanda-peruzzo
Estudiante

Esto con parametros dinamicos es mucho? Deberia hacer una app siemplre que necesite parametros dinamicos … es que solo son 4 paginas pero necesito parametros en la url… que piensan?

1
manuelentrena
manuelentrena
Estudiante

¿Alguien me explica que hace esta linea? No entiendo el parámetro de selección ni el [0] del final

const routerOutElm = document.querySelectorAll("[data-router]")[0];
1
Yefri Enmanuel Encarnación Jiménez
Yefri Enmanuel Encarnación Jiménez
Estudiante

EL profe Celis habla de la falta de seguridad de usar innerHTML, y es cierto es peligroso usarlo, pero solo en situaciones donde el usuario tenga acceso al servidor. Ejemplo: si estas creando una app web que consiste en una red social que la personas pueden hacer publicaciones que logicamente se guardan en el servidor, en este caso es muy peligroso usarla. Pienso que si alguien de manera malitencionada piensa aprovecharse de que usaste innerHTML en alguna parte donde solo se ve afectada la parte del cliente es una perdida de tiempo preocuparse puesto que si lo va hacer lo puede hacer simplemente utilizando las DevTools, lo que tenemos que asegurarnos es que una vez usado innerHTML los datos pasados por este no se redirijan a nuestro backend para ser guardados en el servidor.

Esto es lo que tengo entendido sobre el tema y si estoy en lo correcto no hay problema con usar innerHTML en este caso. Si estoy equivocado por favor corrijanme agradeceré el aporte 😉

0
Agustín Ravena
Agustín Ravena
Estudiante

Tengo el mismo código que el profe, y aún así tengo este problema. Que puede ser? Ya lo compare durante bastante tiempo, y no encuentro una diferencia

0
Alejandro Carranza
Alejandro Carranza
Estudiante

Hay forma de hacerlo sin hardcodear las funciones de los button?

0
Isabela  Jimenez Salazar
Isabela Jimenez Salazar
Estudiante

¿cuando el usuario cambia el url manual mente hace una peticion get?, como controlo esa peticion para que cargue el route correcto?, vi que con hash si se puede controlar ese evento

0
Yosef Enmanuel Blandin Rios
Yosef Enmanuel Blandin Rios
Estudiante

¿Para que usa el slice si ya el split esta eliminando el slash?

1