Este documento proporciona recursos y herramientas para el desarrollo de aplicaciones en SharePoint y Office 365. Incluye enlaces a sitios sobre Node.js, Yeoman, Gulp, TypeScript, frameworks como React y Angular, y documentación sobre el desarrollo con SharePoint Framework y Microsoft Graph. También incluye instrucciones para configurar un entorno de desarrollo para SharePoint.
dg0952 03o. Descripción inicial para examen de Diseño de páginas web. Ecc Diseño de páginas web. Estructura de páginas. Escuela de la Camara de Comercio. Material de soporte para docencia. Licenciatura en diseño gráfico
En esta sesión se platica sobre la evolución de la extensibilidad en SharePoint, se introduce los tipos de AddIns y Apps que se pueden construir y Office 365 Developer Pattern & Practices
Este trabajo contiene:
*El concepto de frontpage
*Historia de frontpage
*Importancia de frontpage
*Caracteristicas de frontpage
* Funciones de frontpage
*Partes de frontpage
* Ventajas y desventajas de frontpage
* Como instalarlo
* Lenguaje y codigos
dg0952 03o. Descripción inicial para examen de Diseño de páginas web. Ecc Diseño de páginas web. Estructura de páginas. Escuela de la Camara de Comercio. Material de soporte para docencia. Licenciatura en diseño gráfico
En esta sesión se platica sobre la evolución de la extensibilidad en SharePoint, se introduce los tipos de AddIns y Apps que se pueden construir y Office 365 Developer Pattern & Practices
Este trabajo contiene:
*El concepto de frontpage
*Historia de frontpage
*Importancia de frontpage
*Caracteristicas de frontpage
* Funciones de frontpage
*Partes de frontpage
* Ventajas y desventajas de frontpage
* Como instalarlo
* Lenguaje y codigos
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
Curso de introducción a SharePoint 2013 provisto por Vladimir Medina (@vladpoint) a través de LatamTechnologies(@latamtechno) para Latinoamérica de forma gratuita.
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4Rodolfo Finochietti
La nueva versión de Visual Studio incorpora funcionalidades, algunas de las cuales veremos en esta sesión, haciendo hincapié en el desarrollo Web. También veremos las nuevas características de ASP.NET MVC 4 que ayudan a desarrollar sitios Web de alta performance.
Estudio sobre PHP uno de los lenguajes de programación del lado del servidor y de scripting más usado a nivel mundial. Comparativa con otros lenguajes y casos de éxito de su uso.
Know what there is to know about KWizCom Forms for SharePoint, including:
Enhancing your SharePoint list forms
Adding custom actions with specific forms + logic for your use cases
Going mobile with SharePoint
My Presentation on e learning at Dubai Land department and Dubai Institute of real estate. showcase importance of e learning and easy adaptability and advantages of e learning.
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
Curso de introducción a SharePoint 2013 provisto por Vladimir Medina (@vladpoint) a través de LatamTechnologies(@latamtechno) para Latinoamérica de forma gratuita.
Nuevas características para Desarrollo Web en Visual Studio 2012 y ASP.NET MVC 4Rodolfo Finochietti
La nueva versión de Visual Studio incorpora funcionalidades, algunas de las cuales veremos en esta sesión, haciendo hincapié en el desarrollo Web. También veremos las nuevas características de ASP.NET MVC 4 que ayudan a desarrollar sitios Web de alta performance.
Estudio sobre PHP uno de los lenguajes de programación del lado del servidor y de scripting más usado a nivel mundial. Comparativa con otros lenguajes y casos de éxito de su uso.
Know what there is to know about KWizCom Forms for SharePoint, including:
Enhancing your SharePoint list forms
Adding custom actions with specific forms + logic for your use cases
Going mobile with SharePoint
My Presentation on e learning at Dubai Land department and Dubai Institute of real estate. showcase importance of e learning and easy adaptability and advantages of e learning.
This slide deck provides you with a technical overview of the Nintex Product stack. To watch the live recording https://www.youtube.com/watch?v=dXyxTJTXQLQ
Describes the current pillars of the new SharePoint Framework currently in Developer Preview. Provides an overview of the technology and describes various portions of the stack as it stands currently.
Recently Microsoft released new framework for building SharePoint customizations. With the tips & tricks from this session you will make better use of the SharePoint Framework and build better solutions.
How to Prepare Your Toolbox for the Future of SharePoint DevelopmentProgress
SharePoint is changing: instead of learning the Microsoft version of a technology that’s rapidly becoming outdated, developers can now use the latest and greatest in jQuery and Angular (or Knockout.js, React.js, etc.) and create great SharePoint UI.
The future of SharePoint development and customization is the SharePoint Framework (SPFx), a client-side based framework that allows JavaScript customizations to work on top of SharePoint Online/Office 365. Let’s put to work a toolset of web technologies, including Angular, Webpack and Kendo UI controls, to build a simple yet useful application and get started with the web stack today.
Download this whitepaper to:
* Get excited about the new SharePoint Framework (SPFx) and related web stack technologies
* See a great set of tools in action
* Learn how to build a practical SharePoint business application using modern web technology
This whitepaper is by SharePoint Gurus, an award-winning consultancy based in Sydney, Australia, that specializes in improving productivity through configuring and developing Microsoft SharePoint technologies.
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....Software Guru
ASP.NET Core 1.0 (anteriormente ASP.NET 5 o vNext) incorpora nuevos cambios y mejoras para el desarrollo web y la posibilidad de desarrollar aplicaciones ASP.NET en Linux y OSX, así como la integración a las herramientas más comunes hoy en día para desarrollo web incluyendo NodeJS, Bower y Gulp.
Conoce Yeoman, el famoso generador de código multiplataforma y aprende a combinarla con Gulp y Bower para crear aplicaciones web con HTML, CSS y JavaScript de forma rápida y sencilla con ASP.NET y sin salir de tu editor de texto favorito.
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
Cross development - React para desarrolladores de asp.netAlberto Diaz Martin
En esta sesión os contaremos la visión de React para el desarrollo de aplicaciones web desde el punto de vista de un desarrollador de ASP.NET que tiene que aprender a trabajar con estas nuevas tecnologías.
3. Code samples
Guidance documentation
Monthly community calls
Case Studies
Themes
SharePoint Framework
SharePoint add-ins
Microsoft Graph
Office 365 development
“Sharing is caring”
http://aka.ms/OfficeDevPnP
16. Navegar a SharePoint Centro de administración escribiendo el siguiente URL en su navegador.
Sustituir yourtenantprefix con su prefijo de Office 365. https://yourtenantprefix-admin.sharepoint.com
En la barra lateral izquierda, haga clic en el elemento de menú de aplicaciones y haga clic en App Catalog.
Haga clic en el botón Aceptar para crear un nuevo sitio catálogo de aplicaciones.
En la página siguiente, introduzca los siguientes datos:
Título: Catalogo de aplicaciones
Sitio Web Dirección sufijo: Llene sufijo preferido para catálogo de aplicaciones, por ejemplo: aplicaciones
Administrador: Introduzca su nombre de usuario y haga clic en el botón de decisión para resolver el nombre de
usuario
Haga clic en el botón OK para crear el sitio catálogo de aplicaciones.
SharePoint en este momento va a crear el sitio catálogo de aplicaciones y usted será capaz de ver su progreso
en el centro de administración de SharePoint
17. Navegar a SharePoint Centro de administración escribiendo el siguiente URL en su navegador.
Sustituir yourtenantprefix con su prefijo de Office 365. https://yourtenantprefix-admin.sharepoint.com
En la barra de SharePoint, haga clic nuevo-> Colección de sitios privada.
En el cuadro de diálogo, introduzca lo siguiente:
Título: escriba un título para su colección de sitio de desarrolladores, por ejemplo: desarrollador del sitio
Sitio Web Dirección sufijo común: Introduzca un sufijo para la colección de sitios desarrollador, por ejemplo: dev
Selección de plantilla: Seleccione Sitio desarrollador como la plantilla colección de sitios
Administrador: Introduzca su nombre de usuario y haga clic en el botón de decisión para resolver el nombre de
usuario
Haga clic en el botón Aceptar para crear la colección de sitios
18. Con el fin de depurar y vista previa SPF Webparts que necesitamos para cargar la página workbench.aspx,
también tenemos que crear una nueva columna, las instrucciones son las siguientes:
Crear la nueva columna
Siga los pasos de abajo para agregar el nuevo campo a la biblioteca Documentos:
Haga clic en el icono de engranajes en la parte superior derecha y haga clic en Configuración del sitio para abrir
la página de configuración.
Haga clic en las bibliotecas y las listas del sitio en la categoría Administración de sitios.
Haga clic en Personalizar Documentos
Ahora, haga clic en Crear columna en Columnas:
Tipo ClientSideApplicationId como el nombre de la columna y dejar otros campos como son.
Haga clic en el botón Aceptar para crear la columna.
Luego sube el workbench.aspx, última versión se puede encontrar [aquí] (https://github.com/SharePoint/sp-
dev-docs/wiki/Setup-SharePoint-Tenant)
19.
20. a. Instalar nodejs LTS (Long Term Support) versión.
Descargar desde aqu
b. Instalar NPM
Abra un símbolo del sistema y pega:
npm -g install npm@next
c. Si está utilizando Windows instalar este paquete:
npm install --global --production windows-build-tools
d. Instalar VS CODE.
Descargar desde aquí
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
40. Las propiedades que tenemos en el webpart a medida que
las actualizamos se ven reflejadas en la funcionalidad del
webpart en tiempo real, esto se llama el Reactive Property
Pane, sin embargo en algunas ocasiones puede ser
necesario desactivar esto
Over the past several years, with the evolution of Office 365, development of SharePoint solutions has encountered a new set of challenges: while on one hand IT and Tenant administrators require a new set of tools to control how data get accessed and consumed in their tenancies, developers, on the other hand, want to programmatically control the whole lifecycle, experience, and data access capabilities of a Site.
Unfortunately, developers today find themselves constraint around building app parts as a result of iFrames, a reduced set of APIs, and no integration with cross Office 365 workloads. This in turn limits their ability to develop powerful portals that extend SharePoint.
The client-side development framework will deliver capabilities that will help both first party and third party developers build powerful, rich applications and provide an enjoyable web experience in Office 365 for end users that are both intuitive and simple to consume.
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 también apoyará herramientas de código abierto para impulsar una mayor eficiencia en el desarrollo Aplicaciones. Estas herramientas no deben considerarse como un sustituto en las organizaciones de las herramientas tradicionales, sino más bien una extensión de estas, proporcionando nuevas oportunidades para poner rápidamente en marcha el desarrollo de SharePoint. Si está familiarizado con el desarrollo de Visual Studio con SharePoint, estas herramientas tienen una gran cantidad de similitudes con las herramientas que ya esté familiarizado con, por ejemplo:Yeoman proporciona un ecosistema generador. Un generador es, básicamente, un plugin que se puede ejecutar con el comando `yo` y generar proyectos completos o partes útiles.yo andamios fuera una nueva aplicación, la escritura de su configuración de generación (por ejemplo Gruntfile, Gulpfile) y tirando en las tareas de construcción pertinentes y dependencias gestor de paquetes (Bower, NPM) que pueda necesitar para su construcción. Esto es similar al proyecto del andamio en Visual Studio.GulpAutomatización - trago es un conjunto de herramientas que le ayuda a automatizar las tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo.Independiente de la plataforma - Las integraciones se integren en todos los principales entornos de desarrollo y la gente está utilizando trago con PHP, .NET, Node.js, Java y otras plataformas.Ecosistemas del fuerte - Utilizar módulos de la NGP para hacer cualquier cosa que desee más de 2000 + plugins curada para la transmisión de archivos de transformacionesSimple - Al proporcionar solamente una superficie mínima de la API, trago es fácil de aprender y fácil de usarNode.js® es un tiempo de ejecución de JavaScript incorporado en el motor JavaScript V8 de Chrome. Node.js utiliza un bloqueo no modelo orientado a eventos, E / S que hace que sea ligero y eficiente. ecosistema paquete de Node.js ', la NGP, es el mayor ecosistema de librerías de código abierto en el mundo.por eventos de tiempo de ejecución de JavaScript, nodo está diseñado para construir aplicaciones de red escalables similares aVS desarrollo de SharePoint: Gulp = MSBuild, NodeJS = IIS (Express), Yeoman = scafolding proyecto en VS, mecanografiado = superconjunto escrito de JavaScript
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