DESARROLLO FRONT-END CON REACT
ESAT - Escuela Superior de Arte y TecnologíaCurso presencial
Valencia
1.290 €
Duración : 1 Mes
El curso de Desarrollo front-end con React ofrece a los estudiantes la oportunidad de aprender a utilizar y desenvolverse con las librerías, tecnologías y herramientas más demandadas para poder trabajar como front-end developer hoy en día. En un contexto donde cada poco tiempo salen frameworks nuevos, React ha demostrado ser el rey indiscutible y se mantiene como el más usado por las empresas desde hace más de 7 años.
Nuestro programa de formación especializada desarrollará las habilidades de los alumnos a la hora de resolver problemas y afianzará sus conocimientos, no solo de React, sino también de algoritmia, patrones de diseño, Git, JavaScript, TypeScript, HTML, CSS y Testing automático.
Emagister S.L. (responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información y comunicaciones promocionales de formación con tu consentimiento. Ejerce tus derechos de acceso, supresión, rectificación, limitación, portabilidad y otros, según se indica en nuestra política de privacidad.
Sedes
Localización
Fecha inicio
Objetivos
Con un enfoque práctico que reforzará los conceptos teóricos durante todo el curso, los estudiantes trabajarán como en un auténtico equipo de desarrollo y se enfrentarán a un proyecto real desde el primer día, que iremos evolucionando hasta tener una aplicación completamente funcional al final del curso.
A quién va dirigido
Personas que quieran especializarse en el desarrollo front-end con React y cualquier otra persona que quiera coger una base para entender mejor cómo trabaja un/a desarrollador/a front-end (product designer, product managers, project managers).
Requisitos
Este curso está diseñado para aquellas personas que ya tengan una base inicial en programación y que estén interesadas en trabajar como front-end developers en proyectos con React y TypeScript, o aquellas personas que quieran afianzar sus conocimientos en dichas tecnologías. Por lo ambicioso del temario, se requerirá que los alumnos tengan al menos una base inicial en JavaScript, CSS y HTML, aunque no requiere ser experto en ninguno de esos lenguajes.
Temario completo de este curso
Tema 1: Introducción a React y TypeScript
- Introducción a TypeScript
- Introducción a React y su Virtual DOM
- Introducción a JSX- Operadores y sintaxis comunes de Javascript centrada en React
- React DevTools
- Ejercicios prácticos: Preparación del entorno de desarrollo y proyecto inicial con React y TypeScript
Tema 2: Componentes en React
- Qué es un componente
- Ciclo de vida y renderizado de los componentes en React
- Tipos de componentes en React
- Estilando nuestros componentes
- Cómo crear componentes reutilizables
- Tipando los componentes con TypeScript
- Ejercicios prácticos: Crear nuestros primeros componentes del proyecto
Tema 3: Testing en React
- Introducción al testing
- Preparar el proyecto para testear
- Testeando componentes en React
- Ejercicios prácticos: testeando nuestros componentes
Tema 4: Eventos en React
- Eventos en el navegador
- Event listeners y event propagation en React
- Handlers y callbacks
- Ejercicios prácticos: reaccionando a acciones de los usuarios en nuestros componentes
- Ejercicios prácticos: testeando las interacciones de usuario en nuestros componentes
Tema 5: Hooks I: useState
- Para qué se utiliza useState y por qué es necesario
- Cuándo utilizar useState: buenas prácticas
- Ejercicios prácticos: añadir estado a los componentes de nuestro proyecto
Tema 6: Rutas en React
- Diferencias entre enrutado en web y en React
- Configurar React-router
- Organizar las rutas en aplicaciones complejas
- Trabajando con queryParams y rutas dinámicas
- Ejercicios prácticos: Añadir rutas a nuestro proyecto
Tema 7: Hooks II: useEffect
- Para qué se utiliza useEffect y por qué es necesario
- useEffect en el ciclo de vida de un componente
- Valor vs Referencia
- Buenas prácticas para evitar efectos inesperados
- Ejercicios prácticos: usando useEffect en nuestros componentes
Tema 8: HTTP, Promesas y Asincronía en React
- En qué consiste el protocolo HTTP
- Promesas y asincronía
- Trabajando con APIs en React
- Debounce & Throttle
- Mocks para testear llamadas asíncronas
- Ejercicios prácticos: Nuestra primera funcionalidad completa con estado asíncrono, efectos y trabajando con la API
Tema 9: Trabajando con Formularios en React
- Conceptos básicos de formularios
- Instalación y uso de React-hook-forms
- Ejercicios prácticos: Añadir formularios a nuestro proyecto
Tema 10: Context API
- Para qué se utiliza el contexto y por qué es necesario
- Cuándo crear y consumir un contexto, buenas prácticas
- Ejercicios prácticos: Añadir contexto en nuestro proyecto
Tema 11: Creando custom hooks
- Cómo crear hooks personalizados para hacer nuestro código aún más reutilizable
- Ejercicios prácticos: Refactorizar nuestros componentes con custom hooks
Tema 12: Hooks III useMemo y useCallback
- Qué es la memorización en programación
- Cuándo memorizar
- Memoización en React, useMemo y useCallback
- useMemo, useCallback y useEffect
- Memoizar un componente entero en React para mejorar el rendimiento
- Ejercicios prácticos: Añadir búsquedas y filtros gestionados en el front
Tema 13: localStorage y cookies
- Qué es el local storage y cuándo utilizarlo
- Qué son las cookies y diferencias con el local storage
- Cuándo utilizar uno y otro
- Ejercicios prácticos: Guardar preferencias del usuario en el local storage
Tema 14: Redux como gestor de estado
- Qué es redux, cuándo es necesario y cuándo no
- Buenas prácticas de Redux
- Ejercicios: Añadir redux a nuestro proyecto
Tema 15: Hooks IV useRef
- Para qué sirve useRef
- Cuando utilizar useRef
- Ejercicios prácticos: Aplicar useRef a alguno de nuestros componentes
Curso dirigido por José Miguel González.
1.990 €
1.895 €
Precio a consultar
3.450 €
2.200 € 1.695 €