CURSO DE REACT.JS
La formación que emocionó al mismísimo Jordan Walke.
¡Sí, sí, al creador de React!
No sé si alguna vez te ha pasado como a mí.
Tener que trabajar puntualmente con una lenguaje/biblioteca/framework/llámalo-X en un proyecto que hay que entregar “para ayer”, y acabar sacándolo a base de copiar y pegar códigos de GitHub y Stack Overflow -eso sí, sin saber muy bien por dónde te da el aire, ni cómo algo ha funcionado mágicamente-.
Esta soy yo programando sin saber muy bien qué estoy haciendo.
Eso de poner parches a veces está bien.
¡Pero no le puedes vender la moto a nadie! No sabes (casi) nada de eso que se supone que tenías que hacer. Igual te has pegado con un Map y te has hecho especialista en manejar Maps en ese lenguaje, pero de ahí a saber programar en él hay un mundo.
Ya lo dicen Ada y Edu. Programar es fácil: programar bien, no.
Así que con React puedes hacer como yo he hecho muchas veces: “programar” a base de copiar un proyecto de GitHub y toquetear con snippets de StackOverfow o empezar de cero (aunque haya alguna cosa que te parezca obvia) y aprenderlo todo: desde instalar Node hasta… donde quieras.
¿Con cuál de las dos opciones crees que es más probable que te cojan en una oferta de trabajo en la que pidan React? ¿Con cuál de las dos crees (sinceramente) que aprenderás mejor? (¡aunque sea para aprobar el examen de la Uni!).
Yo lo tengo claro 😉
Pero antes de seguir, te cuento un poco sobre mí 🙋🏽♀️
Seguramente ya me conozcas: yo no trabajo con React, ni en una empresa ni como freelance. Pero hay muchísima gente muy profesional ahí fuera ganándose la vida con React. No sé cómo han aprendido pero me juego una mano a que practicando mucho no, muchísimo.
Yo soy profe de desarrollo y diseño web (y de alguna cosita más 🙆🏽♀️).
Y desde que doy clases tengo claro que para enseñar bien “lo que sea” hay que aprenderlo a fondo: desde lo más básico hasta el último método. Y hacerlo practicando.
Así hice con este curso de React. Aprenderlo en profundidad para poder enseñarlo con todo detalle.
Ahora déjame que te cuente por qué decidí montar este maldito curso y por qué ha tardado tanto en salir a la luz.
Pero te adelanto que entenderás por qué ésta es la biblioteca de Javascript que piden en todas las ofertas empleo de desarrollo web (y que deberías conocer, aunque no estés buscando trabajo)
El correo del suscriptor que ni siquiera era desarrollador y por qué decidí hacer este curso
Hace unos meses (¿quizá años?) hice alguna que otra consulta en mi newsletter y en Youtube. “¿Qué curso te gustaría aprender ahora?“. Y para mi sorpresa, hubo un gran número de personas que dijeron tajantemente “React.js”.
Pero sobre todo hubo un e-mail de un suscriptor que me dejó un poco loca.
Era un suscriptor que ni era desarrollador, ni programador accidental ni nada que se le parezca. Eso sí, estaba muy puesto en el tema. Y me dijo que React no iba a ser una biblioteca/framework/lenguaje más. Iba a dar que hablar, y por mucho tiempo.
Y yo me pregunté, otra vez más: “¿Pero en serio, qué 💣⚰️🦠❌🔥 tiene esta biblioteca que hay tanta gente interesada en aprenderlo?
Y cogí un papel (sí, para algunas cosas soy un poco analógica, jejeje) y empecé a anotar estadísticas:
- 🔎 Tiene un volumen de búsquedas, según Google Trends, del 57,5%, frente a Angular con un 31,5% y Vue.js con un 11% (datos procedentes de Medium.com).
- 🥰 Tiene un porcentaje de satisfacción del 87,49% entre los programadores, según el State of JS y es la segunda tecnología relacionada con Javascript más elegida entre los encuestados.
- 👩🏻💼 Hay más de 3.000 ofertas de trabajo que piden React.js en España, 55.000 en la Unión Europea, y casi de 20.000 en América Latina. ¡Más de 350.000 en todo el mundo! Echa un ojo a LinkedIn y compruébalo con tus propios ojos.
(De hecho, no sé en qué momento me apunté para que me llegaran ofertas de React al correo y todos los días me llegan entre 15 y 30 nuevas… ¡hasta en domingo!) 🤦🏽♀️
Así que decidí que haría el curso.
Y entonces me puse a aprender React con cursos de React. Y me dí cuenta de qué era precisamente lo que NO quería hacer.
Cuando en abril de 2021 decidí empezar a montar este curso de React, obviamente, estuve viendo otros cursos de otros instructores que también enseñaban.
Y salvando alguna excepción, lo tuve claro. Así no iba a ser mi curso.
Esta soy yo diciendo que así no iba a ser mi curso
La mayoría de los cursos de React (repito, ¡no todos!) tienen características similares:
🤹🏽♀️ 1. Dan muchas cosas por supuestas que la gente no conoce
¿Cuántas veces has empezado a hacer un curso y tienes que tener abierta una pestaña paralela para buscar todos los términos que el instructor menciona y a ti ni te suenan? A mí me ha ocurrido infinidad de veces.
Cosas que parecen “básicas”, pero que quizá todo el mundo no conoce, como qué es node-modules, la diferencia entre una biblioteca para desarrollo o una para producción, qué significa renderizar en desarrollo web…
Así que en este curso he intentado explicar todo lo que he pensado que cualquiera de mis alumnos y alumnas podría no saber con el nivel que se presupone que se puede comenzar el curso.
Y si hay algo que no explico y lo detectas tú, estaré encantada de añadirlo 😉
🚴🏼♂️ 2. Van dejando detalles atrás que son importantes si quieres aprender React a fondo
A medida que iba avanzando en alguno de los cursos que seguí, iba viendo que atrás iban quedando conceptos esenciales que se tratan en la web oficial de React.
Cosas que creo que es importantes conocer si quieres aprender React en profundidad y desde cero.
Así que en mi caso, siempre he tomado como base (además de otras fuentes) la web oficial de React. Me aseguro la objetividad y la garantía de cubrir todo lo que hay hasta el momento sobre esta biblioteca.
🧗🏽️ 3. No responden ni a los comentarios
La mayoría no tienen modo de interactuar con el instructor.
Pero en dos que hice ponía que podías dejar comentarios y el instructor te respondería.
Adivina.
Absolutamente todos los comentarios sin contestar. Sin excepción. ¡Casi es mejor decir que no hay soporte! 😅
En mi caso te soy sincera: no doy soporte personalizado (¡porque no me da la vida!) pero responder a los comentarios… ¡faltaría más! (¡para eso están!).
🪂 4. ¡Después del curso no tienes nada!
La mayor parte de los cursos suelen estar compuestos por vídeos, vídeos y más vídeos (y algún que otro descargable que suele ser una presentación en .pdf de alguna lección).
Y cuando terminas el curso, sí, habrás aprendido, ¿pero qué te queda? ¿El código fuente del instructor? ¿Cómo demuestro en una oferta de trabajo que he hecho “algo” en React? ¿Con el programa de otro? ¿Con un diploma (por haber “visto” vídeos)?
Descartado.
Así incluí la idea de que a medida que vas avanzando en el curso puedes ir creando tu propio proyecto paralelo (diferente del mío, del que te hablaré en seguida). Será tu demostración de que has aprendido. Y el código será tuyo y solo tuyo.
Directo a tu portafolio de developer.
Listo para esa oferta de trabajo 😉
Este es el de recursos humanos viendo tu portafolio
(Vale, va. Si quieres un certificado, también lo habrá, pero no a cualquier precio: tendrás que demostrar que, al menos, has entendido el curso respondiendo a unas cuestiones en cada unidad).
Pues bien. Ya te puedes hacer una idea de algunas de las cosas que vas a encontrar en el curso.
¡Sigo!
Los retos de Ada. O el proyecto que tú quieras. Y todo lo demás
Si hay algo que tengo claro es que el modo de aprender algo es practicando.
Y como ya dije al principio, copiar código de otros y cambiar los nombres de las variables está bien pero es poco efectivo. Al menos para aprender.
Así que decidí que aprendería creando mi propio proyecto.
Y te enseñaría a ti a crear el tuyo. Paralelamente.
Aunque me basé en el típico proyecto de lista de “to-do” que podrás encontrar en multitud de formaciones, a medida que iba avanzando y conociendo los entresijos de React los iba aplicando todos, uno a uno, en “Los retos de Ada”, el proyecto final que explico cómo hacer paso a paso.
✨ Pero eso no es todo. Además de la parte práctica también te encontrarás:
- Una unidad inicial en la que te explico cómo se organiza el curso, cómo afrontarlo y algunos consejos de “programadora cebolleta” 👵🏽 que le cuento a mi alumnado siempre que va a empezar a aprender algo nuevo.
- Otra unidad en la que explico qué es React, sus características básicas como librería Javascript y por qué es una de las opciones más interesantes hoy en día para seguir formándote como desarrollador o desarrolladora.
- Como todo curso que se precie, cómo hacer un “¡Hola, mundo!” 👋🏽🌎 con React a pelo, sin instalar nada, de manera que entiendas que no siempre es necesario un entorno de desarrollo.
- La puesta a punto de un proyecto React, desde la instalación de Node, npm o yarn hasta el despliegue de la aplicación para producción: porque aunque parezca obvio, también es importante.
- Los básicos que debes conocer de JSX, esa extensión de Javascript que te permitirá trabajar con React muchísimo más fácil que si lo hiciéramos sin nada.
- Una pequeña introducción a los sistemas de diseño y al diseño atómico ⚛️, para que entiendas cómo y por qué ha evolucionado el desarrollo web de este modo en los últimos años, especialmente orientados a React.
- Cómo se organiza un proyecto React en carpetas 🗂, para qué se utiliza cada una de ellas, y las posibilidades que tienes teniendo en cuenta las recomendaciones de la web oficial.
🔥 Y luego ya nos meteremos en harina:
- Qué son los componentes y las props en React, la base de esta biblioteca.
- Los hooks, esa maravillosa característica surgida a partir de la versión 16.8 y por qué no volverás a trabajar con el modelo clases en React nunca más (si no quieres, claro).
- Cómo utilizar listas y keys, y cómo solucionar el típico error con el que podrías estar horas hasta percatarte de por qué falla tu programa.
- Por qué es importante que sepas que no todos los elementos de formulario en React funcionan exactamente igual que en HTML, y cuáles son los que cambian.
- El renderizado condicional, o cómo hacer que solamente se repinte en la pantalla automáticamente aquello que necesitas que lo haga cuando cambie una condición.
🚀 Y le damos el toque final:
- Cómo reorganizar todos y cada uno de los componentes, paso a paso, para conseguir una aplicación totalmente funcional y, a su vez, modularizada, fácilmente escalable y reutilizable.
- Cómo dar estilo a la aplicación 🎨 para que quede con un aspecto profesional utilizando para ello React Bootstrap, la librería HTML, CSS y Javascript más extendida de la actualidad aplicada a este framework, con todas las ventajas que ello ofrece.
Podría hablar de unas cuantas bibliotecas más relacionadas con React que he probado y que me parecen esenciales: Router, Redux, Testing Library…
Pero si me conoces y conoces Didacticode ya sabes que prefiero enseñar una sola cosa a fondo que cinco “por encima”.
¡¿Te estás animando?! 😊
Seth Meyers cuando se enteró de lo que mola el curso un montón
Venga, va… ¿y cuál es el precio?
Puf. Te soy sincera.
El precio es el tema que más me ha traído de cabeza. No sabía cuánto podía “valer”.
Así que le di acceso al curso a varios desarrolladores compañeros y amigos míos, y es el precio que nos ha parecido más justo con lo que se ofrece de momento (aunque incluye todos los cambios y ampliaciones).
El precio del curso es de 129€
¿El curso es caro? ¿Barato? Pues como diría Pau, “depende…”.
Sé que encontrarás “en ofertón permanente” (guiño, guiño 😉) por menos de 20€ cursos que tocan 4 o 5 librerías a la vez, te enseñan a hacer 10 proyectos y tienen 87 vídeos. ¡Me parece genial que los prefieras! 😊
A mí, si estás en Didacticode, ya me conoces: o casi seguro que al menos alguno de los ¿170? vídeos gratuitos que tengo en Didacticode y en Youtube. Sabes cómo enseño, qué estilo tengo, ¡todo eso!
Así que con todo lo que te he contado en esta página y lo que sabes de mí, creo que te puedes hacer una idea de lo que te puedes esperar.
¿Te animas? 😉
Y como me imagino que, a pesar de todo, tendrás dudas, te dejo una pequeña sección de preguntas frecuentes que, aunque aún no me ha preguntado nadie, me imagino que pasarán por la cabeza de alguno o alguna:
Yo creo que poco más me queda por decir, ¿verdad?
Así que, si te apetece… ¡nos vemos dentro! ¡Un abrazo!