Codemotion - Modern Branding en SharePoint desde todos los ángulos
Descargar como PPTX, PDF1 recomendación837 vistas
El documento aborda el branding moderno en SharePoint, destacando el uso de HTML5 y diseño web responsivo. Se analizan aspectos como la personalización de páginas y la administración de diseños en SharePoint 2013, así como la transición hacia SharePoint 2016 y la eliminación de SharePoint Designer. También se incluye información sobre técnicas avanzadas de CSS y JavaScript, así como el uso de display templates y jslink para mejorar la interacción del usuario.
Codemotion - Modern Branding en SharePoint desde todos los ángulos
- 1. Modern Branding en SharePoint Santiago Porras RodríguezMADRID · NOV 27-28 · 2015
- 2. Santiago Porras MVP Windows Platform Development ENCAMINA http://geeks.ms/blogs/santypr http://blogs.encamina.com/en-tu-casa-o-en-la-mia @saintwukong SharePoint Developer
- 3. Modern Branding en SharePoint desde todos los ángulos con HTML5 y Responsive Web Design
- 4. Contenido ■Introducción al Branding ■Introducción los portales de publicación ■El administrador de diseños de SharePoint 2013 ■Personalización de páginas maestras y diseños de página ■CSS y JavaScript avanzado en SharePoint ■Enriqueciendo los resultados de las búsquedas mediante display templates ■Uso de JSLink para mejorar las listas de SharePoint
- 6. Branding en SharePoint 2013 ■ Llegada de HTML5 ■Designer Manager ■ Nuevos conceptos y elementos ■ Cambios en SharePoint Designer ■Con Sharepoint 2016 desaparece SharePoint Designer
- 7. ¿Cómo debemos aplicar Branding? ■ Definir arquitectura de la información ■ Definir Wireframes y Flujo de Navegación ■ Diseño gráfico ■
- 10. Elementos que componen un diseño Igual que en SharePoint 2010 Páginas maestras Diseños de página Plantillas XSLT SharePoint 2013 Plantillas de elementos de contenido (Display Templates)
- 12. Opciones del administrador de diseños Subir diseños Administrar Páginas Maestras Administrar Diseños de Página Administrar Plantillas de elementos de contenido Administrar canales para dispositivos Publicar y aplicar diseños Crear paquetes de diseño
- 13. Cómo crear un nuevo diseño ■ Desde cualquier IDE ■ SharePoint Designer 2013 sin Vista Diseño ■ Identificar elementos pertenecientes a la página maestra ■ Convertir diseño a HTML ■ Subir al catálogo de diseño de SharePoint 2013 ■ Crear página maestra ■ Crear diseños de página ■ Crear plantillas XSLT ■ Crear plantillas de elementos de contenido
- 16. Recomendaciones ■Principio de responsabilidad ■Sass – CSS con superpoderes ■Protección de jQuery ■Módulos/Namespaces ■Plugings de jQuery ■JavaScript como “CodeBehind”
- 19. Despliegue desde Visual Studio ■Por qué usar Visual Studio ■¿Recursos en Style Library o en carpeta Layouts? ■Los módulos son nuestros aliados ■XML para configurar nuestros recursos
- 22. Display Templates ■¿Por qué y para qué?
- 26. Q&A
- 27. Santiago Porras MVP Windows Platform Development ENCAMINA http://geeks.ms/blogs/santypr http://blogs.encamina.com/en-tu-casa-o-en-la-mia @saintwukong SharePoint Developer
Notas del editor
- #5: Introducción al Branding Introducción los portales de publicación El administrador de diseños de SharePoint 2013 Mostrar el administrador de diseños y explicar para qué sirve cada una de las opciones Personalización de páginas maestras y diseños de página Subir una página maestra, convertirla y publicarla Crear un diseño de página y editarlo con SharePoint designer CSS y JavaScript avanzado en SharePoint SASS JavaScript Módulos Plugins de jQuery Proteger jQuery Enriqueciendo los resultados de las búsquedas mediante display templates Crear un display template para mostrar resultados (Control y elemento) Aplicar display template en una búsqueda Uso de JSLink para mejorar las listas de SharePoint Crear fichero de JSLink para modificar la visualización del porcentaje de finalizado de las tareas.
- #18: _spBodyOnLoadFunctionNames.push('fitContentSection'); ExecuteOrDelayUntilScriptLoaded(FunctionName, "core.js");