React.js Desde Cero

React.js Desde Cero

Crea interfaces basadas en componentes con la librería frontend de mayor demanda de la web.

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.

Poster del curso

Jonathan MirCha

React.js Desde Cero

$ 30 24 USD

Acceso de por vida a este curso

Plan premium $30 25 USD

Acceso a todos los cursos de EDteam

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

    JavaScrtipt, JavaScript Orientado a Objetos

Nivel

intermedio

Temario del curso

Introducción a React

  • 1.1 - Aplicaciones web modernas09:15
  • 1.2 - Frameworks y librerías JavaScript12:20
  • 1.3 - ¿Qué es React.js?13:20
  • 1.4 - ¿Cómo funciona React.js?05:48
  • 1.5 - Herramientas de desarrollo14:55

Configuración del entorno

  • 2.1 - Insertar React en el HTML (forma mala)08:48
  • 2.2 - Usar React con Webpack (forma fea)07:51
  • 2.3 - Preparar Webpack13:15
  • 2.4 - Crear webpack.config.js04:51
  • 2.5 - Configurar Webpack - resolve entry output module13:10
  • 2.6 - Configurar Webpack - Plugins y servidor14:06
  • 2.7 - Webpack - Archivos para producción05:06
  • 2.8 - Create react app (forma buena)16:20

Componentes (I)

  • 3.1 - Definición y sintaxis de un componente13:32
  • 3.2 - Partes de un componente - Renderización y Propiedades11:27
  • 3.3 - Partes de un componente - Estados y Eventos12:42
  • 3.4 - Tipos de componentes06:47
  • 3.5 - Sintaxis de componentes06:38
  • 3.6 - Creación de un componente13:10
  • 3.7 - Componente hijo10:50
  • 3.8 - Automatizar componentes de una aplicación08:41
  • 3.9 - Propiedades en componente hijo07:27
  • 3.10 - Eventos10:12
  • 3.11 - Tarea02:08

Componentes (II)

  • 4.1 - Resolución de la tarea07:52
  • 4.2 - propTypes y defaultProps10:04
  • 4.3 - Ciclo de vida - Componente y Fase de montaje09:58
  • 4.4 - Ciclo de vida - Fases de actualizacion y desmontaje06:19
  • 4.5 - Componentes dinamicos, Andamientos de vistas y Encapsulamiento de librerias07:51
  • 4.6 - Componente dinamico y id dinamico12:23
  • 4.7 - Datos desde Json05:22
  • 4.8 - Estados - setEstate y componentDidMount11:16
  • 4.9 - Usar jquery en React05:17
  • 4.10 - ReactDatePicker y tarea57:08

Manejo de rutas

  • 5.1 - Que es React Router y configurar dependencias13:47
  • 5.2 - Creando un componente de navegacion14:42
  • 5.3 - Renderizar contenido sin usar componentes10:11
  • 5.4 - Parametros en la ruta04:32
  • 5.5 - Autenticación - Creando componentes14:06
  • 5.6 - Autenticación - Logica de usuario autenticado12:37
  • 5.7 - Autenticación - Metodo login y render09:39

Introducción a Firebase

  • 6.1 - ¿Qué es Firebase?06:45
  • 6.2 - Estructura del Proyecto11:19
  • 6.3 - Menu con Purecss12:31
  • 6.4 - Consola de Firebase11:18
  • 6.5 - Integrando javascript vanilla07:07
  • 6.6 - Navegación entre componentes11:10
  • 6.7 - Configurando la autenticación11:46
  • 6.8 - Autenticación con Firebase15:15

Proyecto Final (I)

  • 7.1 - Estructura inicial de la aplicación04:40
  • 7.2 - Estilos menú hamburguesa08:32
  • 7.3 - Configurando rutas publicas y privadas10:31
  • 7.4 - Rutas privadas en el menu11:00
  • 7.5 - Rutas privadas en el switch06:08
  • 7.6 - Previniendo errores de login13:03
  • 7.7 - Formulario de registro10:04
  • 7.8 - Login08:33

Proyecto Final (II)

  • 8.1 - Introducción al proyecto final09:26
  • 8.2 - Cambiar nombre de componente05:59
  • 8.3 - Implementar calendario en formulario10:36
  • 8.4 - Select para profesores19:16
  • 8.5 - Select para categorías y estilos CSS05:30
  • 8.6 - Datos de los cursos16:40
  • 8.7 - Formulario de agregar09:58
  • 8.8 - Componente buscador15:07
  • 8.9 - Deploy13:36

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Clases en vivo

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

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.