- Trabajar con componentes de React y jsx
- Integrar librerias a React
- Trabajar con propiedades, estado y rutas
- Tu primera App con React.js
- +8 horas
- Certificado
- Proyecto final
-
Clases grabadas
Temario del curso
EDteam tiene los temarios más detallados en español
1. Introducción a React
- Aplicaciones web modernas (ver gratis)
- Frameworks y librerías JavaScript (ver gratis)
- ¿Qué es React.js? (ver gratis)
- ¿Cómo funciona React.js?
- Herramientas de desarrollo
2. Configuración del entorno
- Insertar React en el HTML (forma mala)
- Usar React con Webpack (forma fea)
- Preparar Webpack
- Crear webpack.config.js
- Configurar Webpack - resolve entry output module
- Configurar Webpack - Plugins y servidor
- Webpack - Archivos para producción
- Create react app (forma buena)
3. Componentes (I)
- Definición y sintaxis de un componente
- Partes de un componente - Renderización y Propiedades
- Partes de un componente - Estados y Eventos
- Tipos de componentes
- Sintaxis de componentes
- Creación de un componente
- Componente hijo
- Automatizar componentes de una aplicación
- Propiedades en componente hijo
- Eventos
- Tarea
4. Componentes (II)
- Resolución de la tarea
- propTypes y defaultProps
- Ciclo de vida - Componente y Fase de montaje
- Ciclo de vida - Fases de actualizacion y desmontaje
- Componentes dinamicos, Andamientos de vistas y Encapsulamiento de librerias
- Componente dinamico y id dinamico
- Datos desde Json
- Estados - setEstate y componentDidMount
- Usar jquery en React
- ReactDatePicker y tarea
5. Manejo de rutas
- Que es React Router y configurar dependencias
- Creando un componente de navegacion
- Renderizar contenido sin usar componentes
- Parametros en la ruta
- Autenticación - Creando componentes
- Autenticación - Logica de usuario autenticado
- Autenticación - Metodo login y render
6. Introducción a Firebase
- ¿Qué es Firebase?
- Estructura del Proyecto
- Menu con Purecss
- Consola de Firebase
- Integrando javascript vanilla
- Navegación entre componentes
- Configurando la autenticación
- Autenticación con Firebase
7. Proyecto Final (I)
- Estructura inicial de la aplicación
- Estilos menú hamburguesa
- Configurando rutas publicas y privadas
- Rutas privadas en el menu
- Rutas privadas en el switch
- Previniendo errores de login
- Formulario de registro
- Login
8. Proyecto Final (II)
- Introducción al proyecto final
- Cambiar nombre de componente
- Implementar calendario en formulario
- Select para profesores
- Select para categorías y estilos CSS
- Datos de los cursos
- Formulario de agregar
- Componente buscador
- Deploy
¿Por qué estudiar en EDteam?
Profesores reales
Todos nuestros profesores tienen experiencia real en aulas. Porque no basta saber un tema, sino saber enseñarlo.
Especialidades
Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.
Aprende con proyectos
Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.
Suscripción o compra
Compra los cursos que necesites con acceso de por vida o suscribete y accede a todos nuestros cursos y especialidades
Clases en vivo
Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.
Seguimiento de aprendizaje
Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.
Acceso de por vida a este curso
PremiumAcceso a todos los cursos de EDteam