Duración
25 horas
Introducción
React se ha convertido en uno de los más importantes Frameworks de FrontEnd, junto con Angular y VueJS. Su utilización en Facebook y su integración con aplicaciones móviles con React Native han ayudado a posicionarlo de manera preferente en el desarrollo web FrontEnd. Por lo que React es una opción sólida para aquellos programadores que quieran actualizar sus habilidades y conocimientos técnicos.
Objetivos
Con la realización de esta acción formativa, las personas asistentes podrán:
- Entender los conceptos principales para el desarrollo FrontEnd con React
- Saber crear una aplicación React desde cero
- Saber crear componentes React
- Saber crear un sistema de navegación y enlaces
- Saber gestionar los eventos de sistema y usuario en React
- Saber gestionar las vistas en el sistema de plantilla
- Saber manejar formularios y sus validaciones
- Saber consultar un API rest desde React
- Conocer los componentes principales visuales de React
- Saber depurar y probar aplicaciones React
- Conocer las principales bibliotecas adjuntas a React
- Conocer el sistema de compilación y despliegue de React
- Saber manejar datos compartidos por parte de la aplicación
Temario
- Introducción a ReactJS
- Instalación de React
- Estructura de App
- Introducción a JSX
- Components & Props
- Elementos React
- Component structure
- Controlled components
- Props, State and lifecycle
- Style
- Eventos
- SyntheticEvent
- Eventos
- Clipboard, keyboard, Focus, Form, Mouse, Touch, Image
- Vistas
- Renderizado Condicional
- Listas, Claves, Formularios
- Todo Application
- Routing & API
- Front-end routing
- React-Router
- Promesas
- Obteniendo datos de una API
- Foundation
- React – Foundation
- Button, Button Group, Switch, Forms, Multimedia, Label, Barra de progreso
- Añadiendo CSS personalizado
- Debug & Testing
- Debug & Testing
- Jest
- Git y Docker
- Instalando Git – Generando SSH keys
- Push, Post, etc
- Creando y desplegando una imagen Docker para tu aplicación