formación

Formación React

¡Crea aplicaciones web modernas con React!

Esta formación forma parte de nuestros cursos de Front End
79h

Para conclusión

9
Cursos
2
Vídeos adicionales
1
Artículo

Ver el vídeo

Vea nuestra presentación de formación

Formacion React

React es una biblioteca del lenguaje JavaScript y una de las formas más modernas de crear aplicaciones web. Funciona de forma declarativa, eficiente y flexible, permitiendo la creación de interacciones complejas.

Antes de sumergirse en el mundo de React, es importante tener una base sólida en HTML, CSS y JavaScript. Conocer Git y versionado de código también será muy valioso para disfrutar de esta inmersión.

¿Por qué estudiar esta formación?

  • Guía de aprendizaje

    Contenido diseñado para facilitar tu estudio

  • De básico a avanzado

    Formación completa para el mercado

  • Tu en el mercado

    De cero al trabajo soñado en su área de interés

¡Comience esta capacitación ahora mismo y prepárese para su próximo proyecto!

Conoce los planes

Profesores especializados en Front End

De quién aprenderás

  • Leonardo Jose Castillo Lacruz

    Ingeniero Mecánico. Desarrollador de software y apasionado por la programación con más de 24 años de experiencia. Amplio conocedor de C++, PHP, Javascript, Dart y tecnologías de base de datos como PostgreSQL, MySQL, SQL Server. Desde 2020 incorporado a Alura con la intención de compartir sus conocimientos y mejorar la formación del personal de TI de Latam

  • Leonardo Jose Castillo Lacruz

    Ingeniero Mecánico. Desarrollador de software y apasionado por la programación con más de 24 años de experiencia. Amplio conocedor de C++, PHP, Javascript, Dart y tecnologías de base de datos como PostgreSQL, MySQL, SQL Server. Desde 2020 incorporado a Alura con la intención de compartir sus conocimientos y mejorar la formación del personal de TI de Latam

  • Gustavo Polar Sanchez

    Actualmente trabajo como consultor de TI. Tengo más de doce años de experiencia en el área de TI, actuando en las áreas financiera, educativa, salud y comercio electrónico. Me considero un desarrollador e ingeniero participativo. Entre mis conocimientos tengo el Skill de front-end, por lo que me dedico a apoyar proyectos hechos en AngularJS, Angular 2+. Siempre me actualizo y analizo como se mueve el mercado de TI en el mundo, creando curiosidad por la investigación.

  • Gustavo Polar Sanchez

    Actualmente trabajo como consultor de TI. Tengo más de doce años de experiencia en el área de TI, actuando en las áreas financiera, educativa, salud y comercio electrónico. Me considero un desarrollador e ingeniero participativo. Entre mis conocimientos tengo el Skill de front-end, por lo que me dedico a apoyar proyectos hechos en AngularJS, Angular 2+. Siempre me actualizo y analizo como se mueve el mercado de TI en el mundo, creando curiosidad por la investigación.

  • Harland Lohora

    Soy Ingeniero en Sistemas Computacionales con experiencia en desarrollo web y móvil, he ocupado posiciones en diversas empresas como full stack web developer, además he trabajado en bootcamps presenciales.Soy mexicano pero actualmente vivo en Brasil.

  • Harland Lohora

    Soy Ingeniero en Sistemas Computacionales con experiencia en desarrollo web y móvil, he ocupado posiciones en diversas empresas como full stack web developer, además he trabajado en bootcamps presenciales.Soy mexicano pero actualmente vivo en Brasil.

