💪🏻 Actividad PRÁCTICA para que la hagas TÚ con: HTML5, CSS y JAVASCRIPT 🚀 (100% RESPONSIVE)



🚀 *Subscríbete* al canal: 👉 https://www.youtube.com/c/soyjab/?sub_confirmation=1
💪🏻 La ÚNICA MANERA de aprender a programar es PROGRAMANDO.

Actividad PRÁCTICA (puedes descargarte los ficheros base, indicados en el vídeo), e intentar realizar cada una de las partes del EJERCICIO práctico.

La segunda parte del vídeo se dedica a EXPLICAR PASO a PASO la programación de cada una de las secciones: primero la parte dedicada a HTML5, seguidamente la orientada a CSS, poniendo especial atención al RESPONSIVE, y a los textos (e imagenes) RESPONSIVE (que se adaptan automáticamente al ancho de la ventana del navegador), así como especificar un TAMAÑO MÍNIMO para todos los textos.

En la parte de JavaScript, eliminaremos todo el código HTML creado a mano, dejaremos el body vacio y haremos TODO con JavaScript, utililizando (arrays, bucles, escritura dinámica del contenido, eventos, funciones, nuestro querido this.

🚀 Conviértete en miembro de este canal para disfrutar de ventajas:
https://www.youtube.com/channel/UC-BnvAuHbsJ3DTslnwt1J1Q/join

Capítulos:
00:00 Qué es lo que vamos a APRENDER y DISFRUTAR con este vídeo
01:09 ACTIVIDAD que tienes que realizar
03:14 SOLUCIÓN a la actividad PASO a PASO
07:12 Creamos el código CSS
07:57 Vinculación con la tipografía (carpeta fonts)
12:40 Imágenes RESPONSIVE
22:54 Añadimos MEDIAQUERIES
30:48 Cambiar el orden (posición) de un elemento con GRID (en un mediaquerie)
33:56 Escribimos código JAVASCRIPT
40:05 Utilizamos getAttribute
44:52 Utilizamos el insustituible this
48:26 Añadiendo estilos con classList.add
50:48 Consejo personal de JAB

By JAB

3 thoughts on “💪🏻 Actividad PRÁCTICA para que la hagas TÚ con: HTML5, CSS y JAVASCRIPT 🚀 (100% RESPONSIVE)”
  1. Ya te lo dije JAB, paquetiza este tipo de formaciones, ponle un soporte por email y cobra no menos de 50 € mes…
    Mucho valor.
    Y te he tenido de profe y se lo cañero que eres.
    Los demás me van a sacar un ojo, pero creo qué te mereces monetizar este contenido.
    O anima a la gente s patrocinios, donaciones or anything similar
    Great, congratulations

Leave a Reply

Your email address will not be published.