Introducción a SharePoint Framework
•Als PPTX, PDF herunterladen•
1 gefällt mir•376 views
En esta sesión se introduce el nuevo paradigma de extensibilidad de SharePoint basado en Javascript y herramientas Open Source, el SharePoint Framework. Creditos a Luis Valencia @levalencia
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Andere mochten auch (6)
Ähnlich wie Introducción a SharePoint Framework
Ähnlich wie Introducción a SharePoint Framework (20)
Mehr von Haaron Gonzalez
Mehr von Haaron Gonzalez (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (10)
Introducción a SharePoint Framework
- 1. Simposio SharePoint 2016 Microsoft México y la Comunidad de SharePoint México
- 2. Introducción a SharePoint Framework Haaron Gonzalez Consultor MVP en Servidores y Servicios de Office @haarongonzalez Vladimir Medina Mentor MVP | MCT | MCP @vladpoint Créditos: @levalencia MVP de Colombia
- 3. Antes que nada • ¿Cuántos manejan SharePoint On Premises? • ¿Cuántos manejan SharePoint Online? • ¿Cuántos son desarrolladores SharePoint? • ¿Cuántos son desarrolladores SharePoint 2010? 2013? 2007? • ¿Cuántos son desarrolladores .NET? • ¿Han visto las bibliotecas de documentos modernas? • ¿Han visto las listas mordernas? • ¿Han visto las paginas mordernas?
- 4. Listas modernas Bibliotecas modernas Páginas modernas Authoring canvas / OOB SPFx Web Parts UI responsiva SharePoint en tu bolsillo Vlad
- 5. Principios de extensibilidad de SharePoint
- 6. • Herramientas • Node.js • Yeoman • Gulp • Typescript • Visual Studio (Code) • Frameworks • React • Angular.js • Knockout • Etc. Herramientas típicas en SPFx
- 7. Herramientas web stack comparadas a MS IIS Express VS Project New <Template> C#
- 8. Node.js – Hosting en tiempo de desarrollo https://nodejs.org/en/
- 9. npm – Administrador de paquetes de Node https://www.npmjs.com/
- 10. Yeoman – Plantillas de Proyecto http://yeoman.io
- 11. gulp – Administration de tareas de compilación http://gulpjs.com/
- 12. Typescript es un superset tipado de JavaScript, que compila a Javascript. Lenguaje de desarrollo para las plantillas base de SharePoint Framework. Usted puede utilizar Javascript nativo. En estos tiempos, es necesario que lo aprendas por tu cuenta Typescript – Typed JavaScript https://www.typescriptlang.org/
- 13. Office UI Fabric – UI para SharePoint Fabric es responsive, mobile-first colección de estilos y componentes para utilizar en sus personalizaciones. Componentes listos para utilizar con estilo consistente para proveer consistencia a través de aplicaciones. Office UI Fabric soportado nativamente en SharePoint. http://dev.office.com/fabric
- 14. Experiencia de desarrollo en un ambiente local sin instalar SharePoint. Prueba tus cambios de inmediato en modo desconectado. Funciona localmente SharePoint Workbench
- 16. Instalar Node JS a. Instalar VS CODE. Descargar desde aquí b. Instalar nodejs LTS (Long Term Support) versión. Descargar desde aqu c. Instalar NPM Abra consola o powershell y pega: npm -g install npm@next c. Si está utilizando Windows instalar este paquete: npm install --global --production windows-build-tools e. Instalar Yeoman y gulp. Abrir y ejecutar CMD npm i -g yo gulp f. Instalar Yeoman Sharepoint generador. npm i -g @microsoft/generator-sharepoint nt
- 17. Client-side Web Part Build Flow
- 24. Tipos de propiedades en el panel de configuración Por fin, paneles de configuración de web parts mucho mas ligeros, dinámicos y simplificados. Diversos controles para recopilar datos de configuración. Por ejemplo: Campos de Texto Normal y Multi-Linea Checkbox DropDown Toggle
- 25. Tipos de propiedades en el panel de configuración 1. Primero importamos en el código los controles archive HolaMundoWebPart.ts 2. Definimos la estructura de datos de nuestro panel de configuración en IHolaMundoWebPartProps.ts 3. Opcionalmente podemos definir los valores pre determinados de nuestros controles en el archive HolaMundoWebpart.manifest.json
- 26. Tipos de propiedades en el panel de configuración
- 28. Empaquetamiento
- 29. Crear cuenta de almacenamiento en Azure
- 30. Obtener clave de acceso y copiarla
- 31. Crear Azure CDN endpoint
- 32. Configurar despliegue a Azure CDN
- 33. Configurar despliegue a Azure CDN
- 34. Configurar despliegue a Azure CDN
- 35. Configurar despliegue a Azure CDN
- 43. Node.js and npm - www.nodejs.org Gulp – www.gulpjs.com TypeScript - https://www.typescriptlang.org Yeoman - www.yeoman.io Git - www.git-scm.com/ Office UI Fabric - dev.office.com/fabric Webpack - webpack.github.io React - facebook.github.io/react Angular - angularjs.org Knockout - knockoutjs.com Handlebars - handlebarsjs.com Recursos
Hinweis der Redaktion
- En los últimos años, la evolución de Office 365, el desarrollo de soluciones de SharePoint ha detectado un nuevo conjunto de desafíos: mientras por un lado TI y administradores de arrendatario requiere un nuevo conjunto de herramientas para controlar cómo obtener acceso y se consumen en contratos de arrendamiento de datos , los desarrolladores, por el contrario, quieren controlar de forma automática todo el ciclo de vida de las capacidades, experiencia y acceso a los datos de un sitio. Desafortunadamente, los desarrolladores hoy en día se encuentran restricción torno a la construcción de aplicaciones partes como resultado de iFrames, un conjunto reducido de APIs, y no hay integración con Office 365 cruz cargas de trabajo. Esto a su vez limita su capacidad para desarrollar portales de gran alcance que se extienden de SharePoint. El marco de desarrollo en el cliente entregará capacidades que ayudarán a los desarrolladores de los dos primeros partidos y de terceros crear aplicaciones potentes, ricos y proporcionar una experiencia web agradable en Office 365 para usuarios finales que son a la vez intuitiva y fácil de consumir.
- SharePoint will also support open source tooling to drive greater efficiencies when developing Parts and Apps. These tools should not be considered a replacement of an organizations traditional tools, but rather an extension of those, providing new opportunities to quickly get up and running with SharePoint development. If you’re familiar with Visual Studio development with SharePoint, this tools carry a lot of similarities with the tools you may already be familiar with for example: Yeoman provides a generator ecosystem. A generator is basically a plugin that can be run with the `yo` command to scaffold complete projects or useful parts. yo scaffolds out a new application, writing your build configuration (e.g Gruntfile, Gulpfile) and pulling in relevant build tasks and package manager dependencies (Bower, npm) that you might need for your build. This is similar to Project Scaffolding in Visual Studio. Gulp Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow. Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms. Strong Ecosystem - Use npm modules to do anything you want + over 2000 curated plugins for streaming file transformations Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. event driven JavaScript runtime, Node is designed to build scalable network applications similar to VS SharePoint development: Gulp = MSBuild, NodeJS = IIS (Express), YeoMan = project scafolding in VS, TypeScript= typed superset of JavaScript