4Geeks logo
4Geeks logo
Sobre Nosotros

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.

Full-Stack Software Developer

Data Science and Machine Learning - 16 wks

Buscar en lecciones

Aprendizaje social y en vivo

La forma más eficiente de aprender: Únete a una cohorte con compañeros, transmisiones en vivo, sesiones improvisadas de codificación, tutorías en vivo con expertos reales y mantenga la motivación.

← Volver a Proyectos

Continúa aprendiendo gratis sobre:

Contruyendo un Website de forma colaborativa

Meta

Tutoriales y ejercicios de 4Geeks Coding Projects para personas que están aprendiendo a codificar o mejorando sus habilidades de codificación

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

3 hrs

Tecnologías

Sitio Web colaborativo (Git collaboration)

Practica tus habilidades en GIT mientras desarrollas un típico sitio web.

Cada alumno trabajará en un archivo diferente para cada parte diferente del sitio web y aquel con más experiencia puede trabajar como líder de equipo (para integración y despliegue), a menos que el profesor prefiera ser el líder de equipo de toda la clase. La librería Html-Template-Engine se encargará de juntar todas las piezas.

📝 Instrucciones

  1. El líder del equipo debe hacerle fork a este repositorio de github.com e invitar a otros colaboradores a ese repositorio.

  2. Vamos a realizar este diseño, y de este forma pueden dividirlo entre los estudiantes

  3. Cada colaborador tendrá que clonar el nuevo repositorio forkeado y desarrollar una parte del sitio web escogido, cada proyecto está dividido en partes dentro del directorio templates/.

  4. **RECUERDA: Una vez que cada miembro del equipo termina, debe hacer commit y push al repositorio forkeado **

🌱 Cómo iniciar este proyecto

Si eres un estudiante:

Espera a que tu profesor te indique como iniciar este proyeto.

Si eres profesor o líder de equipo:

Este proyecto viene con los archivos necesarios para empezar a trabajar, pero tienes dos opciones para empezar:

a) Dirígete al repositorio y clónalo (haz una copia del mismo) en Github.

b) Invita a tus estudiantes o a los miembros de tu equipo a que colaboren con tu repositorio recién clonado (referirse al gif).

c) Indícale a tus estudiantes o a los miembros de tu equipo que clonen tu repositorio ( y no el original).

Tanto estudiantes como profesores:

Para cargar y ver tu sitio web live, ejecuta el siguiente comando:

1$ npx http-server --yes -c-1

Implementar el sitio web

Vercel, Netlify o Github pages permiten publicar tu aplicación web y poder obtener una url donde cualquier persona pueda verla (por ejemplo: https://mysuperteam.zeit.sh).

Entrega

Todos participantes del equipo presentan un repositorio como solución.

Información complementaria

La Html-Template-Engine library se utiliza como motor para crear plantillas para crear la página de destino.

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 Curso de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.

Meta

Tutoriales y ejercicios de 4Geeks Coding Projects para personas que están aprendiendo a codificar o mejorando sus habilidades de codificación

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

3 hrs

Tecnologías