Desarrollo Front-End con REACT

Este curso es una introducción en profundidad a React.js, una de las bibliotecas de JavaScript más populares para crear interfaces de usuario.  

Descripción

Este curso es una introducción en profundidad a React.js, una de las bibliotecas de JavaScript más populares para crear interfaces de usuario.  

Los alumnos aprenderán los conceptos fundamentales de React mientras aprenden las mejores prácticas para construir interfaces de usuario interactivas rápidas: 

  • Descripción general del desarrollo web moderno y discusión de los frameworks relacionados, incluidos React y React Native. Esto ayuda a los alumnos a tener una idea del entorno de desarrollo actual para aplicaciones móviles, de escritorio y de navegador.  
  • Los alumnos aprenderán y practicarán conceptos fundamentales usando React 17, conocerán y utilizarán algunas herramientas de desarrollo útiles en su día a día, incluido el trabajo con Node.Js, npm, herramientas de compilación, linters (calidad de código) y marcos de prueba automatizados. 

 

Código del Curso: IT-AV-REACT

Duración: 25 horas

Modalidad: Presencial/Online en directo

Solicita información

 

 

Objetivos

Al finaliza el curso, el alumno habrá aprendido:

  • Crear una configuración de entorno de trabajo productivo para React
  • Utilizar técnicas de JavaScript modernas, incluidos ES6, módulos, Node y npm
  • Crear aplicaciones de React rápidamente y navegue por proyectos de React
  • Comprender los conceptos fundamentales de React
  • Aprovechar las herramientas para depurar, filtrar y probar proyectos de React
  • Crear componentes React con estado y sin estado, utilizando clases y hooks
  • Leer y escribir código JSX
  • Introducción a la creación y ejecución de pruebas unitarias de aplicaciones React

 

 

Requisitos

Como mínimo, este curso requiere una comprensión de HTML y conocer el principio de programación funcional con javascript. La experiencia con CSS es útil, pero no esencial.

¿A quién va dirigido?

El curso se dirige a programadores que no conocen React SPA y necesitan aprender a desarrollar soluciones con este framework.

 

 

Contenido

1.Introducción

  • Desarrollo web en la actualidad
  • Aplicaciones de una sola página: React y otro frameworks
  • Bibliotecas React
  • DOM virtual
  • Puesta en marcha de un entorno de desarrollo para React
  • Depuración en código VS
  • Uso de herramientas de desarrollo de navegadores para la inspección y manipulación de Dom
  • Análisis de código con ESLint

2. Estándares web y ES6

  • Garantizar HTML5 y CSS3 válidos para React
  • Trabajar con las nuevas funciones del lenguaje EcmaScript 6
  • Depuración en el navegador
  • La palabra clave this
  • Funciones de constructor, clases y funciones de flecha, operador de propagación

3.Gestionar estado en apps Javascript con Redux

  • Conceptos fundamentales
  • Redux API
  • Conectar Redux con React

4.Enfoques de desarrollo web moderno

  • Una descripción general de las API AJAX y REST
  • ¿Qué es Node? ¿Qué es npm?
  • Uso de paquetes de Node para iniciar un servidor back-end
  • Uso de comandos npm para instalar herramientas útiles para el desarrollo de React
  • Transpilar de ES6 a ES5 con Babel
  • Gestión de dependencias de proyectos y automatización de tareas en Web Dev
  • Usar extensiones de React para VS Code para ayudar a la productividad
  • Llamar y recibir datos de una API REST

5. Construir un proyecto básico de React

  • Empezando con React
  • Comprensión de las dependencias del proyecto React: React y React.DOM
  • Creación rápida de un proyecto React para explorar los directorios y archivos
  • Tipos de componentes y accesorios versus estado
  • Primer vistazo a JSX – «JavaScript XML»
  • Cómo utilizar hook
  • Flujo de datos unidireccional
  • Uso de herramientas de compilación y ejecución de proyectos React
  • Agregar Bootstrap y Font Awesome para reaccionar

6.Trabajando con JSX

  • Uso de expresiones y otra sintaxis en JSX
  • Pasar propiedades de padres a hijos
  • Creación de jerarquías de componentes de React
  • Iterando sobre elementos
  • Verificación de tipos mediante PropTypes

7.Eventos, estado y ciclo de vida en componentes

  • Reacción a las interacciones de los usuarios con los controladores de eventos
  • Sistema de eventos
  • Depurar el código JavaScript del componente React
  • Trabajar con estado y usar constructores
  • Uso de accesorios para pasar datos fuera del componente secundario
  • Métodos del ciclo de vida de los componentes
  • Pasar argumentos a los controladores de eventos

8.Enrutamiento con react-router

  • Definición de la raíz de su aplicación
  • Creando rutas
  • Caminos coincidentes
  • Navegación entre páginas
  • Rutas de anidación
  • Captura de parámetros de ruta
  • Prefijo de ruta

9.Manejo de la entrada del usuario con formularios

  • Diferencias entre controlado y no controlado
  • JSX y formularios
  • Usar eventos de formulario
  • Control de la entrada de datos con componentes de formulario controlados
  • Cómo React.js cambia la interfaz de algunos componentes del formulario
  • La importancia de utilizar el atributo de nombre
  • Creación de componentes de formulario personalizados
  • Manejo de múltiples componentes de forma controlada
  • Aprovechamiento del control del enfoque
  • Mejores prácticas para crear formularios utilizables

10. Fundamentos de Prueba de componentes con React

  • Tipos de pruebas
  • Instalación y ejecución de Jest
  • Creación de conjuntos de pruebas, especificaciones y expectativas
  • Prueba de componentes de React

 

Valoraciones

No hay valoraciones aún.

Sé el primero en valorar “Desarrollo Front-End con REACT”

Tu dirección de correo electrónico no será publicada.

También te recomendamos…