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 Vue con PrimeVue

Curso completo de Vue con PrimeVue

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende todas las características de Vue para desarrollo web haciendo uso de las soluciones de PrimeVue

Formación en Vue con PrimeVue bonificable para empresas

¿A quién va dirigido?

Desarrolladores web que quieran introducirse en el framework de Vue para crear aplicaciones basadas en componentes reutilizables de PrimeVue

Objetivos

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

¿Qué vas a aprender?

Aprende todas las características de Vue para desarrollo web haciendo uso de las soluciones de PrimeVue

Requisitos

Es necesario tener experiencia y conocimientos en HTML, CSS, Javascript (ES6 o posteriores), Typescript y haber desarrollado aplicaciones Vue con la Composition API, 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 PrimeVue

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

tema 2

Componentes de PrimeVue

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 PrimeVue

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 PrimeVue

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 PrimeVue

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

tema 6

Hooks en PrimeVue

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

tema 7

Diseño de temas con PrimeVue

Uso del Theme Designer de PrimeVue
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 PrimeVue

Uso de iconos en PrimeVue
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 PrimeVue

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 PrimeVue

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 PrimeVue

tema 12

Configuración del locale del proyecto

Configuración inicial del locale en PrimeVue
Uso de diferentes idiomas en la aplicación
Internacionalización en PrimeVue
Traducción de textos en la aplicación
Soporte multilingüe en PrimeVue
Cambio dinámico del idioma en tiempo de ejecución
Mejores prácticas para la gestión del locale

tema 13

Versionado y administración de versiones en PrimeVue

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

tema 14

Consejos para crear soluciones mantenibles y extensibles en PrimeVue

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 PrimeVue

tema 15

Seguridad en aplicaciones PrimeVue

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 PrimeVue
Gestión de permisos y roles de usuario

tema 16

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

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 PrimeVue
Comunidad y foros de soporte
Estrategias de resolución de problemas en PrimeVue

tema 17

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

Diseño y planificación del proyecto
Implementación de la interfaz de usuario utilizando componentes de PrimeVue
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 Vue con PrimeVue 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