React para principiantes En este videotutorial aprenderás los fundamentos del desarrollo de sitios web y aplicaciones con React, JSX y las funciones hook. El formador Stephan Haewß explica paso a paso cómo configurar e implementar proyectos React. Los ejemplos prácticos -una aplicación de recuento, de tareas pendientes y de reproducción de vídeo- y las explicaciones detalladas te proporcionarán una base sólida en el desarrollo con React en once horas concentradas. Aprende. Comprender. Y utilízalo de inmediato.
Ideal para cualquier persona que tenga un conocimiento básico de JavaScript, HTML y CSS y quiere desarrollar sus habilidades aún más: ¡Comienza tu viaje de aprendizaje de React!
¿Tienes en mente tu propia app? Este tutorial te mostrará el camino: aprende los fundamentos de React, JSX y cómo utilizar funciones hook. Después de sólo once horas, serás capaz de desarrollar por ti mismo aplicaciones medianamente complejas y encontrar soluciones adecuadas para tus propias ideas.
Stephan Haewß, profesional de la programación, le recordará primero las distintas funciones de ES6, después le explicará los fundamentos de React con el ejemplo de una aplicación de recuento y, por último, le llevará a la práctica de React con una aplicación de tareas pendientes y un reproductor de vídeo.
Para seguir el curso, debes tener conocimientos básicos de JavaScript, preferiblemente ES6 o superior, y conocimientos básicos de HTML y CSS. Si quieres rellenar alguna laguna, echa un vistazo primero a los tutoriales enlazados. Por lo demás: ¡empieza ahora mismo! Después del tutorial React serás capaz de:
En la primera sección del tutorial de React, aprenderás a escribir elementos HTML en JavaScript (JSX) y a trabajar con componentes. Aprenderás a incrustar expresiones JavaScript en JSX y a guardar un estado con useState. Aprenderá a crear un componente contador con props, a utilizar campos de entrada y props dinámicos. Después de esta sección, serás capaz de crear componentes React más simples y añadirles contenido dinámico.
En la segunda sección, desarrollarás una aplicación de tareas pendientes en la que las tareas pueden marcarse como completadas, luego agruparse, guardarse, cargarse y eliminarse. Tu curva de aprendizaje incluirá la comunicación entre los componentes hijo y padre, el estilo con emoción y las formas de guardar DIVs.
En una tercera sección, crearás un reproductor de vídeo con todas las funciones típicas, por ejemplo con un botón de pausa/reproducción, control de volumen y una lista de reproducción de vídeo, como un ejemplo práctico más . Por último, veremos las funciones avanzadas de React.
Consejo: Los códigos de las aplicaciones están incluidos en el tutorial de React. Sin embargo, te recomendamos que sigas el contenido por ti mismo, ya que es la única manera de convertir el aprendizaje en comprensión.
Conceptos básicos de VPN y creación de su propia VPN
¡Escribe tus propias líneas!
Todos los módulos importantes explicados
Para sitios web rápidos y sin errores con diseños optimizados
Todas las características relevantes explicadas en detalle
Cómo tus sitios web y aplicaciones hablan como ChatGPT
Paso a paso hacia formularios funcionales propios
Para sitios web y aplicaciones modernos