Envíanos tu consulta

Buscar cursos

Catálogo 2024

¡Últimas plazas!Cursos Servicios FUNDAE Plataforma LMS

Solicitar información

Buscar cursos

Solicitar información

Cursos/Cursos de Desarrollo Web/Curso React con PrimeReact

Curso completo de React con PrimeReact

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende todas las características de React para desarrollo web haciendo uso de las soluciones de PrimeReact

Formación en React con PrimeReact bonificable para empresas

¿A quién va dirigido?

Desarrolladores web que quieran introducirse en el framework de React para crear aplicaciones basadas en componentes reutilizables de PrimeReact

Objetivos

Aprender a desarrollar aplicaciones web SPA con ReactJS
Aprender a crear y estucturar aplicaciones React con componentes de PrimeReact
Aprender a trabajar con hooks y poder sacarle todo el partido a la librería de React
Aprender a realizar formularios, gestionar peticiones Https, gestionar sistema de enrutado y configurar webpack y eslint para proyectos React
Aprender a realizar pruebas unitarias con Jest, realizar builds y despliegues para distintos entornos

¿Qué vas a aprender?

Aprende todas las características de React para desarrollo web haciendo uso de las soluciones de PrimeReact

Requisitos

Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores), Typescript y haber desarrollado aplicaciones React previamente
Tener instalado previamente en el equipo: NodeJS en la versión LTS, NPM en su última versión, GIT, Docker Desktop y Visual Studio Code
Disponer de un equipo con acceso a un usuario con permisos suficientes para instalar software
Tener licencia con acceso al PrimeReact Visual Theme Designer (Básica o Extendida: https://www.primefaces.org/designer/primereact)

Temario del curso

tema 1

Introducción a PrimeReact

¿Qué es PrimeReact?
Ventajas de usar PrimeReact
Características principales de PrimeReact
Comparación con otras bibliotecas de componentes
Creación de un proyecto React con Vite y Typescript
Instalación y configuración de PrimeReact
Configuración de PrimeReact en el proyecto
Primeros pasos con PrimeReact
Desplegando proyecto localmente

tema 2

Componentes de PrimeReact

Uso de componentes predefinidos
Personalización de componentes
Componentes de interfaz de usuario (botones, tarjetas, formularios, etc.)
Componentes de navegación (menús, barras de navegación, etc.)
Componentes de visualización de datos (tablas, gráficos, etc.)

tema 3

Trabajo con tablas en PrimeReact

Configuración y personalización de tablas
Ordenación y filtrado de datos
Paginación de datos en tablas
Edición y eliminación de registros
Selección y manipulación de datos en tablas

tema 4

Formularios en PrimeReact

Uso de componentes de formulario (inputs, selectores, etc.)
Validación de datos en formularios
Envío y gestión de datos de formulario
Trabajo con formularios complejos
Integración de formularios con el estado de la aplicación

tema 5

Plantillas y diseño en PrimeReact

Uso de plantillas predefinidas
Creación de plantillas personalizadas
Diseño responsivo con PrimeReact
Trabajo con grids y flexbox
Diseño adaptativo y compatible con diferentes dispositivos

tema 6

Hooks en PrimeReact

Introducción a los Hooks de PrimeReact
Uso de useState y useEffect
Creación de Hooks personalizados
Uso de useContext y useRef
Trabajo con los Hooks de PrimeReact específicos

tema 7

Diseño de temas con PrimeReact

Uso del Theme Designer de PrimeReact
Personalización de estilos y apariencia
Cambio de colores y fuentes
Diseño coherente y consistente en la aplicación
Gestión de temas en la aplicación

tema 8

Integración de librería de iconos en PrimeReact

Uso de iconos en PrimeReact
Integración de una librería de iconos externa
Personalización de iconos
Uso de iconos en componentes y elementos
Gestión de iconos en la aplicación

tema 9

Utilidades CSS en PrimeReact

Uso de clases de utilidad predefinidas
Creación de clases de utilidad personalizadas
Estilizado rápido y sencillo de componentes
Reutilización de estilos en la aplicación
Mejores prácticas para el uso de utilidades CSS

tema 10

Prime Blocks y PrimeFlex CSS

Uso de Prime Blocks para componentes complejos
Configuración y personalización de Prime Blocks
Uso de PrimeFlex CSS para el diseño flexible
Integración de Prime Blocks y PrimeFlex CSS en la aplicación
Beneficios y mejores prácticas de uso de Prime Blocks y PrimeFlex CSS

tema 11

Figma UI Kit para PrimeReact

Introducción a Figma UI Kit
Uso de Figma UI Kit en el diseño de la aplicación
Personalización de componentes con Figma UI Kit
Importación y adaptación de diseños en PrimeReact
Configuración del locale del proyecto
Internacionalización en PrimeReact
Traducción de textos en la aplicación
Soporte multilingüe en PrimeReact
Mejores prácticas para la gestión del locale

tema 12

Versionado y administración de versiones en PrimeReact

Uso de herramientas de administración de versiones
Control de versiones en proyectos PrimeReact
Actualización de versiones de PrimeReact
Mantenimiento de dependencias y actualizaciones
Estrategias para evitar problemas de versionado

tema 13

Consejos para crear soluciones mantenibles y extensibles en PrimeReact

Organización y estructura del proyecto
Modularidad y reutilización de componentes
Mejores prácticas para la gestión del estado
Documentación y comentarios de código
Pruebas y depuración en PrimeReact

tema 14

Seguridad en aplicaciones PrimeReact

Mejores prácticas para la seguridad en el desarrollo web
Protección contra ataques comunes
Validación y sanitización de datos
Autenticación y autorización en aplicaciones PrimeReact
Gestión de permisos y roles de usuario

tema 15

Resolución de problemas y solución de errores en PrimeReact

Identificación y depuración de errores
Uso de herramientas de desarrollo para la resolución de problemas
Consulta de la documentación y recursos de PrimeReact
Comunidad y foros de soporte
Estrategias de resolución de problemas en PrimeReact

tema 16

Proyecto final: Desarrollo de una aplicación web con React y PrimeReact

Diseño y planificación del proyecto
Implementación de la interfaz de usuario utilizando componentes de PrimeReact
Gestión de datos y estado en la aplicación
Implementación de funcionalidades y características específicas
Optimización y mejora del rendimiento de la aplicación

Testimonios de nuestros clientes

“Empecé a formarme recientemente con ellos y estoy muy sorprendido de la metodología y la calidad de los contenidos. He hecho varios cursos online con otros proveedores pero con ninguno he terminado tan satisfecho como con Imagina.”

“Mi empresa contrató un Aula Virtual Personalizada con Imagina, después de tener malas experiencias con otras academias y nos sorprendió la profesionalidad con la que trabajan. Hicimos 3 reuniones técnicas con Martín antes de empezar la formación y quedamos encantados con el resultado, sin duda repetiremos.”

Curso de React con PrimeReact bonificado para Empresas a través de FUNDAE

Somos entidad organizadora de FUNDAE, todas nuestras formaciones se pueden bonificar hasta el 100%, sujeto a vuestro crédito disponible y a cumplir con todos los requisitos de realización establecidos por la Fundación Estatal para el Empleo.

Si desconoces el funcionamiento de las bonificaciones, ofrecemos el servicio de gestión en FUNDAE, consúltanos cualquier duda que te surja.

Descargar Guía FUNDAE

Contáctanos

¿Qué formación necesitas?

En Imagina llevamos más de 14 años ofreciendo formación para empresas, estamos especializados en el área técnica y de ofimática, adaptando nuestras formaciones a vuestras necesidades. Déjanos tus datos, y nos pondremos en contacto contigo para informarte sobre el curso que mejor se ajuste a lo que buscas. Cuéntanos tus necesidades y podremos asesorarte sobre la modalidad que mejor se adapte: Curso Online o Aula Virtual Personalizada