A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar

Regístrate en 4Geeks

← Volver a Proyectos

Instagram Feed con Bootstrap

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Como programador, tienes la tarea de replicar una imagen como un sitio web.

🌱 Cómo comenzar este proyecto

No clones este repositorio porque vamos a usar una plantilla diferente.

Recomendamos abrir el repositorio de la plantilla html usando un entorno de desarrollo como Codespaces (recomendado) o Gitpod. Alternativamente, puedes clonarlo en tu computadora local usando el comando git clone.

Este es el repositorio que necesitas abrir o clonar:

1https://github.com/4GeeksAcademy/html-hello

Por favor sigue estos pasos sobre cómo comenzar un proyecto de programación.

💡 Importante: Recuerda guardar y subir tu código a GitHub creando un nuevo repositorio, actualizando el remoto (git remote set-url origin <your new url>) y subiendo el código a tu nuevo repositorio usando los comandos add, commit y push desde la terminal de git.

📝 Instrucciones

Instagram Preview

Clic aquí para descargar el gif

Aquí puedes ver cada componente separado:

📒 Recursos

Tienes la lección en línea y la hoja de trucos de bootstrap en la sección de activos. También te recomendamos videos tutoriales en bootstrap de Net Ninja.

¿Que hacer si estás atascado?

  • Limpia el caché (siempre actualiza con command+shift+R), utilizando el modo incógnito en Google Chrome.
  • Busca soluciones en Google.
  • Habla con otros estudiantes.
  • Habla con desarrolladores senior que conozcas.
  • Habla con mentores en slack.
  • No tengas miedo a preguntar.

¿Que NO hacer si estás atascado?

  • No debes frustrarte y pensar que no sirves para esto: todos los desarrolladores se quedan atascados todo el tiempo, ¡pregunta! ¿Cómo sabes si sirves o no en algo que no sabes? La programación es una ciencia, los hechos son importantes y tú no tienes hechos.
  • No te cuestiones por horas sin buscar ayuda: Google solo es tan útil como tú sepas buscar en él, habla con otros estudiantes o con tus instructores.
  • Cambia la estrategia: Einstein dijo una vez, si haces lo mismo obtendrás los mismos resultados.

Este y otros proyectos son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.

Regístrate para obtener acceso a archivos y video de la solución

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Regístrate para obtener acceso a archivos y video de la solución

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías

Dificultad

  • easy

Duración promedio

6 hrs

Tecnologías