Imagina

Curso de Desarrollo Web con React JS

Conoce las bases de ReactJS, la famosa librería de JavaScript, declarativa y basada en componentes, creada por el equipo de Facebook para la creación de interfaces de usuario. Empieza de forma cómoda a desarrollar tus propias aplicaciones web con ReactJS.

banner 2 x 1

¿Qué es React?

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.

Librería enfocada a la visualización, ReactJS está construida únicamente para utilizar el patrón de diseño MVC (Modelo Vista Controlador) manejando la interfaz de usuario de una aplicación. Eso te permite trabajar conjuntamente con otras bibliotecas de Javascript o frameworks.

¿Qué voy a aprender con curso de React?

Mediante este curso podrás aprender a realizar interfaces de usuario. React usa JavaScript para crear interfaces de una forma sencilla. Una de las herramientas más potentes y populares actualmente.

Objetivos

El objetivo del curso es que el alumno adquiera los conocimientos necesarios para crear sus propias interfaces y que aprenda a usar los distintos elementos disponibles en React JS.

¿A quién va dirigido?

A programadores, diseñadores y a todas aquellas personas que quieran desarrollar aplicaciones web de manera sencilla y con resultados espectaculares.

Duración
Consultar
Requisitos
Para este curso es necesario poseer conocimientos básicos de JavaScript y muy recomendable haber trabajado con HTML y CSS.
Bonificación FUNDAE

Quiero recibir información de este curso

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.

Temario

1

Introducción a ReactJS

  • Introducción
  • Instalación de React
  • JSX
  • ECMAScript
  • Plugins de interés para Visual Studio Code
2

Componentes y props

  • Elementos React
  • Componentes React
  • Componentes de Clase y Componentes Función
  • Componentes Contenedor vs Componentes Puros
  • Ciclo de vida
  • Normas para usar state
3

Estilos en React

  • Introducción a CSS en React
  • Bootstrap
  • React Bootstrap
  • FontAwesome
  • Bootstrap
  • Materialize
  • Material UI
4

React Hooks

  • Introducción a los Hooks de React
  • UseState
  • UseRef
  • UseEffect
  • UseContext
  • Reglas de los Hooks
  • Creando Hooks propios
5

Eventos

  • Gestión de eventos
  • SyntheticEvent
  • Eventos Clipboard
  • Eventos Keyboard
  • Eventos Focus
  • Eventos Mouse
  • Eventos Touch
  • Eventos Image
6

Vistas

  • Introducción al MVC
  • Renderizado Condicional
  • Listas en React
  • Claves en React
  • Formularios
  • Formik
  • Validaciones con Yup
7

React-Router & APIs

  • Introducción a la navegación con React
  • React-Router
  • Redirección y protección de rutas
  • Promesas y Observables
  • Async y await
  • API
  • Protocolo HTTP
8

Debugging y Testing

  • Introducción al mundo del Testing
  • Debugging
  • React Developer Tools
  • Redux Developer Tools
  • Introducción a Jest
  • Testing Unitario con Jest
  • Testing de Integración con Jest
  • Testing Funcional o e2e con Cypress y Katalon Studio
9

Firebase, Git y Heroku

  • Introducción a Firebase
  • Puesta en marcha de un proyecto con Firebase
  • Integración de Firebase como BAS
  • Introducción a Git
  • Integración con Git
  • Introducción a Heroku
  • Despliegue en Heroku
10

Librerías

  • React-notifications
  • React-slick
  • Video-react
  • React Date Picker
  • TextArea redimensionable
  • Mapas con Cesium y Open Street Maps
  • Otras librerías de interés
11

Webpack

  • Introducción a Webpack
  • Webpack Snippets y otros plugins de interés
  • Pasos para empezar con Webpack
  • Configuración de Webpack
  • Babel
12

Redux

  • Presentando Flux
  • Evolución a Redux
  • Instalación de Redux
  • Conceptos Principales
  • Asincronismo y Side Effects de Redux
  • Reselect - Meoize
  • Redux Thunk y Redux Sagas
  • Redux Persist
  • Redux Forms
Realiza el curso desde donde quieras gracias a nuestro campus online. Dispondrás de un profesor experimentado en programación y desarrollo que te ayudará y responderá a todas tus dudas.
Tutor personal
Proyecto final
Diploma de certificación
Plataforma online
Disponibilidad horaria
Bolsa de empleo

¿Quieres realizar esta formación sin coste para tu empresa?

¡Sin desplazamientos! Impartimos la formación en tu empresa.

Imagina Formación es una entidad organizadora de la Fundación Estatal de modo que puedes gestionar la formación bonificada de los cursos con nosotros. Nos encargamos de todos los trámites para conseguir la bonificación sin ningún coste adicional. Cumplimos con todos los requisitos para que nuestros cursos sean 100% bonificables.

Consulta disponibilidad y precios

Otros clientes que están aprendiendo con nosotros…

¿Tienes alguna duda? Puedes hablar con uno de nuestros profesores

¡Pregúntanos!

¿Quieres un curso personalizado?

*requerido

  • Responsable de los datos: IMAGINA WEB & MOBILE TECHNOLOGIES S.L.
  • Finalidad de los datos: Responder a la información solicitada, envío de boletines de noticias y ofertas.
  • Destinatarios: IMAGINA WEB & MOBILE TECHNOLOGIES S.L. No se cederán los datos a terceros.
  • Derechos: En cualquier momento puedes acceder, recuperar y borrar tu información.