Como hacer un portafolio dinámico con HTML CSS y Javascript



Aprende como crear una galería de imágenes estilo portafolio con ventanas emergentes, categorías dinámicas y barra de búsqueda.

🚀 Blog de diseño web:
http://www.falconmasters.com

✔️ Curso Completo de Diseño Web Profesional:
https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7

✔️ Curso Completo de PHP y MYSQL:
https://www.udemy.com/course/php-y-mysql/?referralCode=65030D8167A2AC468B3A

✔️ Curso de Bootstrap 4:
https://www.udemy.com/course/curso-bootstrap/?referralCode=9295F0DABEA90E98FF64

✔️ Curso de Tiendas Online:
https://www.udemy.com/course/curso-tienda-online/?referralCode=18423E7B622E6C6C2846

📄 Librería Muuri: https://haltu.github.io/muuri/
📄 Código del Proyecto: https://github.com/falconmasters/portafolio-dinamico

Redes Sociales:

♦ Twitter @falconmasters:

♦ Pagina de Facebook:
http://www.facebook.com/falconmasters

source

You May Also Like

About the Author: admin

21 Comments

  1. Si te gusto el video y quieres mas proyectos como este en el canal por favor dale manita arriba 👍

    – Presentación del proyecto: 0:00
    – Iniciando el proyecto: 02:38
    – Diseñando el Header: 7:37
    – Galería de Imágenes: 17:38
    – Filtrado de imágenes por categoría: 38:45
    – Filtrado de imágenes por barra de búsqueda: 59:18
    – Ventana emergente para galería: 01:07:13
    – Footer y Mediaqueries: 01:36:00

  2. Me gustaría saber si hay forma de cambiar el URL por uno propio al hacer una página web a través de un código HTML ya sea con una etiqueta ?

  3. Excelente video. Me sirve para ir agarrándole la onda a html, css y javascript. Una consulta tú como desarrollador como evitas que una web hecha con html alguien descargue el código completo? O no desarrollas webs con html? Por último que opinas de wordpress, lo usas?

  4. Hay alguna manera de no ponerlo al instante, osea que busque entre todos los que tienes
    Por ejemplo si yo tengo una paginación no va a buscar entre todos los que esta en las otras paginas, osea quisiera que cuando le de enter buscara entre todo lo que tengo y mostrara entre todas las paginaciones el oso panda que hay en cada una de ellas

  5. Hola, Excelente como todos los cursos.
    En este caso tengo un pequeño inconveniente, pase los archivos a mi localhost y accedo al portafolio desde mi iphone, funciona 99% porque, cuando elijo una categoría la muestra bien pero al volver a "todos" no hace nada.. en mi navegador si funciona. ¿Qué puede ser?
    Gracias por tu tiempo. Saludos

  6. Mega excelente vídeo!!! desde hace mucho tiempo veo algunos de tus vídeos y de verdad te vas superando a la hora de explicar cada sección que complementa la pagina! Tutorial Finalizado!! 😀

  7. Hola buen día Carlos.

    Oye, ¿qué procedimiento me recomiendas para agregar un enlace de descarga en el Overlay? Ya ves que está la imagen y debajo pusiste sólo un texto en el recuadro para descripción.

    Me interesa que las imágenes que agrego sean descargables.

    Muchas gracias.

  8. Wow! Estupendo. Excelente tutorial de como hacer un portafolio dinámico y responsivo. ¡Me he visto el vídeo completo sin pestañear! Explicas muy bien los temas, Carlos, es un placer aprender contigo, desde el inicio al fin lo he comprendido TODO. Ahora solo me falta ponerlo en práctica. En una galería propia, y quien sabe, puede ser el inicio de un proyecto particular. ¡Muchas gracias y te felicito por todo! Espero que sigas añadiendo más material similar para aprender a mejorar nuestras webs y proyectos. Ya te he comprado tres cursos en Udemy, sé que aprenderé un montón contigo como instructor.

  9. Eres el MAESTRO entre maestros, como alguien dijo en un comentario, que hariamos sin Carlos Arturo y su equipo de trabajo, gracias por compartir tus conocimientos y estar pendiente de las dudas de tus alumnos, saludos desde España.

  10. Profe, tengo problemas con la imagen, copio el div.item con la img dentro pero cuando cargo de nuevo la pagina me sigue apareciendo una sola imagen, y si cambio el nombre de la imagen, me la reemplaza a la que ya estaba, es decir, no se acomodan como en el video, se ponen una encima de otra y si cambio el nombre de alguna, esa ultima modificacione s la que se muestra =( .. ayudaaa

Comments are closed.