A煤n no tienes acceso a esta clase

Crea una cuenta y contin煤a viendo este curso

Nuestro propio plugin Lazy Loading

20/28
Recursos

Aportes 17

Preguntas 5

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.

Por si quiere probar con otra API o para futuros proyectos, Unsplash tiene una API para im谩genes random: https://gersonlazaro.com/unsplash-api-miles-de-fotos-gratis-en-tu-sitio-web-o-aplicacion/

He visto que el profe es muy r谩pido cuando escribe c贸digo, esto es porque usa los shortcuts que nos da el software, en este caso VS Code.

Les dejo los link para que vean todo lo que se puede hacer solo con el teclado:
MAC
馃煢 WIN
Espero mejoren su productividad a la hora de escribir c贸digo 馃挭

Este link https://github.com/public-apis/public-apis tiene muchas apis para poder trabajar este taller y practicar.

Foxes are the bests:3!

.
Les estar茅 dejando el c贸digo de este Workshop en mi repositorio uwu:
.
Workshop 2

Despu茅s de seguir por la ruta de desarrollo web, es impresionante como puede entender y hacer todo tan fluido donde vamos aprendiendo cosas gradualmente. 馃槂

Tengo la sensaci贸n de que Jonathan explica muy bien, este curso ha sido bastante enriquecedor.

<div id="imagenes" class="pt-10"> <div class="p-4"> <img class="mx-auto" width="320" height="120" src="https://randomfox.ca/images/2.jpg" alt=""> </div>

Para copiar y pegar

Despu茅s de seguir por la ruta de desarrollo web, es impresionante como uno puede entender y hacer todo tan fluido donde vamos aprendiendo cosas gradualmente. 馃槂

Emmet Abrevation

Esto sirve para crear etiquetas en html mucho mas r谩pido, te dejo un ejemplo con los div y im谩genes con las clases ya agregadas
.

div.p-4*9>img.mx-auto```

Continuamos 馃槂

<h3>Workshop 2: Lazy loading</h3> <h4>Presentaci贸n del proyecto</h4>

Repositorio del proyecto

Link de las im谩genes de los zorros(primera foto)

Usando <figure> para manejar imagenes

<div id="root">
          <figure class="p-4">
            <img class="mx-auto" src="https://randomfox.ca/images/1.jpg" width="200" alt="Zorro Image" />
          </figure>
          <figure class="p-4">
            <img class="mx-auto" src="https://randomfox.ca/images/2.jpg" width="200" alt="Zorro Image" />
          </figure>
        </div>

El enlace de la imagen

https://randomfox.ca/images/2.jpg

Para los que les llegue a salir este erro (ENOENT: no such file or directory, open 鈥/home/william/Escritorio/Dev/lazy/package.json鈥), solo hay que borrar el archivo package-lock.json

Creaci贸n de im谩genes en HTML:

          <div class="p-4">
            <img
              class="mx-auto"
              width="320" 
              src="https://randomfox.ca/images/63.jpg"
              alt=""></div>
        </div>

Genial