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 ejercicios

Aprende React.js Interactivamente

Star

Registrate para obtener acceso

¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs

Tecnologías

Puedes encontrar muchos tutoriales interactivos gratuitos en línea, pero ninguno sobre React.js. Por eso hemos decidido crear una selección muy completa de ejercicios para las personas interesadas en aprender React.js: ¡Para seniors y juniors!

¡Te necesitamos! Estos ejercicios se crean y mantienen con colaboradores como tú. Si encuentra salgún error o falta de ortografía, contribuye y/o infórmanos.

Instalación en un clic:

Abrir en Gitpod

Instalación local

  1. Asegúrate de tener el learnpack-cli instalado y node.js versión 14+. Este es el comando para instalar learnpack-cli:
1$ npm i learnpack -g
  1. Descarga los ejercicios clonando el proyecto o descargando el zip desde github.

Nota: Una vez termine la descarga, asegúrate de estar en el directorio correcto (te encontrarás en el subdirectorio "exercises").

  1. Inicia los ejercicios ejecutando el siguiente comando desde la raíz del proyecto:
1$ npm i jest@24.8.0 -g 2$ learnpack plugins:install learnpack-react@0.0.17 3$ learnpack start

¿Cómo están organizados los ejercicios?

Cada ejercicio es una pequeña aplicación de react que contiene los siguientes archivos:

  1. app.js: representa el archivo de entrada para el ejercicio.
  2. README.md: contiene instrucciones de ejercicios.
  3. test.js: no tienes que abrir este archivo, contiene el script de prueba para el ejercicio.

Colaboradores

Gracias a estas personas maravillosas (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribución: (programador) 💻 (idea) 🤔, (build-tests) ⚠️ , (pull-request-review) 🤓 (build-tutorial) ✅ (documentación) 📖

  2. Paolo (plucodev), contribución: (bug reports) 🐛, (programador), (traducción) 🌎

  3. Marco Gómez (marcogonzalo), contribution: (bug reports) 🐛, (translation) 🌎

Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!

Este y otros ejercicios 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.

Registrate para obtener acceso

¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

easy

Repositorio

Clic para abrir

Video

No disponible

Demo en vivo

No disponible

Duración promedio

8 hrs