¡Apúntate hoy!

Curso de desarrollo Front-End con React


Aprende a usar las librerías y herramientas esenciales para ser un desarrollador front-end actual. En un sector con frecuentes lanzamientos de nuevos frameworks, React se destaca como el preferido por las empresas desde hace más de 7 años.
Formato


Curso en vivo

Fecha de comienzo


Próximamente
Lun y Miér, 18h-21h

Duración


7 semanas

Precio


990 €

Curso de desarrollo Front-End con React


Aprende a usar las librerías y herramientas esenciales para ser un desarrollador front-end actual. En un sector con frecuentes lanzamientos de nuevos frameworks, React se destaca como el preferido por las empresas desde hace más de 7 años.
Fecha de comienzo


Próximamente

Duración

7 semanas

Trabaja de Front-End Developer


Aprende desde cero React, el framework más utilizado en empresas en el desarrollo web, trabajando como en un auténtico equipo de desarrollo,

Profesional en activo


Te enseñará un profesional Front-End Developer con gran experiencia creando aplicaciones web, y fundador de Streamloots en 2017.

Clases en directo y tutorías


50 horas de clases en directo, tutorías grupales e individuales en los que tu profesor te guiará,  y corregirá para que realmente aprendas lo que te has propuesto. 

Proyecto final


Al finalizar este curso habrás implementados una versión de Streamloots en miniatura para practicar cada uno de los conceptos estudiados.

Mantente al día

Calendario de próximas clases

¿Qué vas a aprender?

Aprende React y trabaja de front-end developer


El curso de React de Cero a Experto 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 utilizado 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.

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.
Write your awesome label here.
Write your awesome label here.

Aprendizaje online de alta calidad

Especialízate en Front-End Developer con React


La metodología de este curso está pensada para que cumplas tu objetivo:
  • Clases en directo prácticas y siguiendo los flujos de trabajo de la industria.
  • Tutorías para ejercitar y corregir los puntos más importes de tu trabajo.
  • Semana de revisión a mitad de curso, incluye una entrevista individual con el profesor para orientar y enfocar tu proyecto final.
  • Y mucho más: material de apoyo, canal de comunicación con tus compañeros y profesor en Discord, etc.


José Miguel González

Front-End Developer, Product Manager

Bio


Más de 11 años creando aplicaciones web y propiciando una cultura de impacto en el usuario, no solo desde producto, sino también desde tecnología.

Experiencia


Comenzó como desarrollador en Connectif, una aplicación de marketing automation y ecommerce. Más tarde paso a DNN como Team lead del equipo de professional services, donde desarrollaban soluciones verticales para diferentes empresas de Estados Unidos, uno de los proyectos le llevo a desarrollar un módulo especial para el Departamento de Defensa de los Estados Unidos.

Más tarde comenzó sus andanzas en el mundo del emprendimiento, montando la empresa Overpog, una app para subir jugadas de Overwatch (un videojuego online) y que otros usuarios pudieran votarlas. Esta aplicación no logro la tracción deseada, así que siguieron probando diferentes proyectos. En el camino fue conformando un equipo de trabajo que finalmente fundaría Streamloots en 2017, convirtiéndose en una empresa referente en el sector del streaming, con una facturación superior a los 5 millones de euros anuales. Más de, 40000 streamers han pasado en este tiempo por la plataforma.

Fechas y Horarios


Comienzo: Próximamente
Clases online en directo: lunes y miércoles
Horario: 18h a 21h (GMT +1)
Duración:
7 semanas 
(50 horas de clases en directo y tutoría).
Write your awesome label here.
Write your awesome label here.

Inscríbete ahora, paga después con PayPal


Si quieres, puedes pagar este curso en 3 plazos. Solo tienes que elegir pagar con PayPal cuando te inscribas siguiendo estos pasos. 
  • Cuando vayas a inscribirte en el curso accede a tu cuenta de Paypal
  • Si cumples los requisitos, verás la opción de "Paga en 3 plazos".
  • Solicita la opción "Paga en 3 plazos"
  • PayPal te comunicará en poco tiempo si se aprueba la financiación. 
  • Una vez aprobado, podrás continuar tu inscripción en el curso.

Para quién es:


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).

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.
Write your awesome label here.
Write your awesome label here.

¿Hasta dónde quieres llegar?

Posibles salidas profesionales

  • Desarrollo de sitios web: serás responsable de crear y mantener páginas web funcionales y atractivas, trabajando tanto en el front-end como en el back-end para ofrecer una experiencia de usuario completa.
  • Desarrollador Front-end: crearás interfaces de usuario eficientes y atractivas utilizando tecnologías como HTML, CSS y JavaScript, siendo esencial en la mejora de la experiencia del usuario.
  • Product Designer: serás responsable de la estética y funcionalidad de un producto digital, integrando las necesidades del usuario con los objetivos de negocio para crear experiencias de usuario efectivas y atractivas.
  • Product Manager: coordinarás el desarrollo y la estrategia de un producto, desde la conceptualización hasta el lanzamiento, asegurando que cumpla con las necesidades del usuario y los objetivos empresariales.

