-
check_circle_outlineMódulo 1 | 5 clases
Introducción y configuración
expand_more -
check_circle_outlineMódulo 2 | 5 clases
Webpack
expand_more -
check_circle_outlineMódulo 3 | 5 clases
Layout
expand_more -
check_circle_outlineMódulo 4 | 10 clases
Estilos con SASS
expand_more -
check_circle_outlineMódulo 5 | 9 clases
Slider de productos
expand_more-
done_all
Clase 1
Layout del slider
-
done_all
Clase 2
Transformaciones CSS
-
done_all
Clase 3
Efecto separador
-
done_all
Clase 4
Funcionalidad del slider
-
done_all
Clase 5
Función de animación
-
done_all
Clase 6
Animaciones CSS para el slider
-
done_all
Clase 7
Elementos del Slider
-
done_all
Clase 8
Flechas del Slider
-
done_all
Clase 9
Precargado de imágenes
-
-
check_circle_outlineMódulo 6 | 3 clases
Google Maps
expand_more -
check_circle_outlineMódulo 7 | 4 clases
Navegación
expand_more -
check_circle_outlineMódulo 8 | 5 clases
Service Workers (páginas sin internet)
expand_more -
check_circle_outlineMódulo 9 | 4 clases
Subir a producción
expand_more -
check_circle_outlineMódulo 10 | 2 clases
Despedida
expand_more
9 comentario(s)
Me gusto mucho este curso!! tuve uno que otro problemita con webpack pero fue por la version, adicional a eso aprendi mucho! este es de mis cursos favoritos :)
Amigo no entendí qué fue lo que hiciste. ¿Me puedes explicar por que colocas la línea 10 en el minuto 1:45? Cuando hago console.log(image.onload) me sale 'null' y con resolve me dice 'function(){native code}'.
La verdad no entendí por qué lo hiciste. Otra cosa, ¿qué es lo que logramos con todo esto? Yo sé que el objetivo es que las imágenes se precarguen pero ¿no se supone que se cargan es al usar la clase Slider que es la que va cambiando de imagen según la animación?
Aquí lo único que veo que se logra es cambiar el display cuando se resuelvan las promesas que veo que lo único que hacen es iterar un array con rutas de imágenes. No entendí qué hace realmente la función 'preloadImage' (la que carga los items individualmente) creo que por lo que dije de la función onload a la que se le asigna el valor de la función resolve.
Además tampoco vi ningún cambio al cargar las imágenes. No sé si será por el devTools de Firefox pero veo que se cargan es justo cuando aparecen en la animación. No sé si así se tenía que comportar todo. Te agradecería que me lo aclares cuando puedas, gracias.
La verdad no entendí por qué lo hiciste. Otra cosa, ¿qué es lo que logramos con todo esto? Yo sé que el objetivo es que las imágenes se precarguen pero ¿no se supone que se cargan es al usar la clase Slider que es la que va cambiando de imagen según la animación?
Aquí lo único que veo que se logra es cambiar el display cuando se resuelvan las promesas que veo que lo único que hacen es iterar un array con rutas de imágenes. No entendí qué hace realmente la función 'preloadImage' (la que carga los items individualmente) creo que por lo que dije de la función onload a la que se le asigna el valor de la función resolve.
Además tampoco vi ningún cambio al cargar las imágenes. No sé si será por el devTools de Firefox pero veo que se cargan es justo cuando aparecen en la animación. No sé si así se tenía que comportar todo. Te agradecería que me lo aclares cuando puedas, gracias.
Profe Uriel, hasta aquí todo bien.
Este es el 5to Curso de la Especialidad que voy a completar y de verdad no encuentro errores relevantes.
Siga así explica muy bien.
Este es el 5to Curso de la Especialidad que voy a completar y de verdad no encuentro errores relevantes.
Siga así explica muy bien.
Hasta el momento todo muy bien explicado.
Les recomiendo a las personas que no entendieron la parte de Promise y algunas cosas en Javascript que tomen el
Les recomiendo a las personas que no entendieron la parte de Promise y algunas cosas en Javascript que tomen el
Curso Profesional de JavaScript
5h 20m
open_in_new
">Curso Profesional de Javascript
Hasta el momento el curso va excelente y no solo enseña lo que promete si no que también le abre la mente a uno con la implementación de las clases preloader.js y slider.js las cuales son independientes del proyecto.
Me ha parecido excelente el curso, hasta el momento es el mejor que tomado en CodigoFacilito y que más he podio aplicar y estas soluciones como la este video son increíbles y sencillas para implementar en otros proyectos.
Hasta el momento todo excelente! y la solución de pre-cargar imágenes me ha servido para emplearla en proyectos del trabajo. :)
Clase 34