Paso a paso

  1. 1 Programación con JavaScript orientado a objetos

    En aplicaciones que llevan más tiempo en desarrollo, es posible que encuentres proyectos React basados en clases, por lo que es muy importante que conozcas el paradigma Orientado a Objetos.

    Este paradigma nos ayuda a organizar nuestro código, haciéndolo más fácil de mantener y leer, lo cual es muy importante dentro de un equipo, independientemente del tamaño del proyecto.

  2. 2 Manejar class components

    Ahora entendamos cómo la biblioteca controla sus componentes y cómo lo haremos para no tener problemas de rendimiento o trabajo innecesario. Aprender a utilizar las herramientas complementarias hará que todo sea más sencillo.

    Con una base sólida de conocimientos, podemos comenzar nuestra inmersión en el mundo de React. En este primer momento, seguiremos un enfoque tradicional, creando componentes basados en clases y aprendiendo los conceptos principales de la biblioteca

    • Curso React: Entienda cómo funciona la biblioteca

      08h
    • Faça esse curso e:
      • Aprende a crear class components dentro de React
      • Descubre como pasar informaciones entre los componentes
      • Entienda como funciona el "this" dentro de Javascript
      • Crea páginas web con más facilidad
      • Conozca como React funciona para optimizar sus páginas
    • Curso React: Ciclo de vida de los componentes

      08h
    • Faça esse curso e:
      • Aprende sobre el ciclo de vida de los componentes de React
      • Entiende los problemas de performance de la aplicación
      • Descubra como agregar el patrón de proyectos Observable en tus páginas
      • Conoce las diferentes maneras de cargar un SVG dentro de sitio
      • Compreende la diferencia entre Statefull y Stateless components
  3. 3 Adopte un enfoque moderno

    Vimos cómo usar la Orientación a Objetos dentro del contexto de React y cuales son los principales conceptos de esta herramienta. Pero si queremos comenzar un nuevo proyecto hoy, usando todo lo que tiene la biblioteca, ¿es esa la única posibilidad?

    En las últimas versiones, la recomendación de la documentación es utilizar function components, una forma más sencilla de trabajar y que facilita compartir código. Junto con estos nuevos tipos de componentes, veremos hooks y cuál es la context API.

    ¿Y cómo funciona el ecosistema de React? ¿Qué otras herramientas podemos usar junto con él?

    Comenzaremos explorando este ecosistema con MaterialUI, una herramienta que nos ayuda mucho a la hora de prototipar ideas y que agiliza la creación del layout con React.

    • Curso React: Function Components

      08h
    • Faça esse curso e:
      • Aprende a implementar Hooks en tus proyectos de React
      • Entiende que es Material UI y como esta libreria te ayudara a tener una interfaz grafica mas rapidamente
      • Crea Function Components
      • Implementa validacion en tus formularios
      • Entiende los formularios controlados y no controlados
    • Curso React: Hooks, contextos y buenas prácticas

      12h
    • Faça esse curso e:
      • Aprende más acerca de los Hooks
      • Crea una lógica de máquina de estados
      • Utiliza la context API para mejorar tu código
      • Descubre las mejores prácticas al trabajar con propiedades
      • Conoce las técnicas de validaciones de datos en formularios
  4. 4 Conoce el Ecosistema

    Ya hemos visto la base de cómo funciona React y entendemos en profundidad dónde actúa la biblioteca de Facebook en la creación de sitios web. Ahora aprendamos sobre las herramientas auxiliares, que nos facilitan mucho la vida al crear sitios web complejos, ejecutar pruebas automatizadas y extraer nuestro CSS de manera que no tengamos conflictos entre los componentes.

    • Curso React Router: Navegación en una SPA

      08h
    • Faça esse curso e:
      • Crea la navegación de una aplicación en React utilizando la biblioteca React Router Dom
      • Establece rutas en tu proyecto para tener una SPA
      • Haz tu aplicación dinámica con peticiones a una Rest API del blog de Petshop
      • Crea filtros para buscar posts de manera más eficiente
    • Artigo React: componentes con Styled Components | Alura Cursos Online

    • Curso React: Utilizando Styled Components

      08h
    • Faça esse curso e:
      • Entiende los problemas de conflictos de nombres de clases con CSS
      • Descubre como utilizar Styled Components dentro de tu proyecto
      • Conoce cuando utilizar los estilos globales
      • Aprende a utilizar herencia dentro de los componentes
      • Compreende las ventajas de un proyecto bien organizado
    • Curso React: Automatizando pruebas en aplicaciones front-end

      08h
    • Faça esse curso e:
      • Garantiza la funcionalidad de tu aplicación a través de pruebas automatizadas
      • Conozca las principales herramientas del mercado para pruebas en proyectos con React
      • Aprende a hacer pruebas descriptivas y consistentes
      • Garantiza la calidad de tu código y prepárate para trabajar en grandes proyectos
      • Adquiere las habilidades para convertirte en un profesional más competitivo(a) en el mercado de desarrollo

Empiece a estudiar hoy React. ¡Comienza ahora!

Trimestral

Descuento de lanzamiento de 30%
  • 171 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro para resolver tus dudas
  • Acceso completo a la plataforma por 3 meses
US$19,90
un pago de US$29,90 US$19,90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Semestral

Descuento de lanzamiento de 30%
  • 171 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro para resolver tus dudas
  • Acceso completo a la plataforma por 6 meses
US$33,90
un pago de US$49,90 US$33,90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Acceso a todos
los cursos

Estudia las 24 horas,
dónde y cuándo quieras

Nuevos cursos
cada semana