Proyecto final


Implementaremos una versión de Streamloots en miniatura para practicar cada uno de los conceptos estudiados en un proyecto final.

Esta versión utilizará la API real de Streamloots y contendrá alguna de las funcionalidades de la plataforma web en versión reducida. 
Write your awesome label here.
Write your awesome label here.

Bonifica tu formación


Si eres una empresa, puedes bonificar el curso de ESAT Online a través de FUNDAE, la Fundación Estatal para la Formación de Empleo. Te ayudamos y proporcionamos toda la información que necesites.  
ES EL MOMENTO

Curso de desarrollo Front-End con React

01

Bloque 1: Introducción a React

  • Introducción a React y su Virtual DOM
  • Introducción a JSX
  • Qué es un componente y cómo crear uno.
  • Ciclo de vida y renderizado de los componentes
  • Cómo crear componentes reutilizables
  • Ejercicios prácticos: Preparación del entorno de desarrollo y proyecto inicial con React y TypeScript
  • Ejercicios prácticos: Crear nuestros primeros componentes del proyecto

02

Bloque 2: Eventos en React

  • Event listeners y event propagation en React
  • Anidando eventos en react
  • Ejercicios prácticos: reaccionando a acciones de los usuarios en nuestros componentes
  • Ejercicios prácticos: testeando las interacciones de usuario en nuestros componentes

03

Bloque 3: 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

04

Bloque 4: React Portal

  • Para qué se utiliza React Portal y cuando usarlo
  • Ejercicios prácticos: usando Portals en nuestros componentes

05

Bloque 5: TypeScript y tipado de componentes

  • Introducción a TypeScript
  • Tipando los componentes de react con TypeScript
  • Ejercicios prácticos: Tipar todos los componentes creados hasta la fecha

06

Bloque 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

07

Bloque 7: Hooks II: useEffect

  • Para qué se utiliza useEffect y por qué es necesario
  • useEffect en el ciclo de vida de un componente
  • Eventos globales y useEffect
  • Ejercicios prácticos: usando useEffect en nuestros componentes

08

Bloque 8: HTTP, Promesas y Asincronía en React 

  • Trabajando con APIs en React
  •  Mapear y normalizar la información
  • Añadir efectos asíncronos a nuestros componentes
  • Ejercicios prácticos: Nuestra primera funcionalidad completa con estado asíncrono, efectos y trabajando con la API

09

Bloque 9: Hooks III useMemo y useCallback

  • Qué es memoizar en programación y cuándo usarlo
  • 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

10

Bloque 10: 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

11

Bloque 11: 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

12

Bloque 12: Hooks V useReducer

  • Para qué sirve useRef
  • Cuando utilizar useRef
  • Ejercicios prácticos: refactorizar nuestros contextos con reducers useRef a alguno de nuestros componentes

13

Bloque 13: 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

14

Bloque 14: Hooks IV useRef

  • Para qué sirve useRef
  • Cuando utilizar useRef
  • Ejercicios prácticos: Aplicar useRef a alguno de nuestros componentes

15

Bloque 15:  Internacionalización con React

  • Configurar el proyecto para múltiples idiomas
  • Pluralization e interpolation
  • Ejercicios prácticos: aplicar multi idioma a nuestro proyecto

16

Bloque 16: Testing en React

  • Introducción al testing
  • Tipos de tests
  • Testeando componentes en React
  • Mocks para testear llamadas asíncronas
  • Ejercicios prácticos: testeando nuestros componentes

¿Tienes dudas? Seguro que aquí te las resolvemos.

¿Qué requisitos se piden para apuntarse a este curso?

Para poder seguir este curso será necesario que tengas una base inicial en javascript, CSS y HTML, aunque no requiere ser experto en ninguno de esos lenguajes.

¿Qué licencias y equipos necesito para seguir el curso?

Los estudiantes deben contar con su propio equipo (que cumpla con los requisitos técnicos), conexión a Internet de alta velocidad y las licencias al software que vaya a utilizarse. Revisa porque en muchos casos puedes adquirir una versión gratuita de prueba o para estudiante. Si tienes alguna duda, ponte en contacto y te asesoraremos al respecto. 

Requisitos mínimos de conexión a Internet
Necesitarás una conexión a Internet de alta velocidad para ver las clases en directo. Se requiere una conexión mínima de 1,5 Mbps.
Requisitos mínimos del equipo de los alumnos
PC:
  • Internet Explorer 7.0, Mozilla Firefox 4.0, Google Chrome 5.0 (JavaScript y Java habilitado) o la última versión de cada navegador web
  • Windows 8, 7, Vista, XP o 2003 Servidor
  • Módem por cable, DSL o mejor conexión a Internet (se recomienda un ancho de banda de 1,5 Mbps)
  • CPU de doble núcleo a 2,4 GHz o más rápida con 2 GB de RAM (recomendado)
  • Cámara web
Mac:
  • Safari 3.0, Firefox 4.0, Google Chrome 5.0 (JavaScript y Java habilitado) o la última versión de cada navegador web
  • Mac OS X 10.5 – Leopard o más reciente
  • Procesador Intel (se recomienda 1 GB de RAM o mejor)
  • Módem por cable, DSL o mejor conexión a Internet (se recomienda un ancho de banda de 1,5 Mbps)
  • Cámara web.

