🖖 Inicio

QUÉ ES KUWORKING?

Salir

Curso para programar una alternativa a NProgress con Gatsby

100 palabras
1 minutos
March 3, 2020
cursosgatsbycss
Últimos artículos del BLOG

- Biblioteca de recursos para desarrollo web

- Haz tu DAFO online y visualiza tus posibilidades

- Cinco estrategias de copywriting en función de tu público objetivo

- Siete pasos para promocionar una entrada de Instagram

- Nueve estrategias para copy que te ayudarán a estructurar tu contenido

NProgress

La librería nprogress nos permite emular el efecto que en su día ciertos sitios punteros (Google, YouTube, Medium) desarrollaron, que no es más que un elemento gráfico que nos da una respuesta cuando la transición entre páginas es demasiado lenta

Con Gatsby, las transiciones pueden ser tan rápidas que estos elementos gráficos también son útiles a la inversa, esto es, para mostrar que ha habido un cambio en la página

Bien

En este curso lo que haremos será

  • Implementar nuestra propia alternativa (aplicada a Gatsby)
  • Ver qué problemas nos encontramos Y cómo los solucionamos
  • Y aprender en todo el proceso

Y como una imágen vale más que mil palabras, aquí os dejo un gif animado para que veas el resultado final

En kuworking estructuro los cursos para enseñarte lo necesario para poder hacer, y en paralelo aprender, no al revés

Empezar

1. Implementación en Gatsby

2. Reformulando nprogress

3. Css

4. Construyendo un hook

5. Añadiendo el elemento

6. Modificando el DOM

7. Afinando la estética

Newsletter de kuworking, un correo de tanto en cuanto

Quizá te interese

Curso de drag-n-drop con react-beautiful-dnd

Curso para implementar un grid masonry con React

CSS y JavaScript con Gatsby para conseguir gradientes animados

GatsbyJS básico [2]

CSS básico

Privacidad
by kuworking.com
[ 2020 >> kuworking ]