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.

Data Science and Machine Learning - 16 wks

Full-Stack Software Developer - 16w

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

Final Project User Stories & Wireframes

Meta

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

Dificultad

intermediate

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs

Tecnologías

Final Project Architecture

Es hora de pensar en lo que vas a crear, tendrás que desarrollar un producto completo, preparar una presentación y presentar el producto y la idea a familiares, amigos y posibles socios.

Este proyecto debe iniciarse después de tener la clase sobre desarrollo ágil ya que tendrás que crear historias de usuario y un tablero Kanban.

Instrucciones:

  1. Comienza tu proyecto con el boilerplate Full-Stack que contiene tanto el Front-End como el Back-End.

  2. Añade todas tus historias de usuario en los issues (problemas) del repositorio, este será el repositorio principal para las especificaciones de tu proyecto.

  3. Por favor crea un Proyecto en Github con tablero Kanban automatizado con las siguientes columnas dentro de tu KANBAN: Backlog (lista de tareas pendientes), Todo (tareas por hacer), Doing (tareas en proceso), Done (tareas hechas).

  4. Ahora añade los issues o problemas en el proyecto como tarjetas, planifica tu primera iteración.

Requisitos tecnológicos para realizar este proyecto:

  1. Varias páginas con HTML5 + CSS3 + Bootstrap.

  2. Autetitificación de usuario (Login + Registro + Recordar Contraseña).

  3. API customizada hecha con OAuth.

  4. Integración de una API de terceros (embeds y iframes no cuentan), debe ser una integración back-end.

  5. Aplicación React.js usando Flux y React Router.

  6. Cualquier otra cosa que desees añadir.

Requerimientos de la Metodología:

  1. El proyecto debe tener de 2 a 3 miembros ( 3 es mejor que 2).

  2. Empieza creando los wireframes y las historias de usuario y añádelas a los issues y proyectos de tu repositorio (este requisito debe entregarse).

  3. Crea todas las historias de usuarios con un criterio de aceptación.

  4. Usa un tablero Kanban para hacerle seguimiento a los tableros de proyecto en Github

Creando los Wireframes:

Una buena forma de pulir tus historias de usuario es hacer un borrador de todos los wireframes de tu aplicación (puedes dibujarlos).

Por favor crea todos los wireframes para el MVP de tu aplicación.

Pasos a seguir:

  • Comienza por crear un mapa de tu sitio web.

  • Luego crea el wireframe de tu página principal.

  • Continúa dibujando el resto de las páginas más importantes.

  • Cada vez que dibujes un wireframe, identifica y destaca las partes reutilizables para así convertirlas en componentes.

  • Intenta reutilizar lo que más puedas ¡mientras menos código, mejor!

  • ¡No te compliques!

¡SÉ EFICIENTE!

¡Realmente EFICIENTE!

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

intermediate

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs