Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso React

Curso completo de React

DISPONIBLE EN MODALIDAD:

Online

Aula Virtual Personalizada

Empieza tu formación para crear aplicaciones de calidad con una de las librerías más famosas para el desarrollo web con este curso de React JS.

Mediante este curso de React JS podrás aprender a realizar interfaces de usuario utilizando una de las herramientas más potentes y populares actualmente.

Formación en React bonificable para empresas

¿A quién va dirigido?

A todos los desarrolladores web que quieran aprender a desarrollar aplicaciones web modernas basadas en React, la librería de JavaScript de código abierto desarrollada por los ingenieros de Facebook.

Objetivos

Aprender a desarrollar aplicaciones web SPA con ReactJS
Aprender a crear y estucturar aplicaciones React con componentes de clase y funcionales reutilizables
Aprender a trabajar con hooks y poder sacarle todo el partido a la librería de React
Aprender a realizar formularios, gestionar peticions Https y configurar webpack y eslint para proyectos React
Aprender a realizar pruebas unitarias con Jest, realizar builds y despliegues para distintos entornos

¿Qué vas a aprender?

React JS se trata de una librería de JavaScript de código abierto desarrollada por los ingenieros de Facebook con el objetivo de ofrecer los mejores estándares en experiencia de usuario. Su objetivo es ayudarte en el desarrollo de aplicaciones donde necesites usar datos que cambien todo el tiempo, siendo su uso sencillo, declarativo y fácil de combinar. Mediante este curso de React JS podrás aprender a realizar interfaces de usuario utilizando una de las herramientas más potentes y populares actualmente.

Requisitos

Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores)
Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT y Visual Studio Code
Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software donde hacer el curso

Nuestras modalidades de formación

Cursos Online

Formación a través de nuestro campus virtual

Bonificable hasta el 100% por FUNDAE

Horario Flexible de formación

Teoría, práctica y vídeos guiados

Acceso multiplataforma, desde PC y móviles

100% tutorizado por un formador experto

Diploma de aprovechamiento

Me interesa

Aula Virtual Personalizada

Videoconferencia en tiempo real, síncrono, a través de Zoom

Bonificable hasta el 100%, por FUNDAE.

Planificación a medida

100% práctico con proyectos evolutivos

Temario adaptado a vuestras necesidades

100% tutorizado con feedback inmediato

Diploma de aprovechamiento

Me interesa

React: Últimas plazas

A continuación te mostramos las próximas convocatorias disponibles de nuestras formaciones online. Si te interesa realizar una formación a medida, para un grupo de trabajadores, puedes realizar un Aula Virtual Personalizada.

30 abr

Curso React Online

60 horas lectivas

Plazas limitadas

Hasta 100% bonificables

¡ÚLTIMAS PLAZAS!

¡Me interesa!

Temario del curso

tema 1

Preparando el entorno de desarrollo

Introducción al IDE Visual Studio Code
Instalación de Visual Studio Code
Lista de extensiones imprescindibles para proyectos React
Gestión de archivos y carpetas
Búsquedas en Visual Studio Code
Uso de la terminal desde Visual Studio Code
Entornos de desarrollo online

tema 2

Introducción a ReactJS

¿Qué es ReactJS?
Instalación
Creación de proyectos
Análisis de carpetas y archivos
Virtual DOM y JSX

tema 3

Componentes

¿Qué es un elemento?
¿Qué es un componente?
Componentes de Clase y Funcionales
Jerarquía y anidación de componentes
Componentes puros y componentes contenedor
Paso de información por props
PropTypes
No se modifica la vista… ¿Qué ocurre?
State Privado y las restricciones en su uso
¿Qué son los Hooks y por qué usarlos?
Introducción a los tipos de Hooks existentes
Hook useState
Gestión del ciclo de vida de un componente de clase
Gestión del ciclo de vida de un componente funcional
Herramienta React DevTools
Buenas prácticas

tema 4

Debugging

Introducción a la depuración de código
Depuración de código en el navegador
Chrome Debugger y Firefox Debugger
Depuración de código en Visual Studio Code
Archivo launch.json y su configuración
Puntos de Ruptura en Visual Studio Code
Watchers y otras técnicas de depuración en Visual Studio Code

tema 5

Eventos

Gestión de eventos
Binding entre la vista y el controlador
Uso de Referencias en React
Hook useRef
Accediendo al valor de un elemento referenciado
Eventos de teclado
Eventos de ratón
Otros eventos
Buenas prácticas