¿Qué ocurre si no cumplo los requisitos mínimos para realizar el curso?

En la descripción del curso y en estas preguntas frecuentes se detallan los requerimientos tanto técnicos, como a nivel de conocimientos previos, necesarios para aprovechar bien el curso. Es responsabilidad del alumno, a la hora de inscribirse en un curso determinado, comprobar que cumple dichas condiciones previas. Si quieres asegurarte, ponte en contacto con nosotros y te asesoramos.

¿Cuáles son los métodos de pago aceptados?

Puedes pagar con Paypal o  con tarjeta de débito/crédito a través de la pasarela de pago de Paypal. Si quieres financiar el pago, revisa la opción de financiación en 3 pagos que ofrece Paypal en tu cuenta. 

Si deseas pagar por transferencia bancaria, también es posible. Ponte en contacto con nosotros y te facilitamos los datos bancarios para que puedas realizarlo.

¿Qué pasa si el curso al que me he inscrito no llega al grupo mínimo?

Para que el curso se inicie es necesario que haya suficientes matrículas para formar un grupo mínimo. Si no se diera el caso, se planificaría a la siguiente edición, trasladando automáticamente a aquellos que se hayan inscrito (e informando del cambio de fechas). Si las nuevas fechas no te encajan, te ofrecemos la posibilidad de reembolso. 

¿Puedo obtener un diploma al acabar?

Sí. Puedes recibir un diploma de aprovechamiento del curso siempre y cuando: 

  1. Asistas, o veas las grabaciones, a las clases en directo y/o tutorías
  2. Presentes tu proyecto final en el plazo previsto
  3. Tu proyecto esté realizado 100% por ti
  4. Tu profesor determine que el proyecto es apto


Si lo deseas (tengas o no apto el proyecto final) puedes solicitar que te enviemos el  certificado de asistencia al curso. 

No sé si podré asistir a todas las clases ¿podré seguir el curso?

Podrás seguir el curso y realizar las actividades y proyecto final propuesto aunque no asistas en directo a las clases. Eso sí, para que tu proyecto final sea corregido y obtener el diploma del curso tendrás que haber asistido al 50% de las clases en directo y/o tutorías.

¿Qué pasa si una clase se cancela o se reprograma?

Si, por causa de fuerza mayor, una sesión en directo con el profesor/mentor debe cancelarse, se reprogramará en la siguiente oportunidad informando a los asistentes de los cambios efectuados.

¿Se graban las clases?

Sí, se graban todas las clases (las tutorías no se graban), pero al ser muy prácticas te recomendamos que asistas en directo para aprovechar al máximo el curso.

¿Puedo descargarme las grabaciones de las clases o los materiales de apoyo?

No, pero tendrás acceso a todas las grabaciones y materiales hasta, por lo menos, 6 meses tras la finalización del curso

¿Es necesario tener y usar cámara?

Es obligatorio que uses la cámara, al menos en algún momento de la clase, para que se valide tu asistencia. Para aprovechar bien las clases y su contenido práctico, te recomendamos que te conectes a clase delante de tu equipo y con las condiciones adecuadas para asistir a clase y practicar lo que el profesor indique.

Estamos aquí para ayudarte


¿Tienes preguntas, comentarios o necesitas asesoramiento? Rellena el formulario a continuación y nuestro equipo se pondrá en contacto contigo lo antes posible. En ESAT Online, tu éxito y satisfacción son nuestra prioridad

Temario y clases

Cursos relacionados

Hemos ayudado a cientos de personas a encontrar
un futuro profesional

Binaas

Product Designer en Stockfink


ESAT me ha ayudado a conocer las bases fundamentales del desarrollo y diseño web. Dándome así los puntos clave para desarrollar mi carrera.

Tamara Trüb

UX/UI Designer at Ifolor Group


Lo que más aprecio de mi paso por ESAT es la enorme variedad de conocimientos de diseño que he adquirido, cada uno de ellos aplicables a mi futuro laboral, haciendo que mi perfil profesional destacara sobre otros.

Esther García Zurita

Diseñadora gráfica en Lladró, S.A.


ESAT me ha ofrecido la oportunidad de estudiar en el extranjero y trabajar con personas y en proyectos que han enriquecido mucho mi portfolio.

Juliana Chraim Hazim

Developer en Zero Paralelo


No importa si hay más o menos conocimientos iniciales, con interés y esfuerzo, cualquier alumno puede superarse y conseguir sus metas

Lidia Aullana

Frontend Developer en Doowebs


He aprendido muchísimo, he tenido la oportunidad de conocer gente maravillosa y entrar en el mundo laboral haciendo lo que más me gusta

Alex Dasi

Product Designer en Idrica


Es tremendamente valioso poder encontrar en un mismo sitio gran parte de la base técnica y teórica que necesitaba para evolucionar profesionalmente como diseñador, especialmente dentro de un campo tan dinámico y cambiante como el digital/web