DESARROLLO DE APLICACIONES FRONTEND. REACT Nivel Básico
CÓDIGO: 2024.00.S.008.01 - PLAZAS: 18 - HORAS: 25
Destinatarios
ACTIVIDAD NO ELEGIBLE
Empleados públicos de la Junta de Extremadura del grupo A2/II de la especialidad informática.
El Servicio de Sistemas de Información Sectoriales, propondrá a los alumnos participantes.
Contenidos
- Repaso a Javascript moderno. Repaso a la sintaxis, recuperación de datos externos, sincronía y promesas.
- Configuración del entorno de desarrollo, incluyendo la instalación de Node.js, npm (Node Package Manager) y un editor de código (Visual Studio Code y plugins de ayuda).Revisión Sintaxis Java. Estructuras de bucles básicas. Objetos e Interfaces.Arrays. Herencia. Colecciones
- Security First. Presentación de las herramientas de seguridad disponibles en la Dirección General y su uso básico.
- Introducción a React. Aprender los conceptos básicos de React, como componentes, JSX, renderizado, props y state.
- Creación de componentes. Explorar cómo se pueden pasar propiedades entre componentes.
- Renderizado condicional función del estado o de las propiedades de los componentes.
- Manejo de eventos, como hacer clic en un botón o enviar un formulario.
- Manipulación del estado y cómo actualizar el estado de forma inmutable.
- Listas y claves. Renderizar listas de elementos (Hidratar) y utilizar claves (keys).
- Comunicación entre componentes. Elevación de estado (lifting state up) y el uso de un administrador de estado global como Redux Tools o Context API.
- Integración de librerías externas.
- Creación de rutas. Aprender a utilizar una biblioteca de enrutamiento como React Router para crear rutas y navegar entre diferentes vistas.
- Optimización del rendimiento. Como el uso de shouldComponentUpdate, React.memo y React.lazy.
- Hooks. Incluyendo useState, useEffect, useContext y useRef, para gestionar el estado, realizar efectos secundarios y acceder a contextos.
Objetivos
• Aprender a utilizar React para desarrollar componentes reutilizables y crear interfaces de usuario interactivas y dinámicas.
• Comprender los conceptos y técnicas de diseño de sistemas de diseño y su implementación en proyectos de desarrollo web.