tema 6

Vistas

¿Qué es una vista?
Formas de implementar el renderizado condicional en JSX
Dando estilos a nuestros componentes
Aplicación de estilos de forma condicional
Trabajando con SCSS o SASS en React JS
Listas y Keys
Formularios Clásicos
Formularios con Formik y Yup
Buenas prácticas

tema 7

Estados globales

El estado de la aplicación
Problemática en React para persistir datos entre componentes
¿Qué es Redux?
Ventajas de usar Redux en un proyecto React
Descarga de Redux y React Redux
Configuración de un proyecto React con Redux
Herramienta Redux DevTools
Aplicación práctica para asentar los conceptos
Buenas prácticas

tema 8

Sistema de enrutado en React

SPAs y las rutas
React Router
Definiendo las rutas
Obteniendo parámetros de la ruta
Paso de datos entre rutas
Redirección de rutas
Protegiendo las rutas
Navegación entre las rutas a través del historial de rutas
Navegación a rutas externas
Otras formas de navegar por la aplicación

tema 9

Peticiones a API Restful

Introducción al protocolo HTTP
Métodos HTTP y Códigos de Estado
Haciendo peticiones HTTP con fetch
Alternativa: Axios
Configuración completa de Axios
Realizar peticiones con Axios
Consumir respuestas a través de promesas

tema 10

Estados globales asíncronos

Alternativas Redux para gestionar la asincronía
Redux Sagas
Redux Thunk
Alternativas a Redux: uso de Hooks
Hook UseContext
Hook UseReducer
Debate acerca de cuál es la solución más adecuada
Buenas prácticas

tema 11

Interfaces de usuario

Introducción a Bootstrap
Instalación de Bootstrap en un proyecto React
Uso del Grid de Bootstrap
Responsive Design con Bootstrap
Introducción a Material UI
Instalación de Material UI en un proyecto React
Componentes de Material UI
Creación de un Dashboard con Material UI

tema 12

Performance en nuestras aplicaciones React

¿Qué es la performance de una aplicación?
¿Por qué es necesario controlarla?
React Memo
Hook useMemo
Hook useCallBack
Hook useEffect
React Web Vitals
ServiceWorkers y PWAs
Creando una PWA en React
Buenas prácticas para evitar renderizados innecesarios

tema 13

Build del proyecto

Script de React para gestionar la build
Carpeta de destino de la build
Build para diferentes entornos
Variables de Entorno en proyectos React
Haciendo uso de las variables de entorno en nuestro proyecto React

tema 14

Testing

Introducción al testing
Diferencias entre Testing Unitario y Testing de Integración
¿Qué es el Shallow Testing?
Jest para testing en aplicaciones React
Configuración de Jest
Test Cases en Jest
Matchers de Jest
Spies de Jest
Mocking
Testing de componentes React
Tests de integración en React
Buenas prácticas
Breve introducción a metodología TDD
Breve introducción al testing funcional
Listado de herramientas modernas de testing funcional

tema 15

Webpack, Babel y ESLint

Introducción a WebPack
Introducción a Babel
Introducción a EsLint
Introducción a DocumentationJS
Introducción a Flow
Creación de un proyecto node desde cero
Instalación de Webpack, Babel y EsLint
Configuraciones WebPack
Configuraciones para usar Babel
Configuraciones para usar EsLint
Instalación de DocumentationJS
Ejemplos de documentación
Instalación de Flow
Configuraciones y ejemplos de uso de Flow
Instalaciones necesarias de React JS
Configuraciones necesarias de ReactJS

tema 16

Despliegue de la aplicación

Introducción al despliegue de aplicaciones
Introducción a Heroku
Desplegando una aplicación React en Heroku
Integración de Heroku y Github
Automatización de despliegues en Heroku
Introducción a Netlify
Desplegando una aplicación React en Netlify
Despliegue continuo en Netlify
Introducción a Firebase
Instalaciones y configuraciones previas
Desplegando una aplicación React en Firebase

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Estos otros cursos también podrían interesarte

Curso TypeScript

60 horas

Hasta 100% bonificable

Acceso Multiplataforma

100% Tutorizado

Curso JavaScript

60 horas

Hasta 100% bonificable

Acceso Multiplataforma

100% Tutorizado

Curso React Native

60 horas

Hasta 100% bonificable

Acceso Multiplataforma

100% Tutorizado

Curso de React bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada