Conceptos básicos de React
React es una potente biblioteca JavaScript que se puede utilizar para crear interfaces de usuario para aplicaciones web y móviles (aplicaciones).
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Course by Meta
-
Offered by
About
React es una potente biblioteca JavaScript que se puede utilizar para crear interfaces de usuario para aplicaciones web y móviles (aplicaciones). En este curso, explorará los conceptos fundamentales que sustentan la biblioteca de React y aprenderá las habilidades básicas necesarias para crear una aplicación simple, rápida y escalable. Al final de este curso, podrá: • Utilizar componentes reutilizables para representar vistas donde los datos cambian a lo largo del tiempo • Crear sitios web y aplicaciones más escalables y que se puedan mantener • Utilizar props para transferir datos entre componentes • Crear aplicaciones y páginas web dinámicas e interactivas • Utilizar formularios para que los usuarios puedan interactuar con la aplicación • Crear una aplicación en React Obtendrá experiencia con las siguientes herramientas y software: • React.js • JSX • React • HTML, CSS y JavaScript • VSCode Podrá aprovechar el potencial de este curso para desarrollar nuevas habilidades, mejorar la productividad, actuar eficazmente con datos e impulsar su carrera. Este es un curso principiante para estudiantes que desean prepararse para una carrera en desarrollo móvil. Para poder hacer este curso y lograr resultados satisfactorios, no es necesario tener experiencia previa en desarrollo, sino solo conocimientos básicos de navegación por Internet y ganas de iniciarse en la codificación.Modules
Introducción al curso
-
2
Videos
-
7
Readings
-
1
Discussion
1
Discussions
- ¿Qué espera aprender?
2
Videos
- Introducción al curso: aspectos básicos de React
- ¿Cómo se utiliza React en el mundo real?
7
Readings
- Programa del curso para conceptos básicos de React
- Cómo tener éxito en este curso
- Antes de aprender React
- Módulos JavaScript, importaciones - exportaciones
- Trabajar con laboratorios en este curso
- Lectura adicional
- Configurar un proyecto de React en el código VS (opcional)
Los componentes de React y dónde se alojan
-
6
Videos
-
5
Readings
-
2
Lab
-
3
Assignment
3
Assignment
- Autoevaluación: Su primer componente
- Autoevaluación: creación e importación de componentes
- Comprobación de conocimientos: componentes deReact y dónde se alojan
2
Labs
- Su primer componente
- Creación e importación de componentes
6
Videos
- ¿Por qué React?
- Resumen de React.js
- Introducción a los componentes funcionales
- Creación de componentes React
- La estructura del proyecto React
- Importación de componentes
5
Readings
- Transpilar JSX
- Solución: Su primer componente
- Personalización del proyecto
- Solución: creación e importación de componentes
- Recursos adicionales para los componentes de React y donde se alojan
Uso y estilo de los componentes
-
7
Videos
-
9
Readings
-
2
Lab
-
3
Assignment
3
Assignment
- Autoevaluación: pase de props (props)
- Autoevaluación: múltiples componentes
- Cuestionario del módulo
2
Labs
- Transferencia de props
- Varios componentes
7
Videos
- Principios de los componentes: props
- Utilización de accesorios en los componentes
- Presentación de JSX
- Estilo práctico
- Expresiones JSX incrustadas
- Incrustación en atributos
- Resumen del módulo
9
Readings
- Declaración y uso de componentes: funciones o clases
- Solución: transferencia de props
- Props e hijos
- Estilo de elementos JSX
- Sintaxis JSX y función de flecha
- Operadores y funciones ternarios en JSX
- Expresiones como accesorios
- Solución: varios componentes
- Recursos adicionales
Eventos dinámicos y cómo gestionarlos
-
4
Videos
-
4
Readings
-
1
Lab
-
3
Assignment
3
Assignment
- Comprobación de conocimientos: eventos y errores
- Autoevaluación: eventos dinámicos
- Comprobación de conocimientos: eventos dinámicos y cómo gestionarlos
1
Labs
- Eventos dinámicos
4
Videos
- Tipos de eventos
- Gestión de eventos comunes
- Sintaxis de los controladores
- Eventos de usuarios
4
Readings
- Asuntos destacados
- Gestión de eventos y expresiones integradas
- Solución: eventos dinámicos
- Recursos adicionales
Datos y eventos
-
9
Videos
-
5
Readings
-
1
Lab
-
6
Assignment
6
Assignment
- Verificación de conocimientos: flujo de datos
- Verificación de conocimientos: indique el concepto
- Verificación de conocimientos: estado de aprobación
- Autoevaluación: gestión del estado en React
- Verificación de conocimientos: con estado o sin estado
- Módulo 2: datos y estado
1
Labs
- Gestión del estado en React
9
Videos
- Flujo de datos padre-hijo
- Hijos y datos
- ¿Qué son los enlaces?
- ¿Qué es el estado?
- Estado observador
- Administración del estado
- Gestión del estado de React
- Con estado versus sin estado
- Resumen del módulo
5
Readings
- Flujo de datos en React
- Uso de enlaces
- Taladrado de props
- Solución: gestión del estado en React
- Recursos adicionales
Enlaces y rutas
-
4
Videos
-
5
Readings
-
1
Lab
-
3
Assignment
3
Assignment
- Autoevaluación: creación de una ruta
- Verificación de conocimientos: navegación
- Verificación de conocimientos: actualizaciones condicionales
1
Labs
- Creación de una ruta
4
Videos
- Tipos básicos de navegación
- Navbar
- Codificación condicional
- Actualizaciones condicionales de vista única
5
Readings
- Navegación
- Solución: crear una ruta
- Aplicación de la codificación condicional
- Componentes condicionales
- Recursos adicionales
Uso de activos en React
-
5
Videos
-
5
Readings
-
1
Discussion
-
2
Lab
-
3
Assignment
3
Assignment
- Autoevaluación: visualización de imágenes
- Autoevaluación: selección de canciones
- Cuestionario del módulo: navegación, actualización y recursos en React.js
1
Discussions
- ¿Qué dificultades encontraron al crear la función de selección de canciones?
2
Labs
- Visualización de imágenes
- Selección de canciones
5
Videos
- ¿Qué es un activo y dónde se aloja?
- Uso de recursos incrustados
- Audio y video
- Crear un componente audio / vídeo
- Módulo 3: actualización de la navegación y recursos en React
5
Readings
- Agrupación de activos
- Solución: visualización de imágenes
- Paquetes de medios
- Solución: selección de canciones
- Recursos adicionales
Evaluación calificada: aplicación de la calculadora
-
2
Videos
-
2
Readings
-
1
Discussion
-
1
PeerReview
-
1
Lab
1
Peer Review
- Revisión por pares: crear una aplicación de calculadora
1
Discussions
- Comparta los desafíos que encontró al crear su aplicación de calculadora.
1
Labs
- Crear una aplicación de calculadora
2
Videos
- Resumen del curso: fundamentos de React
- Ejemplo: crear una aplicación de calculadora
2
Readings
- Revise la evaluación calificada
- Solución: crear una aplicación de calculadora
Resumen del curso
-
1
Videos
-
1
Readings
-
1
Discussion
1
Discussions
- ¿Qué es lo que encontró más interesante del curso?
1
Videos
- ¡Felicitaciones! Ha completado los fundamentos de React.
1
Readings
- Siguientes pasos
Auto Summary
"Conceptos básicos de React" es un curso introductorio ideal para quienes desean comenzar una carrera en desarrollo móvil. Impartido por Coursera, este curso se centra en la biblioteca React, enseñando a crear aplicaciones web y móviles escalables y dinámicas. A lo largo del curso, aprenderás a usar componentes reutilizables, props, y formularios, así como herramientas como React.js, JSX, HTML, CSS y JavaScript. Sin necesidad de experiencia previa, solo curiosidad y conocimientos básicos de Internet, podrás dominar los fundamentos de React y potenciar tu carrera. Disponible con suscripciones Starter y Professional.
Taught by Meta Staff