Curso de desarrollo Front-End con React – online

Gratis
Curso de desarrollo Front-End con React – online

Curso en vivo  
Clases online en directo: lunes y miércoles
Horario: 18h a 21h (GMT +1)
Duración: 7 semanas (40 horas de clases en directo +40 horas de trabajo en casa).

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.

Accede a ESAT Online

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

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.

 

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.

    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • React Portal
      • Para qué se utiliza React Portal y cuando usarlo
      • Ejercicios prácticos: usando Portals en nuestros componentes
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • 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
      30 minute(s)
    • Hooks V useReducer
    • 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
      30 minute(s)
    • Hooks IV useRef
      • Para qué sirve useRef
      • Cuando utilizar useRef
      • Ejercicios prácticos: Aplicar useRef a alguno de nuestros componentes
      30 minute(s)
    • Internacionalización con React
      • Configurar el proyecto para múltiples idiomas
      • Pluralization e interpolation
      • Ejercicios prácticos: aplicar multi idioma a nuestro proyecto
      30 minute(s)
    • 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
      30 minute(s)
  • 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.

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.

    Más información y matrícula

    Envíanos tus consultas o inicia el proceso de matriculación, utilizando el siguiente formulario o llamando al 963 155 637. Nuestro horario de atención telefónica es de 9:00 a 18:00, de lunes a viernes, y de 9:00 a 14:00 los sábados.

    Términos y condiciones de privacidad: Los datos requeridos son necesarios para gestionar tu solicitud de información y mantener el contacto contigo. Si no facilitas los datos requeridos no podremos atender y gestionar tu petición. Los datos facilitados serán tratados y podrán incorporarse a un fichero cuya titularidad y responsabilidad sobre su tratamiento la ostenta la Escuela Superior de Arte y Tecnología (ESAT), con la finalidad de mantener el contacto y suministrarte información, en base a tu propia solicitud y consentimiento. Los datos serán tratados durante los plazos legalmente establecidos y serán conservados mientras mantengas tu relación con nosotros, siendo suprimidos una vez terminada la misma, a excepción de aquellos que legal o contractualmente sea necesario conservar. La cumplimentación, aceptación y envío del formulario, confirma tu consentimiento y autorización para el registro y tratamiento de tus datos, su inclusión en el fichero precitado y el envío/recepción de comunicaciones electrónicas o postales por parte de ESAT con la información solicitada. En cualquier momento podrás revocar tu consentimiento para ello sin que ello afecte a la licitud del tratamiento basado en tu consentimiento previo a su retirada, así como ejercer los derechos legalmente reconocidos sobre tus datos personales, entre otros, los derechos de acceso, rectificación, supresión y, en su caso, limitación del tratamiento, portabilidad u oposición, en el modo y forma establecidos en la Política de Privacidad recogida en este sitio web. Todo ello sin perjuicio de los derechos que te asistan para formular cualquier reclamación en defensa de tus derechos e intereses ante la Agencia Española de Protección de Datos. Si desea más información al respecto, contactar con nuestro Delegado de Protección de Datos formular cualquier reclamación, puede hacerlo a través de la dirección dpd@esat.es.

    (*) Campos de cumplimentación obligatoria.

    Ex alumnos y profesionales que nos valoran

    ignacio-bueno

    Nacho Bueno

    AKQA
    Durante mi estancia en Northumbria he crecido a todos los niveles, pero sin duda, lo que más valoro ha sido la oportunidad que he tenido para... [+]
    jonathan-kutnowski

    Jonathan Kutnowski

    Blinkfire Analytics
    Jonathan Kutnowski, exalumno de ESAT pudo probar, estudiando la carrera de Diseño y Multimedia, múltiples disciplinas para determinar que lo que más le interesaba eran las... [+]
    jose-manuel-naranjo-esat

    Jose Manuel Naranjo

    Ubisoft
    Desde pequeño he estado rodeado de juegos y consolas, algo que siempre generó en mí una profunda curiosidad en como se hacen videojuegos. Empecé mis estudios... [+]
    diego-cremades-esat

    Diego Cremades

    elite3d
    Decidí entrar en la ESAT por su ambiente familiar, sus instalaciones y por la enseñanza personalizada que los profesores emplean para cada alumno. Una vez dentro,... [+]
    leopoldo-coto-esat

    Leopoldo Coto

    2K Games
    Empezar a estudiar un HND in Arts and Videogames en ESAT ha sido una de las mejores decisiones que he tomado un mi vida. Desde niño,... [+]
    sergio-alapont-esat

    Sergio Alapont

    Arm
    Como otros muchos, estudié "Ingeniería informática" en la universidad con la esperanza de cumplir mi sueño de trabajar en la industria del videojuego. Sin embargo, al... [+]
    fernando-ferrando-esat

    Fernando Ferrando

    Saber Interactive
    Llegué a la ESAT con la esperanza de poder dedicar mi vida a los videojuegos, desde pequeño siempre quise dedicarme a eso, pero no había estudios... [+]
    dani-sierra-esat

    Dani Sierra

    elite3D
    Durante los 3 años de carrera de programación obtenemos un nivel muy alto de desarrollo videojuegos. Esto nos permite terminar la carrera en universidades de Reino... [+]
    hector-riera

    Héctor Riera

    elite3d
    Cuando era pequeño siempre tenía la inquietud de saber como se hacían los videojuegos, las películas de animación y los efectos especiales, pero lo veía como... [+]
    adrian-torres

    Adrián Torres

    Ophion Studios
    Entré en ESAT pensando que ya que se me daban bien los videojuegos, me gustaría crearlos. Nada más lejos de la realidad. Me di cuenta de... [+]
    esther-garcia-zurita-esat

    Esther García Zurita

    Inditex
    Decidí entrar en ESAT porque tenía muy claro que el diseño gráfico era lo mío y la universidad me ofrecía una oportunidad de poder estudiarlo. Además,... [+]
    tamara-trub-esat

    Tamara Trüb

    Entwicklungspark AG
    Al visitar por primera vez ESAT, las instalaciones, la gente y las posibilidades que ofrecían me dejaron boquiabierta. Lo que en principio era barajar una posibilidad... [+]
    aleix-merlos-vela

    Aleix Merlos Vela

    Lionbridge
    Desde bien pequeño siempre me ha apasionado el mundo de los videojuegos, desde el estilo gráfico hasta la música. Era una ilusión el pensar poder dedicarme... [+]
    eduardo-mira

    Eduardo Mira

    Freelance
    Estudiar en Inglaterra te abre un mundo de posibilidades. Cuando terminé mis estudios HND in Graphic & Multimedia Design en ESAT Valencia no dudé en continuar... [+]
    ignacio-galve

    Ignacio Galve

    IVO
    Mi experiencia personal con alumnos del HND in Software Engineering y HND in Graphic Design and Multimedia ha sido muy satisfactoria. Allá en donde he encontrado... [+]
    erika-andrada

    Erika Andrada

    Freelance
    Me decidí por ESAT porque me ofrecía la parte tecnológica y artística juntas, en comparación con otras universidades o escuelas. Estudiar en ESAT me ha aportado... [+]
    kike-domingo

    Kike Domingo

    Vitcord
    Dos días después de la última clase de mi HND en Diseño y New Media Arts me fui a vivir a San Francisco; desde entonces no... [+]
    lucas-gonzalez

    Lucas González

    Parallel Circles
    Empecé mis estudios de videojegos con el HND in Computing Systems Development en ESAT, la motivación que tenia de crear videojuegos me ayudo a trabajar bastante... [+]
    ruben-moragon

    Rubén Moragón

    Guerrilla Games
    Me gradué en ESAT con una sensación muy diferente a la de mi anterior carrera: que esta vez si estaba más preparado para trabajar. Tras su... [+]