TIC

DESARROLLO WEB CON REACT: CREACIÓN DE APLICACIONES INTERACTIVAS E INNOVADORAS (ON LINE)

Introducción

En la era tecnológica actual, el desarrollo web es un campo esencial y en constante evolución, que requiere profesionales altamente cualificados. En este curso aprenderás desde los fundamentos más básicos hasta un nivel avanzado en React, una de las tecnologías más influyentes y demandadas en la industria del desarrollo web.

¿Por qué elegir este curso?

El desarrollo de aplicaciones informáticas es una de las áreas más solicitadas en la actualidad. JavaScript ha surgido como uno de los lenguajes de programación más influyentes y demandados, especialmente debido al auge de las aplicaciones web y su capacidad para funcionar en navegadores. React, una biblioteca de JavaScript desarrollada por Facebook, se ha consolidado como una herramienta indispensable para crear interfaces de usuario dinámicas y eficientes.

Nuestro objetivo con este curso es ofrecerte una introducción a React, ayudándote a comprender los conceptos y habilidades necesarios para desarrollar aplicaciones utilizando esta librería. Una vez que completes el curso, tendrás la capacidad de construir aplicaciones de cierta complejidad y estarás preparado para emprender proyectos más avanzados por tu cuenta. En resumen, te proporcionaremos los conocimientos esenciales para que puedas agregar React a tus herramientas de programación.

Objetivos
  • Construir aplicaciones web con React que cumplan con estándares de calidad y buenas prácticas en el desarrollo de software.
  • Desarrollar aplicaciones de cierta complejidad y estar listo para emprender proyectos más avanzados de manera independiente.
  • Incorporar React a tu conjunto de habilidades de programación, mejorando tu perfil profesional y tus oportunidades en el mercado laboral.
Dirigido a

Este curso está especialmente diseñado para profesionales y aspirantes que deseen fortalecer sus habilidades en desarrollo web y adentrarse en la creación de aplicaciones modernas utilizando React. Los perfiles a los que va dirigido incluyen, pero no se limitan a:

Desarrolladores Web Frontend: Aquellos que desean expandir sus conocimientos en React para crear interfaces de usuario atractivas y dinámicas.

Estudiantes de Informática e Ingeniería: Personas que buscan aprender las últimas tecnologías y prepararse para roles en desarrollo web.

Diseñadores de Experiencia de Usuario (UX/UI): Profesionales que desean comprender cómo integrar sus diseños en aplicaciones web interactivas y receptivas.

Desarrolladores Full Stack: Quienes desean mejorar su conjunto de habilidades incluyendo React para trabajar en proyectos completos desde el frontend hasta el backend.

Profesionales de Tecnología de la Información (TI): Individuos que desean adoptar tecnologías actuales y mejorar la eficiencia en la creación de aplicaciones web. 

Emprendedores y Startups: Aquellos que buscan desarrollar prototipos y productos web con agilidad y escalabilidad utilizando React.

Profesionales en cambio de carrera: Personas que deseen ingresar al campo del desarrollo web y adquirir las habilidades necesarias para tener éxito.

Organizaciones Empresariales: Empresas y corporaciones que buscan capacitar a sus equipos de desarrollo en el uso eficaz de React para mejorar sus aplicaciones y servicios web.

Freelancers y Consultores: Individuos independientes que desean ofrecer servicios de desarrollo web utilizando tecnologías líderes en el mercado.

Este curso proporcionará a cada uno de estos perfiles la base necesaria para comprender y aplicar React de manera efectiva en una variedad de contextos profesionales y proyectos de desarrollo web.

Requisitos

Para aprovechar al máximo este curso se recomienda:

  1. Conocimientos Fundamentales de HTML, CSS y JavaScript: Los estudiantes deben tener un entendimiento básico de estas tecnologías web, incluyendo estructura de páginas, estilos y programación en JavaScript. 
  2. Experiencia en Programación: Se espera que los participantes estén familiarizados con conceptos de programación como variables, funciones, estructuras de control y objetos.
  3. Nociones Básicas de Git: Aunque no es un requisito absoluto, tener conocimientos básicos sobre el uso de Git para el control de versiones será beneficioso para seguir el flujo de trabajo del curso.???????
