Curso de Sharepoint Framework (SPFx) hasta 100% Bonificable a través de FUNDAE
Tu bonificación paso a paso
Forma a tu equipo sin costes mediante la bonificación estatal. Este programa de Sharepoint Framework (SPFx)para empresas es subvencionable hasta el 100%.
Potencia las habilidades de edición y automatización de tus profesionales.
Accede a una formación avanzada en Sharepoint Framework (SPFx) práctica y orientada a resultados.
Prepara a tu equipo para los retos documentales del entorno laboral actual.
Gestionamos gratis tu bonificación de este curso corporativo de Sharepoint Framework (SPFx) ante FUNDAE.
+80% de las empresas líderes en su sector utilizan SharePoint para la colaboración
Despliega un plan A Medida de Sharepoint Framework (SPFx) para tu equipo, tutorizado y con prácticas, bonificable por FUNDAE para empresas. Pide información.
Desarrolla habilidades avanzadas en SPFx, mejorando la capacidad de tu equipo para crear soluciones personalizadas que maximicen la colaboración y eficiencia dentro de Microsoft 365.
1
Aprende a integrar poderosas herramientas como Microsoft Graph y PnPjs, permitiendo una gestión más eficiente de los recursos empresariales y potenciando las capacidades de análisis y toma de decisiones.
Personaliza el temario al 100% para tu equipo
Diseñamos una formación a medida utilizando los documentos y flujos de trabajo reales de tu empresa.
Nueva Plataforma de E-learningFormación en directo con plataforma de apoyo para reforzar el aprendizaje
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Programa formativo
Temario del curso
Encuentra todo el temario del curso aquí.
Temario
Qué es SPFx y por qué es el modelo moderno de desarrollo en SharePoint
Diferencias con modelos anteriores (Add-ins, JSLink, etc.)
Arquitectura general del SPFx
Ciclo de vida de un componente SPFx
Herramientas principales: Node.js, Yeoman, Gulp
Requisitos de versión según SPFx y Node
Crear cuenta de Microsoft 365 Developer para prácticas
Instalación paso a paso del entorno
Crear y probar la primera Web Part SPFx
Estructura de carpetas y archivos en proyectos SPFx
Qué es SPFx y por qué es el modelo moderno de desarrollo en SharePoint
Diferencias con modelos anteriores (Add-ins, JSLink, etc.)
Arquitectura general del SPFx
Ciclo de vida de un componente SPFx
Herramientas principales: Node.js, Yeoman, Gulp
Requisitos de versión según SPFx y Node
Crear cuenta de Microsoft 365 Developer para prácticas
Instalación paso a paso del entorno
Crear y probar la primera Web Part SPFx
Estructura de carpetas y archivos en proyectos SPFx
Tema 1: Introducción a SharePoint Framework (SPFx)
Qué es SPFx y por qué es el modelo moderno de desarrollo en SharePoint
Diferencias con modelos anteriores (Add-ins, JSLink, etc.)
Arquitectura general del SPFx
Ciclo de vida de un componente SPFx
Herramientas principales: Node.js, Yeoman, Gulp
Requisitos de versión según SPFx y Node
Crear cuenta de Microsoft 365 Developer para prácticas
Instalación paso a paso del entorno
Crear y probar la primera Web Part SPFx
Estructura de carpetas y archivos en proyectos SPFx
Tema 2: Desarrollo de Web Parts con React
Crear una Web Part con React paso a paso
Estructura básica: WebPart.ts, interfaces y componentes
Flujo de datos entre propiedades y estado
Estilos con SCSS y módulos CSS
Props e interfaces con TypeScript
Ciclo de vida de componentes React en SPFx
Uso de servicios reutilizables (HttpClient, context)
Creación de formularios y gestión de estado
Mejores prácticas con carpetas y estructura modular
Testeo en workbench local y online
Tema 3: Fluent UI en SharePoint Framework
Qué es Fluent UI y su importancia en Microsoft 365
Instalación y configuración en proyectos SPFx
Uso de controles básicos (Button, TextField, ComboBox)
Layouts con Stack y Grid
Menús, Paneles y Dialogs modernos
Personalización visual (temas, tokens, dark mode)
Componentes accesibles y adaptativos
Integración de iconografía (Fluent Icons)
Composición de formularios avanzados
Mejores prácticas de diseño con Fluent UI
Tema 4: Propiedades, configuración y edición en vivo
Uso del panel de propiedades (PropertyPane)
Tipos de controles: Text, Dropdown, Checkbox
Cargar datos dinámicos en el PropertyPane
Guardado automático y eventos de cambio
Agrupación de propiedades en secciones
Propiedades dependientes entre sí
PropertyPane con renderizado personalizado (CustomFields)
Validación de datos en propiedades
Control del cambio de propiedades con debounce
Casos de uso: configuración de vistas y filtros
Tema 5: Conexión con Microsoft Graph API
Introducción a Microsoft Graph desde SPFx
Conexión a Graph usando MSGraphClient
Autenticación integrada y scopes de permisos
Consultas a usuarios, grupos, correos y archivos
Listado de miembros de un grupo de M365
Lectura y escritura en Calendario y Planner
Tratamiento de respuestas JSON con tipado
Paginación y control de resultados
Uso de Graph Toolkit vs llamadas manuales
Mejores prácticas para llamadas a Graph
Tema 6: Uso de PnPjs en SPFx
¿Qué es PnPjs y por qué usarlo en SPFx?
Instalación y configuración en proyectos SPFx
Llamadas a listas y bibliotecas de documentos
Crear, leer, actualizar y borrar elementos
Cargar propiedades de sitios y usuarios
Trabajo con carpetas y archivos en SharePoint
Uso de batching y optimización de llamadas
Tratamiento de errores y control de permisos
Arquitectura desacoplada con servicios PnPjs
Casos de uso: Dashboard dinámico con SP y PnPjs
Tema 7: Desarrollo de extensiones (Application Customizers, Field Customizers y Command Sets)
Tipos de extensiones en SPFx
Crear una Application Customizer para personalizar headers/footers
Field Customizers: cambio visual de columnas en listas
Command Sets: añadir comandos personalizados en toolbars
Registro de extensiones en SharePoint
Estilos, eventos y manipulación del DOM
Condiciones de activación según sitio o lista
Interacción entre Web Parts y Extensiones
Buenas prácticas de desarrollo de extensiones
Ejemplo completo: comando contextual sobre ítems
Tema 8: Gestión de contexto, servicios e inyección de dependencias
Acceder al contexto de usuario y sitio
Uso de PageContext, aadHttpClient, etc.
Crear servicios reutilizables por dependencia
Patrón Singleton para servicios globales
Inyección de servicios en Web Parts y Extensiones
MockServices para pruebas offline
Compartir configuración entre componentes
Lectura de parámetros de URL y página
Control de permisos de usuario vía contexto
Logs centralizados para diagnóstico
Tema 9: Lógica de negocio avanzada y control de estado
Integración con librerías externas
Arquitectura por componentes + hooks
Redux o Context API dentro de SPFx
Lógica desacoplada: validaciones, cálculos, etc.
Gestión de errores y logs de usuario
Control de ciclo de vida complejo (carga diferida, loading states)
Custom Hooks reutilizables
Práctica: buscador con filtros dinámicos
Optimización de renderizado y consumo de API
Testeo de lógica con Jest
Tema 10: Seguridad y cumplimiento en SPFx
Permisos de manifiesto y scopes necesarios
APIs permitidas por tenant y consentimiento admin
Aislamiento de dominios externos (CORS)
Uso de tokens de acceso (AAD)
Buenas prácticas para evitar XSS y CSRF
Seguridad en APIs propias conectadas a SPFx
Validación de entradas desde formularios
Logs de auditoría con Application Insights
Uso de headers seguros y CSP
Cumplimiento RGPD y privacidad de datos
Tema 11: Versionado, mantenimiento y despliegue
Versionado de Web Parts y control de compatibilidad
Diferencias entre dev y producción
Configuración del `package-solution.json`
Empaquetado con Gulp y `--ship`
Despliegue en App Catalog (Site o Tenant)
Actualización segura de versiones existentes
Rollback de versiones y pruebas previas
Scripts PowerShell/CLI para automatizar
Control de cambios y documentación
Estrategia de mantenimiento evolutivo
Tema 12: Integración con Microsoft Teams
Convertir Web Parts en pestañas de Teams
Configuración de manifest para Teams
Diseño responsivo adaptado a Teams
Publicación en App Catalog de Teams
Comunicación entre Teams y SPFx vía contexto
Uso de TeamsFx y Graph en pestañas
Integración con Activity Feed y Deep Linking
Limitaciones y diferencias con SharePoint
Buenas prácticas en diseño para Teams
Ejemplo práctico: Panel de incidencias en Teams
Tema 13: Automatización con CLI y PowerShell
Introducción a PnP CLI y sus ventajas
Automatización de despliegues y actualizaciones
Lectura de propiedades de sitio y usuario vía CLI
Scripts para gestión de permisos, listas y contenido
Integración de scripts en pipelines de CI/CD
Automatización con PowerShell y SharePoint Online Management Shell
Ejecución programada de tareas administrativas
Gestión masiva de sitios y elementos
Acceso a datos remotos desde scripts seguros
Buenas prácticas de automatización
Tema 14: Testing y calidad del código
Testing de componentes React con Jest y Testing Library
Uso de mocks para pruebas en SPFx
Pruebas unitarias de servicios y lógica
Testing de integración limitado en SPFx
Linting, formateo y revisión de código
Integración con GitHub Actions o Azure Pipelines
Pruebas manuales en workbench y sitios reales
Estrategia de despliegue progresivo (pilotaje)
Validación de rendimiento y cargas
Checklist de calidad previo a producción
Tema 15: Proyecto final: Portal corporativo con SPFx
Diseño del modelo de sitio y estructura de contenido
Web Parts de visualización de noticias internas
Integración con Microsoft Graph para eventos y planner
Personalización del header con Application Customizer
Panel de métricas con llamadas a listas y PnPjs
Formulario moderno para solicitudes internas
Publicación en App Catalog y en Teams
Control de permisos y roles por sección
Automatización del despliegue completo
Documentación y entrega del proyecto final
Perfiles profesionales
Pensado para quienes deben dominar Sharepoint Framework (SPFx) en su día a día
Desarrolladores de Software
Se enfocan en ampliar sus conocimientos en programación y frameworks modernos corporativos.
Ingenieros de Sistemas
Buscan integrar y optimizar soluciones tecnológicas en ambientes empresariales dinámicos.
Administradores de SharePoint
Necesitan mejorar la gestión y personalización de plataformas corporativas de colaboración.
Consultores IT
Requieren actualizarse en las últimas herramientas y prácticas para asesorar a sus clientes corporativos.
Preguntas frecuentes
Resolvemos todas tus dudas sobre nuestra formación en Sharepoint Framework (SPFx)
Explora las respuestas a las preguntas que guian a nuestra comunidad. Aqui encontraras claridad sobre como funciona todo, desde el acceso hasta los detalles de los cursos. Si buscas respuestas, este es el lugar para comenzar.
Este curso capacitará a su equipo para desarrollar soluciones modernas y personalizadas dentro del ecosistema de Microsoft 365. Aprenderán a crear web parts y extensiones efectivas, mejorar la colaboración y optimizar procesos internos, maximizando así la eficiencia y productividad empresarial.
Sí, el curso es completamente bonificable a través de FUNDAE. Las empresas pueden obtener hasta el 100% del coste cubierto. Si gestionamos la bonificación, cobramos un 10% adicional más IVA, también bonificable, facilitando así el acceso a esta formación estratégica.
El curso se imparte mediante Aula Virtual Personalizada, utilizando la plataforma Zoom para las videoconferencias. Esta modalidad permite a las empresas adaptar la formación a su agenda, con la ventaja de acceder a contenido grabado para futura referencia empresarial.
El curso potenciará habilidades en el desarrollo de soluciones personalizadas usando SPFx, React y TypeScript. Su equipo aprenderá a integrar Microsoft Graph y Fluent UI, gestionando y desplegando aplicaciones que optimicen los procesos internos y de colaboración.
Para inscribir a su equipo, complete los formularios en nuestra página web. Es esencial proporcionar toda la información requerida para procesar la inscripción y activar la bonificación, garantizando así un inicio de curso sin contratiempos.
Este curso capacitará a su equipo para desarrollar soluciones modernas y personalizadas dentro del ecosistema de Microsoft 365. Aprenderán a crear web parts y extensiones efectivas, mejorar la colaboración y optimizar procesos internos, maximizando así la eficiencia y productividad empresarial.
Sí, el curso es completamente bonificable a través de FUNDAE. Las empresas pueden obtener hasta el 100% del coste cubierto. Si gestionamos la bonificación, cobramos un 10% adicional más IVA, también bonificable, facilitando así el acceso a esta formación estratégica.
El curso se imparte mediante Aula Virtual Personalizada, utilizando la plataforma Zoom para las videoconferencias. Esta modalidad permite a las empresas adaptar la formación a su agenda, con la ventaja de acceder a contenido grabado para futura referencia empresarial.
El curso potenciará habilidades en el desarrollo de soluciones personalizadas usando SPFx, React y TypeScript. Su equipo aprenderá a integrar Microsoft Graph y Fluent UI, gestionando y desplegando aplicaciones que optimicen los procesos internos y de colaboración.
Para inscribir a su equipo, complete los formularios en nuestra página web. Es esencial proporcionar toda la información requerida para procesar la inscripción y activar la bonificación, garantizando así un inicio de curso sin contratiempos.
Diseñemos hoy el curso que tu empresa necesita
Cuéntanos tus objetivos de negocio y prepararemos una propuesta formativa bonificable totalmente ad hoc
Diseña y despliega aplicaciones y extensiones que fortalecen la infraestructura digital de tu empresa, aportando flexibilidad y escalabilidad fundamentales para el crecimiento sostenido.
3
Optimiza procesos internos mediante personalizaciones efectivas, lo cual contribuye a aumentar la productividad del equipo y a reducir tiempos de respuesta en tareas clave de negocio.
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Acceso a las grabaciones
Los alumnos podrán revisar las sesiones grabadas para repasar conceptos clave, recuperar explicaciones concretas o reforzar aquellos contenidos que necesiten después de la clase en directo.
Recursos formativos
Materiales, sesiones grabadas y documentación de apoyo quedan centralizados en la plataforma para que el equipo pueda consultarlos durante y después de la formación.
Confirmación de asistencia
La plataforma permite registrar y confirmar la asistencia de los participantes, facilitando el seguimiento de la formación y la gestión documental necesaria para la bonificación FUNDAE.
Ejercicios prácticos
Después de la formación en directo, los alumnos podrán acceder a ejercicios prácticos para aplicar lo trabajado en clase y consolidar el aprendizaje con actividades guiadas.
Practica y mejora con nuestra plataforma
Una plataforma practica, con IA integrada y pensada para que mejores desarrollando. Se adapta a tu ritmo, te corrige al instante y te muestra tu progreso real.
Correccion magica
Feedback inteligente
Aprende de cada acierto y fallo con explicaciones claras
