Curso de Single Page Application con JavaScript Vanilla

Clases del Curso de Single Page Application con JavaScript Vanilla

Instruido por:
Oscar Barajas Tavares
Oscar Barajas Tavares
Básico
2 horas de contenido
Ver la ruta de aprendizaje
100tifi.co
Proyecto del curso
100tifi.co

Crea una aplicación web de página única y cárgala con información usando JavaScript Vanilla. Diseña una experiencia fluida para tus usuarios llamando a una API para mostrar la información y navegar entre los detalles de cada personaje.

Curso de Single Page Application con JavaScript Vanilla

Curso de Single Page Application con JavaScript Vanilla

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

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

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

Development

Material Thumbnail

¿Qué vamos a aprender?

01:07 min

Material Thumbnail

Introducción a SPA

04:23 min

Material Thumbnail

Configurar el entorno de trabajo

04:23 min

Material Thumbnail

Preparar Webpack

10:12 min

Templates

Material Thumbnail

Crear el Home

09:56 min

Material Thumbnail

Crear template de personajes

09:01 min

Material Thumbnail

Crear página de error 404

03:46 min

Router

Material Thumbnail

Crear rutas del sitio

13:02 min

Material Thumbnail

Conectar las rutas con los templates

10:27 min

Material Thumbnail

Implementar y probar las conexiones

06:20 min

Fetch Data

Material Thumbnail

Obtener personajes con la función de llamado a la API

10:21 min

Material Thumbnail

Conectar la función con la descripción de personajes

06:18 min

Deploy

Material Thumbnail

Configurar CSS para administrar elementos visuales

07:26 min

Material Thumbnail

Crear el script para enviar a producción

04:41 min

Material Thumbnail

Repaso, recomendaciones y tips para seguir aprendiendo

01:50 min

nuevosmás votadossin responder
Luciano Javier Costa Peralta
Luciano Javier Costa Peralta
Estudiante
Como se llama , es estillo que usas en visual studio code , ese medio fluor o iluminado  . 
1
Fredy Daniel Flores Lemus
Fredy Daniel Flores Lemus
Estudiante

Si quiero agregar eventos tipo mouse sobre algún nodo del DOM en que parte o archivo de todo el proyecto iría?

1
Libia Perez
Libia Perez
Estudiante

No me funciona lo de Travis 😰

3
Cristian Rodríguez
Cristian Rodríguez
Estudiante

¿Alguien sabe por qué no me permite darle click a la opción Trigger Builds?
Travis Block.JPG
Gracias de antemano. 😃

2
Agustin Gaviria
Agustin Gaviria
Estudiante

Hola a todos, me podrian ayudar… me sale este error:
Error: Cannot find module 'webpack-cli/bin/config-yargs’
ya he instalado esta version : “npm install [email protected]” pero el error continuna

2
Christian Alvarenga
Christian Alvarenga
Estudiante

Tengo un problema, no me aparece el mismo resultado que al profesor y la consola de Google no me arroja ningún error de código.

error.png

Dejo el link a mi repositorio por si alguien me pueda ayudar, muchas gracias de antemano.

1
Christian Alvarenga
Christian Alvarenga
Estudiante

Que quiere decir exactamente render?

1
Carlos Rodríguez
Carlos Rodríguez
Estudiante

En Webpack también se pueden crear app que no sean Single Page Application, es decir generar los html por páginas separadas y estilos por separados con media queries??

1
Carlos Rodríguez
Carlos Rodríguez
Estudiante

El deber ser no es capturar los errores por el tipo de respuesta a la api: 200 (todo bien), 400, 500…??

1
Carlos Rodríguez
Carlos Rodríguez
Estudiante

Que diferencia hay entre las carpetas public y dist en un proyecto??

1