Contenidos
  1. Introducción a React
    • ¿Qué es React y por qué es importante?
      • Ventajas de usar React
    • Instalación y configuración del entorno de desarrollo
      • Instalación de Node.js y npm
      • Selección de un editor de código Visual Studio Code REACT
    • Mi primera aplicación React
      • ¿Qué es Vite?
      • Creando nuestra primera aplicación React con Vite
      • Estructura del proyecto en Vite
  2. Fundamentos de React
    • Componentes
      • Exportar e importar componentes
    • JSX
      • Reglas JSX
    • Props
      • Características
    • Ciclo de vida de los componentes
      • Montaje de componentes
      • Actualización de componentes
      • Desmontaje de componentes
  3. Gestión de estado en React
    • UseState
    • UseEffect
    • UseContext
    • UseReducer
    • Resumen
  4. Enrutamiento en React
    • Instalar y configurar React Router
    • Componente Router
      • Opciones componente Route
        • path
        • exact
        • strict
        • sensitive
        • component
        • render
        • children
        • redirectTo
    • Creación de rutas anidadas
    • Paso de parámetros y consultas
      • Parámetros de Ruta
      • Parámetros de Consulta (Query Params)
  5. Trabajo con formularios
    • Formularios controlados vs no controlados
      • Formularios controlados
      • Formulario no controlado
    • Inputs de formularios
      • Input de texto
      • Área de texto (Textarea)
      • Checkbox
      • Input radio
      • Select
    • Validación de formularios
    • Validación de formulario Avanzado
    • Formik
      • Instalación de Formik
      • Inicialización de un formulario con Formik
      • Hooks personalizados con useFormik
  6. Gestión de datos
    • Integración de APIs externas
      • Tipos de métodos HTTP POST, GET, PUT/PATCH y DELETE
    • Transformación y manipulación de datos
      • Entendiendo la integración de APIs en React
      • Transformación de Datos
      • Manipulación de Datos
      • Uso de async/await
    • Control de errores
    • Axios paso a paso
      • Instalación de axios
      • Realizar una solicitud GET
      • Enviar una solicitud POST
      • Manejo de errores
      • Uso de async-await con Axios
    • Gestión de datos en desarrollo con LocalStorage
      • Ejemplo de almacenamiento y recuperación de datos
      • Eliminación de datos
  7. Estilización y diseño
    • Aplicar CSS
    • Librería de estilos Styled Components
      • ¿Qué es?
      • Ejemplo básico
      • Reutilización basada en props
      • Temas y variables globales
      • Refinando componentes existentes
  8. Despliegue y hospedaje
    • Vite
      • Configuración de Vite para Producción
      • Tree Shaking y Eliminación de Código Muerto
      • Optimización de Recursos Externos
      • Uso de Variables de Entorno
      • Pruebas de Rendimiento y Análisis de Bundle
      • Automatización del Proceso de Construcción y Despliegue
    • Empaquetado y estructura de carpetas al hacer un build con vite
      • Contenidos del directorio de distribución
      • Ejemplo de configuración de Vite para el empaquetado
    • Simular servidor de producción
      • Instalación de serve
      • Uso de serve para simular el servidor
      • Personalización del puerto
  9. Optimización y rendimiento
    • React Memo
      • Características de React Memo
      • Uso de React Memo
    • PureComponent
      • Ejemplo de uso de PureComponent
    • Uso eficiente de Hooks
      • UseState y rendimiento
      • UseEffect y la limpieza de side effects
      • UseContext y componentes altamente reutilizables
      • UseReducer para estados complejos
      • UseMemo para optimizar rendimiento
    • Lazy loading y Suspense
      • Manejo de Errores con Suspense
  10. Gestión de estado avanzada y depuración
    • Redux y su ecosistema
    • Redux toolkit
    • Uso de React DevTools
      • Inspección de componentes
      • Detección de cambios de estado y props
      • Profiling de rendimiento
      • Rastreo de actualizaciones
      • Examinar el árbol de componentes
Profesorado

PROFESORADO AIN
El curso será impartido por profesores/as y colaboradores/as de AIN expertos/as

Inscribirme en el curso
Inicio: 23 Octubre
Duración: 20 h

l m x j v s d


→ 23/10/2024 - 24/12/2024

→ 00:00-24:00 h

150€ / 130€ (Asociados)


Bonificable por la empresa


Dudas y consultas:
620209667 - jduque@ain.es

FORMACIÓN INCOMPANY

¿Quieres organizar este curso a medida en tu empresa?

Solicitar información

También te puede interesar...

TIC

POWER PLATFORM (STREAMING)

14/10/2024 - 11/11/2024
09:00-13:00 h
Duración: 36 h


975€ (925€ asociados)
Bonificable por la empresa

Más info

TIC

VISUALIZACIÓN DE DATOS Y STORYTELLING (STREAMING)

15/10/2024 - 17/10/2024
16:00-19:00 h
Duración: 6 h


285€ (215€ asociados)
Bonificable por la empresa

Más info

TIC

CIBERSEGURIDAD, GESTIÓN DE AMENAZAS, VULNERABILIDADES E INCIDENTES (STREAMING)

15/10/2024 - 31/10/2024
10:00-13:00 h
Duración: 18 h


595€ (495€ asociados)
Bonificable por la empresa

Más info
 
 

2024 © AIN Asociación de la Industria Navarra

Esta empresa ha recibido una ayuda del Gobierno de Navarra en virtud de la convocatoria de 2021 de «Fomento de la Empresa Digital de Navarra»

Subvenciones para el fomento de la contratación en prácticas de personas jóvenes desempleadas menores de 30 años

Logotipo DGIPYME Logotipo AEI CLUSTER Logotipo fEDER