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 Angular con PrimeNG

Curso completo de Angular con PrimeNG

DISPONIBLE EN MODALIDAD:

Aula Virtual Personalizada

Aprende todas las características de Angular para desarrollo web haciendo uso de las soluciones de PrimeNG

Formación en Angular con PrimeNG bonificable para empresas

¿A quién va dirigido?

Desarrolladores web que quieran introducirse en el framework de Angular para crear aplicaciones basadas en componentes reutilizables de PrimeNG

Objetivos

Aprender a desarrollar aplicaciones Angular con PrimeNG
Aprender a desarrollar aplicaciones web haciendo uso de componentes de PrimeNG
Aprender a realizar formularios, gestionar peticiones Https, gestionar sistema de enrutado y configurar webpack y eslint para proyectos Angular
Aprender a realizar tests sobre las aplicaciones Angular con Jasmine y Karma y automatizar su ejecución

¿Qué vas a aprender?

Aprende todas las características de Angular para desarrollo web haciendo uso de las soluciones de PrimeNG

Requisitos

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

Temario del curso

tema 1

Introducción a PrimeNG

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

tema 2

Componentes de PrimeNG

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 PrimeNG

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 PrimeNG

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 PrimeNG

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

tema 6

Hooks en PrimeNG

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

tema 7

Diseño de temas con PrimeNG

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

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

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 PrimeNG

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 PrimeNG
Configuración del locale del proyecto
Internacionalización en PrimeNG
Traducción de textos en la aplicación
Soporte multilingüe en PrimeNG
Mejores prácticas para la gestión del locale

tema 12

Versionado y administración de versiones en PrimeNG

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

tema 13

Consejos para crear soluciones mantenibles y extensibles en PrimeNG

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 PrimeNG

tema 14

Seguridad en aplicaciones PrimeNG

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

tema 15

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

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

tema 16

Proyecto final: Desarrollo de una aplicación web con Angular y PrimeNG

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