La lógica detrás de nuestro enrutador
Taller de Creación de Router para Single Page App con JavaScript
Contenido del curso
Nathaly Stefani Riaño Bejarano
Miguel Ángel Ríos Yáñez
Fernando Torres
Alan Mena
Ricardo Celis
Profesor
Jorge Cruz Perez
Marcos Orozco Rios
Maricruz Pizaña Solano
Edgar Oswaldo Vargas Jara
DIEGO ADRADA
Carlos Eduardo Diaz Polanco
Maricruz Pizaña Solano
Juan Esteban Galvis
Carlos Eduardo Diaz Polanco
Maricruz Pizaña Solano
Sergio Estrella
ProfesorRicardo Celis
Profesor
Joel Canul Alonzo
Jesús maldonado
Juan Jose Vega
Miguel Angel Martelo Quiroz
Ricardo Celis
Profesor
Miguel Angel Muñoz Pozos
Ricardo Celis
ProfesorCarlos Eduardo Diaz Polanco
Levi Nuñez
Kevin Martello Mayorga Cleveland
Ricardo Celis
Profesor
Derian Abel Marchan Siancas
Juan Esteban Galvis
Carlos Eduardo Diaz Polanco
Diego Mierez
Ricardo Celis
ProfesorRicardo Celis
Profesor
Leobardo Licona Soto
Levi Nuñez
Jesús maldonado
Diego Alvaro Parra Abad
den velez
John Cardenas
Los pasos que se van a seguir para llevar a cabo la creación del Router del lado del cliente para SPA son: .
Cargar la ruta Identificar en donde nos encontramos en el sitio. (Carga inicial de la ruta).
Comparar la URL con una ruta La URL a la que nos queremos mover, se debe comparar con las rutas que tenemos.
Actualizar la URL en la barra de navegación Para esto utilizaremos el método de HTML pushState. (windows.history.pushState).
Actualizar el DOM con el nuevo contenido Para esto vamos a usar innerHTML.
Muchas Gracias por el aporte de agradece demasiado.
Gracias por los apuntes! Justo ví la necesidad de anotar esta parte importante!
Está excelente este tipo de introducciones a los proyectos. Tener el "overview" global del da más confianza y uno ya no se siente a ciegas de lo que va a estar aprendiendo y estudiando. Estaría excelente que se fuera implementando este tipo de iniciativa a más cursos. 👏🏼
Gracias gracias Alan!!
Yo apoyo esa propuesta
Excelente, así da ganas de estudiar:
felicitaciones profesor
Concuerdo totalmente contigo.
De acuerdo, cero improvisación
Excelente forma de enseñar Ricardo, puedo decir que es la primera vez que siento que realmente estoy aprendiendo algo de la forma correcta en Platzi y no solo siguiendo instrucciones. Sigue así,realmente inspira la forma en que enseñas.
Opino lo mismo!
Exacto, excelente profesor.
Este fue uno de los temas donde quede flojo en el curso de SPA de Oscar. Y viendo el código me parece que nos ira super bien!
me paso igual, estoy entusiasmado! luego repasare el de oscar!
Ya somos tres.
Me encanta que podamos ver de antemano que vamos a hacer y cómo lo vamos a hacer. Así sabes qué puedes esperar y te emociona al ver qué serás capaz de lograr :D
Así es sergio, bienvenido!
Vengo del curso de SPA y la verdad que esta introducción me hubiera gustado que hubiera algo así en el curso anterior donde me sentía super perdido y solo era seguir las instrucciones del profe sin saber que eran ni para que.
me gustaría haber visto este curso antes de ver el de spa. También me sentía muy perdido y lo que aprendí ahí no lo podía aplicar a otros lados por que no tenia contexto, espero que este curso lo solucione.
Ufff la **mejor ** clase introductoria que he visto.
Que buenos estos cursos de Ricardo, el porque y cómo de las cosas!!!
Muchas gracias Migue! Espero que sigas aprendiendo mucho por acá!
Me gustab este curso está muy interesante, y con JavaScript puro 👍😉
bienvenido!
que te parecio?
Es nos ayuda a que cada ves que cambiamos de pagina no se haga una recarga full de estas, y el fin principal de hacerlo con JS puro es poder ver como funcionar por detrás react router, angula router, etc.
Los pasos que se van a seguir para llevar a cabo la creación del Router del lado del cliente para SPA son:.
loadroute() loadInitialRoute()matchUrlToRoute()loadRoute()loadRoute()Arquitectura que se utilizara para esta aplicación:
Buena Explicación Vamos por el siguiente vídeo
Eso!
Una consulta.. Hay svelte router?? En el curso no lo tacaron, y me quedé con la duda
Creo que si, mira este repositorio: https://github.com/jorgegorka/svelte-router
Excelente introduccion, es necesario conocer bien JavaScript antes de pasar a los frameworks
Se nota que tienes una gran pasión por enseñar. Estoy haciendo este curso y el de algoritmos también y me siente muy cómodo con tu forma de explicar. ¡GENIO! un cordial saludo desde Argentina
Gracias Diego!
Qué gusto que te esté funcionando mi forma de enseñar, si algo sígueme en twiter y ahí estamos
Estoy haciendo actualmente el curso de SPA con Oscar Barajas, lo pausé en la parte del router ya que no lo comprendí del todo y viene a este curso... creo que es fundamental.
Este curso debería estar antes de este **Curso de Single Page Application con JavaScript Vanilla ** en la ruta de desarrollo web, creo que se entendería mejor
totalmente de acuerdo. aunque ver primero el spa y después este es un buen incentivo para re-cursarlo.
Aunque esta documentación está en Inglés, si no sabían mucho sobre Routers (como yo) pueden checar este artículo de medium.
https://medium.com/@fro_g/routing-in-javascript-d552ff4d2921
Espero que les sirva.
les recomiento la app goodNotes para iPad, para mi ha sido la mejor para usar el apple pencil
Por si alguien las necesita:
