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

Aplicación de Todolist usando React

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

Clic para abrir

Demo en vivo

No disponible

Duración promedio

16 hrs

Tecnologías

Crea una aplicación de lista de TODO que permita a los usuarios agregar y eliminar tareas.

🌱 Cómo comenzar este proyecto

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

Recomendamos abrir el react.js boilerplate usando una herramienta de aprovisionamiento 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:

https://github.com/4GeeksAcademy/react-hello

👉 Por favor sigue estos pasos cómo comenzar un proyecto de codificació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:

  • Tu aplicación debe verse como esta imagen.
  • Las tareas se agregan cuando el usuario presiona enter en el teclado.
  • El icono de eliminar solo se muestra cuando la tarea está activada.
  • El usuario puede agregar tantas tareas como desee.
  • Cuando no haya tareas pendientes, la lista debería decir "No hay tareas, añadir tareas"
  • No hay forma de actualizar una tarea, el usuario tendrá que eliminarla y crearla de nuevo.

💡 Tips para terminar este proyecto

No te pongas a codificar de inmediato, piensa primero y prepara una estrategia viable.

  • ¿Qué componentes crearás? Dibuja tu proyecto en una hoja de papel e identifica los componentes.
  • ¿Dónde se almacenarán las tareas en tu componente?
  • Lee sobre controlled components inputs in react.js, ya que deberás comprender el concepto.

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

Demo en vivo

No disponible

Duración promedio

16 hrs

Tecnologías