Cursos de
Front End
Además de esto, la categoría Front End cuenta con cursos en HTML y CSS, JavaScript, React,e mais...
formación
Aprenda a crear interfaces del usuário con React, uno de los frameworks JavaScript más utilizados, y desarrolla una aplicación desde cero hasta el deploy
Esta formación forma parte de nuestros cursos de Front End
59h
Para conclusión
5
Cursos
1
Vídeo adicional
4
ArtículosVer el vídeo
Vea nuestra presentación de formación
Explora React con JavaScript
React es un framework de JavaScript utilizado para el desarrollo de interfaces de usuario en páginas web, centrándose en la creación de aplicaciones de página única (SPAs).
Por su facilidad, flexibilidad y escalabilidad, es ampliamente utilizado para crear aplicaciones complejas que necesitan actualizarse en tiempo real.
A lo largo de los contenidos de esta formación, te sumergirás en temas como: implementación de componentes reactivos, enrutamiento de la aplicación con React Router, y muchos otros.
Es importante destacar que, para sumergirte más profundamente en esta formación, se recomienda tener una base de conocimientos en desarrollo web. Por lo tanto, sugerimos que también completes las Formaciones de HTML y CSS, y JavaScript para Front-end.
¿Listo para sumergirte?
¿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 planesProfesores especializados en Front End
De quién aprenderás
Daniel Riverol
Soy Dani, analista de sistemas y desarrollador web. Además de mi trabajo en el desarrollo web, comparto mi experiencia como docente de programación. Me encanta inspirar y guiar a futuros desarrolladores en su camino hacia la maestría técnica. Mi compromiso va más allá de la excelencia técnica; también me esfuerzo por ofrecer una enseñanza efectiva, buscando constantemente mejorar mis habilidades y las de mis estudiantes.
-
Daniel Riverol
Soy Dani, analista de sistemas y desarrollador web. Además de mi trabajo en el desarrollo web, comparto mi experiencia como docente de programación. Me encanta inspirar y guiar a futuros desarrolladores en su camino hacia la maestría técnica. Mi compromiso va más allá de la excelencia técnica; también me esfuerzo por ofrecer una enseñanza efectiva, buscando constantemente mejorar mis habilidades y las de mis estudiantes.
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
Paso a paso
1 Desarrolla una aplicación desde cero hasta su implementación
En este primer paso,aprenderemos sobre cómo funcionan los componentes para conocer las principales ventajas de utilizar este framework JavaScript en proyectos de Front-end.
A lo largo de las lecciones, implementarás componentes reactivos, investigarás y analizarás mensajes de error y modificarás componentes según las necesidades del proyecto.
-
Curso React: empezando con la librería
12h - Conoce a ReactJS, la librería de Javascript más usada para crear aplicaciones frontend
- Identifica que son los componentes y como su forma de organizarse facilita el desarrollo de interfaces
- Aprende como las props convierten a tus componentes en elementos reutilizables y genéricos
- Entiende cómo funciona el estado en una aplicación React y el poder que le dan a tus aplicaciones
- Manipula el DOM desde una SPA, usando a useRef, un hook que te facilita su acceso
-
Artigo Virtual DOM | Alura Cursos Online
Faça esse curso e:
-
2 Archivos estáticos y enrutamiento
En esta segunda etapa, te sumergirás aún más en la interfaz de usuario y aprenderás paso a paso cómo manejar archivos estáticos, además de utilizar métodos de JavaScript para agregar funcionalidades y desplegar tu aplicación en Vercel.
También explorarás los hooks de react-router-dom, implementarás desafíos prácticos y desarrollarás tu código basado en el principio de responsabilidad única, facilitando el mantenimiento.
-
Artigo ¿Qué es Single Page Application?(SPA) | Alura Cursos Online
-
Curso React Router DOM: domina la navegación en React
12h - Aprenda a implementar navegación eficientemente en aplicaciones de una sola página (SPA) utilizando las mejores prácticas de React Router DOM
- Implemente rutas claras y organizadas para estructurar su aplicación de manera profesional
- Descubra cómo crear rutas dinámicas que respondan a parámetros y necesidades específicas de su proyecto
- Proteja secciones sensibles de su aplicación mediante rutas privadas y control de acceso
- Domine la transición entre rutas y la gestión de errores para ofrecer una experiencia de usuario fluida y robusta
-
Curso React: Styled Components y manipulando archivos estáticos
12h - Montar un servidor de desarrollo con Vite
- Utilizar Styled-components para crear y estilizar un navbar, un banner y más
- Diseña e implementa componentes React para mostrar imágenes y leyendas
- Aplica estilos personalizados y accesibles a una galería de fotos
- Agrega una barra lateral de imágenes populares y un pie de página
-
Artigo React: componentes con Styled Components | Alura Cursos Online
Faça esse curso e:
Mais detalhesdo curso React Router DOM: domina la navegación en React
Faça esse curso e:
Mais detalhesdo curso React: Styled Components y manipulando archivos estáticos
-
3 Gestión de estados y práctica
Ahora que ya tienes una buena base, ¿qué te parece explorar algunos temas más avanzados? En este último paso de tu formación, profundizarás en algunos de los hooks principales de React, como useEffect, useState, useRef y useContext.
Además, para consolidar estos conceptos, pondrás en práctica lo que has aprendido hasta ahora desarrollando aplicaciones.
-
Vídeo React Hooks: ¿qué son y cómo funcionan? | #aluramás - YouTube
-
Curso Hooks en ReactJS: conociendo su potencial y utilidad
10h - Conoce los hooks de ReactJS y entiende su importancia
- Aprende como gestionar el estado de un componente con useState
- Identifica como acceder al DOM virtual de ReactJS con useRef
- Explora y comprende el ciclo de vida de un componente usando useEffect
- Implementa estados globales en aplicaciones usando contextAPI
- Analiza y comprueba como useReducer nos ayuda en la gestión de aplicaciones complejas
- Construye tus propios hooks y aprovecha toda su funcionalidad
-
Artigo ¿Que és Prop Drilling?
-
Curso React: practicando React con JS
10h - Iniciar un proyecto de React
- Construir componentes y páginas
- Implementar rutas normales, dinámicas y anidadas
- Aplicar los ganchos useState, useParams, useEffect y useContext
- Comprender cómo funcionan los contextos de React
- Consumir una API
- Implementar el proyecto en Vercel
Faça esse curso e:
Mais detalhesdo curso Hooks en ReactJS: conociendo su potencial y utilidad
Faça esse curso e:
-
Empiece a estudiar hoy Explora React con JavaScript. ¡Comienza ahora!
Precios en:
USD
-
USD
-
ARS -
BOB -
CLP -
COP -
USD -
PEN -
MXN -
UYU -
USD -
GTQ -
CRC -
DOP
AI Boost
Descuento 30%- 31 Cursos de Inteligencia Artificial
- Luri, la inteligencia artificial de Alura
Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana
- Videos y actividades 100% en Español
- Certificado de participación
- Estudia las 24 horas, los 7 días de la semana
- Foro y comunidad exclusiva para resolver tus dudas
- Acesso à Inteligencia Artificial
Sumérgete en profundidad en el universo de la IA y domina las principales herramientas que están dando forma al presente, como Gemini, Chat GPT, Github Copilot y las APIs de Open AI y Google AI Studio.
- Acceso al contenido por 6 meses
US$ 49.90
un solo pago de
US$ 72.5
US$ 49.90
Plus
Descuento 30%- 352 Cursos
Programación, Data Science, Front End, Innovación y Gestión, DevOps, Inteligencia Artificial
- Acceso a TODOS los cursos por 1 año
- Luri, la inteligencia artificial de Alura
Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana
- Videos y actividades 100% en Español
- Certificado de participación
- Estudia las 24 horas, los 7 días de la semana
- Foro y comunidad exclusiva para resolver tus dudas
US$ 76.90
un solo pago de
US$ 109.9
US$ 76.90
Pro
Descuento 30%- 352 Cursos
Programación, Data Science, Front End, Innovación y Gestión, DevOps, Inteligencia Artificial
- Acceso a TODOS los cursos por 1 año
- Luri, con mensajes ILIMITADAS
Mensajes ilimitados para estudiar con Luri, la IA de Alura, disponible las 24 horas para responder tus dudas, ofrecer ejemplos prácticos, corregir ejercicios y potenciar tus estudios
- Luri Vision, la IA que detecta tus dudas.
- Experiencias de aprendizaje, con Challenges + Mentorías 7 daysOfCode + Programas temáticos.
- CareerUp, con Simulación de entrevistas laborales + Análisis de CVs + Mentorías de carrera.
CareerUp es un producto de empleabilidad que ofrece recursos y herramientas para impulsar tu desarrollo profesional.
- Videos y actividades 100% en Español
- Certificado de participación
- Estudia las 24 horas, los 7 días de la semana
- Foro y comunidad exclusiva para resolver tus dudas
US$ 99.90
un solo pago de
US$ 149.9
US$ 99.90
Puedes realizar el pago de tus planes en moneda local en los siguientes países:
| País | | | | | | | | | | | | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Plan AI Boost |
77417.95
ARS |
367.98
BOB |
50220.60
CLP |
199504.23
COP |
49.90
USD |
178.39
PEN |
985.81
MXN |
2107.29
UYU |
49.90
USD |
399.83
GTQ |
26182.28
CRC |
3337.63
DOP |
| Plan Plus |
119307.42
ARS |
567.09
BOB |
77394.08
CLP |
307452.41
COP |
76.90
USD |
274.91
PEN |
1519.22
MXN |
3247.51
UYU |
76.90
USD |
616.17
GTQ |
40349.04
CRC |
5143.57
DOP |
| Plan Pro |
154991.05
ARS |
736.70
BOB |
100541.85
CLP |
399408.27
COP |
99.90
USD |
357.14
PEN |
1973.60
MXN |
4218.81
UYU |
99.90
USD |
800.46
GTQ |
52417.03
CRC |
6681.96
DOP |
Acceso a todos
los cursos
Estudia las 24 horas,
dónde y cuándo quieras
Nuevos cursos
cada semana