Envíanos tu consulta
![iconoCurso](data:image/svg+xml;utf8, <svg width="920" height="920" viewBox="0 0 920 920" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M772.818 375.981L724.118 459.555L772.722 542.966C790.455 573.394 790.455 609.727 772.724 640.154C754.992 670.584 723.232 688.75 687.767 688.75H605.822L569.779 724.405L545.602 765.893C527.684 796.641 495.59 815 459.752 815C423.913 815 391.819 796.641 373.901 765.893L343.712 714.089L318.097 688.75H231.542C196.335 688.75 164.805 670.716 147.202 640.507C129.598 610.297 129.598 574.227 147.202 544.02L195.903 460.444L147.297 377.035C129.565 346.606 129.565 310.274 147.297 279.845C165.029 249.416 196.789 231.249 232.253 231.249H329.464L374.419 154.108C392.337 123.36 424.435 105 460.271 105C496.11 105 528.201 123.358 546.12 154.108L591.073 231.249H688.479C723.686 231.249 755.216 249.285 772.82 279.494C790.423 309.702 790.423 345.772 772.818 375.981ZM368.521 714.138L356.335 693.226V666.294L325.695 640.646L304.126 603.633L356.338 650.219V525.634L384.775 485.446L348.213 493.484L303.526 449.276L258.84 433.201L264.388 535.442L220.685 460.444L248.562 412.608L248.566 412.624L252.179 406.427L254.775 417.125L429.458 481.426H429.459L429.46 481.428H453.834V252.473L470.083 252.468V481.428H498.521L498.521 481.425L673.202 417.125L673.619 415.405L699.335 459.557L659.986 527.081L665.08 433.201L620.393 449.276L575.706 493.484L539.145 485.446L567.582 525.634V650.219L610.589 611.846L589.598 647.867L567.584 666.294V685.646L555.393 706.568V533.673L522.894 485.448L502.581 497.504H421.333L401.02 485.448L368.521 533.673V714.138ZM643.313 320.893L603.465 252.512H688.477C715.927 252.512 740.509 266.573 754.232 290.126C767.958 313.675 767.958 341.798 754.232 365.35L711.726 438.294L680.9 385.394L697.576 316.655L643.313 320.893ZM619.646 322.741L547.137 328.404L514.812 252.452L526.999 252.448L555.394 316.655L612.659 310.746L619.646 322.741ZM208.294 439.181L244.89 376.382L230.4 316.655L277.494 320.432L317.074 252.512H232.253C204.547 252.512 179.736 266.704 165.884 290.476C152.031 314.248 152.031 342.632 165.884 366.405L208.294 439.181ZM376.783 328.396L301.17 322.331L303.286 318.7L303.323 318.707L308.15 310.426L368.519 316.655L396.893 252.493L409.09 252.489L376.783 328.396ZM208.294 481.709L303.523 645.123V667.487H231.542C204.093 667.487 179.512 653.427 165.787 629.875C152.063 606.324 152.063 578.201 165.787 554.649L208.294 481.709ZM620.395 667.487V637.545L711.726 480.818L754.137 553.596C767.99 577.369 767.99 605.753 754.138 629.523C740.284 653.294 715.473 667.487 687.767 667.487H620.395ZM460.271 126.264C432.19 126.263 407.044 140.646 393.004 164.739L354.247 231.249H566.291L527.533 164.739C513.495 140.646 488.349 126.264 460.271 126.264Z" fill="%2303C4E8"/>
</svg>)
Curso 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
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 nuestro curso de React con PrimeReact
Desarrolladores web que quieran introducirse en el framework de React para crear aplicaciones basadas en componentes reutilizables de PrimeReact
Objetivos de nuestro curso de React con PrimeReact
- 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 en nuestro curso de React con PrimeReact
Aprende todas las características de React para desarrollo web haciendo uso de las soluciones de PrimeReact
Requisitos de nuestro curso de React con PrimeReact
- 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 de React con PrimeReact
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
Preguntas Frecuentes de React con PrimeReact
¿Cuáles son los Beneficios del curso React con PrimeReact?
El curso permite a los empleados dominar React y PrimeReact, facilitando el desarrollo de interfaces de usuario eficientes y atractivas. Al dominar estas tecnologías, tu equipo podrá mejorar la calidad de las aplicaciones web que desarrollen, aumentando la productividad y satisfacción del usuario final.
¿El curso de React con PrimeReact se puede bonificar a través de FUNDAE?
Sí, el curso es bonificable a través de FUNDAE. Esto permite a las empresas obtener subvenciones para la formación de sus empleados, optimizando así su inversión en capacitación.
¿En qué modalidades se imparte el curso de React con PrimeReact?
El curso se imparte en modalidad online y en aula virtual personalizada, ofreciendo flexibilidad para adaptarse a las necesidades específicas de tu empresa y empleados.
¿Qué habilidades desarrollaré con el curso de React con PrimeReact?
Tus empleados aprenderán a crear aplicaciones web modernas utilizando React y PrimeReact, mejorarán en la gestión del estado de las aplicaciones, diseño de componentes reutilizables, así como en la integración de librerías de UI para interfaces más intuitivas y eficientes.
¿Cómo puedo inscribirme en el curso de React con PrimeReact?
La inscripción se realiza rellenando los formularios que aparecen en la web del curso. Es un proceso sencillo que permite a tu empresa registrar a los empleados que deseas capacitar.