Pasar al contenido principal

🇲🇽 ¡México ya está en octavos! ⚽ 25% de descuento en todos los cursos de EDteam para celebrarlo. Quedan

Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada
Jose Luján
Jose Luján
Luis Avilés
Álvaro Felipe
Álvaro Felipe
Jose Luján
Alberto Quiroga
Jon MirCha
Álvaro Felipe
Alexys Lozada, Álvaro Felipe, Daniel Romero, Jon MirCha
Alexys Lozada, Daniel Romero
Álvaro Felipe
Alexys Lozada
Álvaro Felipe
Jose Luján
Daniel Romero
Jon MirCha
Alexys Lozada, Jose Luján
Alexys Lozada, Jose Luján
Daniel Romero
Jose Luján

React.js Desde Cero

React.js es una librería creada por Facebook para resolver las dificultades de construir interfaces. De hecho Facebook e Instagram usan React.js en sus interfaces lo que garantiza que podemos utilizarlo en nuestras aplicaciones. React.js revoluciona por completo la forma de trabajar el frontend, rompiendo con la clásica separación de conceptos (contenido, estilos y comportamiento) e introduciendo componentes que encapsulan estos tres conceptos y que pueden reutilizarse fácilmente y combinarse para crear componentes mayores.

https://app.ed.team/cursos/react?26
¿Qué aprenderás?
  • Trabajar con componentes de React y jsx
  • Integrar librerias a React
  • Trabajar con propiedades, estado y rutas
  • Tu primera App con React.js
¿Qué conocimientos necesitas?
Intermedio
  • +8 horas
  • Certificado
  • Proyecto final
  • Clases grabadas

1. Introducción a React

2. Configuración del entorno

  • Insertar React en el HTML (forma mala)
  • Usar React con Webpack (forma fea)
  • Preparar Webpack
  • Crear webpack.config.js (ver gratis)
  • 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 (ver gratis)
  • 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 (ver gratis)
  • ReactDatePicker y tarea

5. Manejo de rutas

6. Introducción a Firebase  

  • ¿Qué es Firebase? (ver gratis)
  • 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 (ver gratis)

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 (ver gratis)
  • 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.

57TFGPGQFE8FU
0
25