Escuela Frontend
React Icon

Curso Profesional · Próximamente Octubre, 2021

React Desde Cero

Aprende los conceptos esenciales para empezar a construir interfaces profesionales con React.

Tu no sabes React.

¡Pero no por falta de intento!

Tutoriales, libros, cursos, podcasts, artículos ... has intentado todo.

Seguiste el tutorial. Paso a paso. Y claro, algunas cosas tuvieron sentido, pero justo cuando llegas al final, todo lo que supuestamente aprendiste….

desaparece…

desde tu mente hacia al vacío.

¡Es cierto que cuando sigues esos tutoriales, obtienes un resultado! Pero realmente no sabes cómo. O por qué. O cómo podrías usar lo que acabas de “aprender”, para crear tu aplicación, desde cero.

Te sientas para intentarlo y simplemente te enfrentas con una pared. Una pared de incertidumbre.

En ese momento, React te acaba de convertir de una persona hábil, capaz de aprender y hacer todo tipo de cosas... en un signo de interrogación palpitante:

  • ¿Dónde empiezo?
  • ¿Qué hago después?
  • ¿Qué piezas debo usar?
  • ¿Cómo encaja todo esto?

Y la pregunta más importante de todas:

"¿Por qué no puedo aprender esto? 😭"

Con los cursos, te sientas, le das play, y empiezas a consumir contenido.

Pero el problema con este enfoque es que aprendes muy poco sobre una gran cantidad de cosas, de una manera pasiva.

Te muestran el “camino feliz” pero cuando es tiempo de aplicar tu conocimiento en el mundo real, te enfrentas con un enorme vacío de conocimiento y comprensión.

Entonces, quizás, creas que puedes encontrar un curso que cubra tu caso de uso exacto.

"¿Alguien ha construido una aplicación de React que haga X, Y y Z?" te preguntas.

El hecho de que pienses que este es el último recurso para que tu proyecto avance… es un poco triste.

Pero no tiene que ser así.

¡Y no es tu culpa!

Si pudieras aprender React a profundidad, cómo realmente funciona…

Si pudieras obtener el marco mental adecuado para entender React en sus fundamentos…

Sabrías…

  • Por dónde empezar
  • Qué hacer a continuación
  • Que piezas debes usar
  • Cómo todo encaja en su totalidad

Para esto hemos desarrollado el workshop: React desde Cero.

Un viaje por los fundamentos de React.

Lleno de desafíos

Aprender requiere de esfuerzos activos.

No es suficiente sentarte enfrente de tu pantalla absorbiendo contenido y esperar poder aplicar esos conocimientos a contextos externos.

Requiere que te esfuerces. Que te enfrentes con esos bloqueos en tu camino y que tengas las herramientas y el apoyo necesario para superarlas.

Eso es React Desde Cero.

Un viaje por los fundamentos de React junto a tu guía de confianza Matías. Él te ayudará y guiará en  esta aventura para que al final del camino puedas tener un conocimiento sólido de las bases de React.

Tu instructor 👋


    Matías Hernández Arellano

Matías Hernández Arellano

React Senior Staff Engineer

Hola, soy Matías Hernández, ¡seré tu instructor y tu guía de confianza en este workshop! Desde hace mucho tiempo (antes de que jQuery existiese) que escribo software y durante todos esos años el desarrollo web ha sido mi pasión.

Desde hace 6 años que trabajo con React realizando múltiples proyectos de alta escala. Actualmente me desempeño como React Senior Staff Engineer en Clevertech.

No te vamos a prometer que será fácil, será un workshop lleno de desafíos y esfuerzos pero al final te sentirás muy orgulloso de lo que lograste.

Será un paso más cerca para convertirte en un frontend developer profesional.

Revisa el temario para ver todo lo que vas a aprender:

Temario

Pensando en React

Lección

Definiendo componentes

Lección

Desarrollar el modelo mental para React

Desafío 1

Encontrar componentes en una interfaz

React y ReactDOM

Lección

Configurar una aplicación estática

Desafío 1

Agregar React y ReactDOM

Desafío 2

Servir archivos estático

El mundo sin JSX

Lección

La API base de React

Desafío 1

Creación de componentes y elementos sin JSX

Desafío 2

Creación de elementos anidados sin JSX

El mundo con JSX

Lección

JSX una abstracción intuitiva y declarativa

Desafío 1

Creación de componentes y elementos con JSX

Desafío 2

Creación de elementos anidados con JSX

Props

Lección

Compartir datos entre componentes en React

Desafío 1

El uso de props

Desafío 2

Interpolación en React

Renderizado condicional

Lección

Renderizar componentes de forma condicional

Desafío 1

Renderizar componentes con el operador ternario

Desafío 2

Renderizar componentes con los operadores lógicos

Crédito Extra

Usando un bloque condicional if-else

Composicion

Lección

Composición de componentes con React children

Desafío 1

Pasar componentes con props y la prop children

Desafío 2

Renderizar componentes hijos

Crédito Extra

Declara props en los componentes hijos

Arrays

Lección

Renderizar múltiples elementos con Prop Key

Desafío 1

Renderizar múltiples elementos

Desafío 2

Extracción de componentes con keys

Crédito Extra

Declara keys únicas

Estilos

Lección

Conocer como funciona las prop style y className.

Desafío 1

Components usando las prop style y className

Crédito Extra

Usar prop para modificar la clase css base

Eventos

Lección

Manejar eventos en elementos de React

Desafío 1

Agregar eventos a un elemento

Desafío 2

Manejar eventos definidos

Crédito Extra

Definir componentes que acepten eventos

Componentes Controlados

Lección

Formularios con componentes controlados

Desafío 1

Manejar estados de un formulario

Desafío 2

Capturar datos de un formulario

Componentes No Controlados

Lección

Formularios con componentes no controlados

Desafío 1

Capturar los datos de un formularios

Desafío 2

Captura los datos desde los ref utilizados

En este workshop, aprenderás los fundamentos esenciales para empezar tu carrera profesional como un React developer.

Cuando hayas terminado, tendrás los fundamentos esenciales para crear experiencias excelentes para los usuarios de tus aplicaciones.

Date la oportunidad de empezar este viaje por el ecosistema de React con Matias.

Próximamente, Octubre 2021