{"id":2458,"date":"2016-09-13T16:00:46","date_gmt":"2016-09-13T14:00:46","guid":{"rendered":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/?p=2458"},"modified":"2018-07-18T10:45:45","modified_gmt":"2018-07-18T08:45:45","slug":"sharepoint-framework-utilizar-angular-2","status":"publish","type":"post","link":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/","title":{"rendered":"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts"},"content":{"rendered":"

\"\"<\/p>\n

Tal y como avanzamos en el art\u00edculo anterior,\u00a0<\/a>el nombre de la nueva herramienta de desarrollo sobre SharePoint induce a confusi\u00f3n. En este post vamos a ver c\u00f3mo utilizar el\u00a0fram<\/strong>ework JavaScript Angular 2 <\/strong>en\u00a0de los \u00abnuevos\u00bb WebParts\u00a0. Para ello tendremos que aclarar algunos aspectos de configuraci\u00f3n de la soluci\u00f3n, que nos servir\u00e1n\u00a0 para asentar los conocimientos de los art\u00edculos anteriores.<\/p>\n

<\/p>\n

 <\/p>\n

\"Angular2<\/p>\n

En primer lugar crearemos la estructura del proyecto haciendo uso del template de Yeoman<\/strong> para la generaci\u00f3n de la soluci\u00f3n. Dentro de las plantillas que tenemos disponibles, seleccionaremos la opci\u00f3n \u00absin ning\u00fan framework\u00bb. Tal y como se muestra la siguiente pantalla:<\/p>\n

\"yeoman\"<\/p>\n

Abriremos la soluci\u00f3n utilizando Visual Studio Cod<\/a>e, abriremos el fichero package.json y a\u00f1adiremos las dependencias que son necesarias para el correcto funcionamiento de Angular. El fichero package.json quedar\u00e1 as\u00ed:<\/p>\n

\r\n{\r\n  "name": "demo-blog-angular-2",\r\n  "version": "0.0.1",\r\n  "private": true,\r\n  "engines": {\r\n    "node": ">=0.10.0"\r\n  },\r\n  "dependencies": {\r\n    "@microsoft\/sp-client-base": "~0.2.0",\r\n    "@microsoft\/sp-client-preview": "~0.2.0",\r\n    "@angular\/common": "2.0.0-rc.6",\r\n    "@angular\/compiler": "2.0.0-rc.6",\r\n    "@angular\/compiler-cli": "0.6.0",\r\n    "@angular\/core": "2.0.0-rc.6",\r\n    "@angular\/forms": "2.0.0-rc.6",\r\n    "@angular\/http": "2.0.0-rc.6",\r\n    "@angular\/platform-browser": "2.0.0-rc.6",\r\n    "@angular\/platform-browser-dynamic": "2.0.0-rc.6",\r\n    "@angular\/router": "3.0.0-rc.2",\r\n    "@angular\/upgrade": "2.0.0-rc.6",\r\n    "core-js": "^2.4.1",\r\n    "reflect-metadata": "^0.1.3",\r\n    "rxjs": "5.0.0-beta.11",\r\n    "systemjs": "0.19.27",\r\n    "zone.js": "^0.6.17",\r\n    "angular2-in-memory-web-api": "0.0.18",\r\n    "bootstrap": "^3.3.6"\r\n  },\r\n  "devDependencies": {\r\n    "@microsoft\/sp-build-web": "~0.5.0",\r\n    "@microsoft\/sp-module-interfaces": "~0.2.0",\r\n    "@microsoft\/sp-webpart-workbench": "~0.2.0",\r\n    "gulp": "~3.9.1" ,    \r\n    "concurrently": "^2.2.0",\r\n    "lite-server": "^2.2.2",\r\n    "typescript": "^1.8.10",\r\n    "typings":"^1.3.2"\r\n  },\r\n  "scripts": {\r\n    "build": "gulp bundle",\r\n    "clean": "gulp nuke",\r\n    "test": "gulp test"\r\n  }\r\n}\r\n<\/pre>\n
Una vez modificamos este fichero \u00abjson\u00bb, lo que vamos a hacer es que nuestra soluci\u00f3n instale los paquetes de Angular 2 necesarios para su correcto funcionamiento.Para ello, nos ubicamos en la carpeta del proyecto y ejecutamos la siguiente instrucci\u00f3n:<\/p>\n
\r\nnpm install \r\n<\/pre>\n
Una de las cosas que tiene Angular 2 es el uso de los Decoradores de TypeScript<\/strong>, de momento estos \u00abdecodaradores\u00bb son algo experimental en Typescript. Por este motivo, en el momento de que vayamos a crear un Componente, nuestra soluci\u00f3n no compilar\u00e1 hasta que no modifiquemos la configuraci\u00f3n de TypeScript. Nos iremos al fichero tsconfig.json y le indicaremos que nuestro desarrollo acepta el uso de decoradores, a\u00f1adiendo la siguiente l\u00ednea:<\/p>\n
\r\n    "experimentalDecorators": true\r\n<\/pre>\n
Antes de empezar con el desarrollo, para poder utilizar los Frameworks necesitamos indicarle al SharePoint Framework la ubicaci\u00f3n de las librer\u00edas de Angular2. Esta configuraci\u00f3n est\u00e1 dentro de la carpeta \u00abConfig\u00bb en el fichero \u00abconfig.json\u00bb. Dentro del objeto \u00abExternals\u00bb agregaremos las siguientes referencias:<\/p>\n
\r\n   "BrowserModule" : "node_modules\/@angular\/platform-browser\/src\/platform-browser.js",\r\n    "NgModule" : "node_modules\/@angular\/core\/src\/core.js",\r\n    "CommonModule" : "node_modules\/@angular\/common\/src\/commonmodule.js",\r\n    "FormsModule" :  "node_modules\/@angular\/forms\/src\/formsmodule.js",\r\n    "HttpModule":  "node_modules\/@angular\/http\/src\/httpmodule.js"\r\n<\/pre>\n
Creando el Componente de Angular 2<\/strong><\/h2>\n
Crearemos una carpeta \u00abApp\u00bb dentro de la ruta donde est\u00e1 el Webpart, en nuestro caso: \u00absr\/webpart\/helloAngular\u00bb. Esta carpeta contendr\u00e1 los siguientes ficheros: app.component.ts y app.module.ts.<\/p>\n
El fichero app.component.ts tiene el siguiente c\u00f3digo:<\/p>\n
\r\nimport { Component } from "@angular\/core";\r\n@Component({\r\n  selector: "my-app",\r\n  template: "\r\n<h1>My First Angular 2 App<\/h1>\r\n\r\n"\r\n})\r\nexport class AppComponent { }\r\n<\/pre>\n
En el fichero \u00abapp.module.ts\u00bb a\u00f1adiremos el siguiente c\u00f3digo:<\/p>\n
\r\nimport { NgModule }      from '@angular\/core';\r\nimport { BrowserModule } from '@angular\/platform-browser';\r\nimport { AppComponent }   from '.\/app.component';\r\n\r\n@NgModule({\r\n  imports:      [ BrowserModule ],\r\n  declarations: [ AppComponent ],\r\n  bootstrap:    [ AppComponent ]\r\n})\r\nexport class AppModule { }\r\n<\/pre>\n
El siguiente paso, es incluir la App dentro del WebPart. Para ello, nos vamos a la clase HelloAngularWebPart.ts y agregamos las siguientes referencias:<\/p>\n
\r\nimport { platformBrowserDynamic } from '@angular\/platform-browser-dynamic';\r\nimport { AppModule } from '.\/app\/app.module';\r\n<\/pre>\n
En el constructor del WebPart cargaremos el m\u00f3dulo de carga de la plataforma, quedando de la siguiente forma:<\/p>\n
\r\n public constructor(context: IWebPartContext) {\r\n    const platform = platformBrowserDynamic();\r\n    platform.bootstrapModule(AppModule);\r\n    super(context);\r\n  }\r\n<\/pre>\n
En el m\u00e9todo \u00abRender\u00bb,\u00a0 hacemos la llamada al componente de nuestra aplicaci\u00f3n, quedando as\u00ed:<\/p>\n
\r\npublic render(): void {\r\n    this.domElement.innerHTML = `\r\n      <my-app>Loading...<\/my-app>`;\r\n\r\n  }\r\n<\/pre>\n
Si ejecutamos el comando gulp serve y agregamos el Webpart se mostrar\u00e1 el siguiente error:
\n\"error<\/p>\n
Este error se ha producido porque dentro del WebPart nos falta incluir una serie de librer\u00edas de Angular2. Son las siguientes:<\/p>\n
\r\nimport "reflect-metadata";\r\nimport "core-js\/es6\/symbol";\r\nimport "core-js\/es6\/object";\r\nimport "core-js\/es6\/function";\r\nimport "core-js\/es6\/parse-int";\r\nimport "core-js\/es6\/parse-float";\r\nimport "core-js\/es6\/number";\r\nimport "core-js\/es6\/math";\r\nimport "core-js\/es6\/string";\r\nimport "core-js\/es6\/date";\r\nimport "core-js\/es6\/array";\r\nimport "core-js\/es6\/regexp";\r\nimport "core-js\/es6\/map";\r\nimport "core-js\/es6\/set";\r\nimport "core-js\/es6\/reflect";\r\n\r\nimport "core-js\/es7\/reflect";\r\nimport "zone.js\/dist\/zone";\r\n<\/pre>\n
Realizamos dicha modificaci\u00f3n en nuestro c\u00f3digo, ejecutamos otra vez el comando gulp serve, y ya tenemos nuestra aplicaci\u00f3n funcionando con Angular.
\n\"angular<\/p>\n
El c\u00f3digo fuente<\/strong> de este ejemplo lo pod\u00e9is encontrar en el siguiente repositorio de GitHub.
\n\"github\"<\/a><\/p>\n<\/span>","protected":false},"excerpt":{"rendered":"
Tal y como avanzamos en el art\u00edculo anterior,\u00a0el nombre de la nueva herramienta de desarrollo sobre SharePoint induce a confusi\u00f3n. En este post vamos a ver c\u00f3mo utilizar el\u00a0framework JavaScript Angular 2 en\u00a0de los \u00abnuevos\u00bb WebParts\u00a0. Para ello tendremos que … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[100,113,11,142],"tags":[169,179,177,178],"class_list":["post-2458","post","type-post","status-publish","format-standard","hentry","category-javascript-2","category-office-365-2","category-sharepoint-2013","category-sharepoint-2016","tag-angular-2","tag-future-of-sharepoint","tag-sharepoint-framework","tag-spfx"],"yoast_head":"\nSharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint\" \/>\n<meta name=\"twitter:description\" content=\"Tal y como avanzamos en el art\u00edculo anterior,\u00a0el nombre de la nueva herramienta de desarrollo sobre SharePoint induce a confusi\u00f3n. En este post vamos a ver c\u00f3mo utilizar el\u00a0framework JavaScript Angular 2 en\u00a0de los \u00abnuevos\u00bb WebParts\u00a0. Para ello tendremos que … Continue reading →\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Adri\u00e1n D\u00edaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/\"},\"author\":{\"name\":\"Adri\u00e1n D\u00edaz\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#\\\/schema\\\/person\\\/c9bfaede1bfba9564bb7f500788782bb\"},\"headline\":\"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts\",\"datePublished\":\"2016-09-13T14:00:46+00:00\",\"dateModified\":\"2018-07-18T08:45:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/\"},\"wordCount\":1029,\"commentCount\":4,\"image\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2016\\\/09\\\/Angular-2.jpg\",\"keywords\":[\"angular 2\",\"future of sharepoint\",\"sharepoint framework\",\"spfx\"],\"articleSection\":[\"javascript\",\"Office 365\",\"sharepoint 2013\",\"sharepoint 2016\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/\",\"url\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/\",\"name\":\"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2016\\\/09\\\/Angular-2.jpg\",\"datePublished\":\"2016-09-13T14:00:46+00:00\",\"dateModified\":\"2018-07-18T08:45:45+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#\\\/schema\\\/person\\\/c9bfaede1bfba9564bb7f500788782bb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-framework-utilizar-angular-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2016\\\/09\\\/Angular-2.jpg\",\"contentUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2016\\\/09\\\/Angular-2.jpg\",\"width\":1140,\"height\":1066},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#website\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/\",\"name\":\"Desarrollando sobre SharePoint\",\"description\":\"Arquitectura, buenas pr\u00e1cticas y desarrollo sobre la nueva herramienta de Microsoft SharePoint 2016\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#\\\/schema\\\/person\\\/c9bfaede1bfba9564bb7f500788782bb\",\"name\":\"Adri\u00e1n D\u00edaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g\",\"caption\":\"Adri\u00e1n D\u00edaz\"},\"description\":\"Adri\u00e1n D\u00edaz es Ingeniero Inform\u00e1tico por la Universidad Polit\u00e9cnica de Valencia. Es MVP de Microsoft en la categor\u00eda Office Development desde 2014, MCPD de SharePoint 2010, Microsoft Active Profesional y Microsoft Comunity Contribuitor 2012. Cofundador del grupo de usuarios de SharePoint de Levante LevaPoint. Lleva desarrollando con tecnolog\u00edas Microsoft m\u00e1s de 10 a\u00f1os y desde hace 3 a\u00f1os est\u00e1 centrado en el desarrollo sobre SharePoint. Actualmente es Software & Cloud Architect Lead en ENCAMINA.\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/author\\\/desarrollandosobresharepoint\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/","twitter_card":"summary_large_image","twitter_title":"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint","twitter_description":"Tal y como avanzamos en el art\u00edculo anterior,\u00a0el nombre de la nueva herramienta de desarrollo sobre SharePoint induce a confusi\u00f3n. En este post vamos a ver c\u00f3mo utilizar el\u00a0framework JavaScript Angular 2 en\u00a0de los \u00abnuevos\u00bb WebParts\u00a0. Para ello tendremos que … Continue reading →","twitter_image":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg","twitter_misc":{"Escrito por":"Adri\u00e1n D\u00edaz","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#article","isPartOf":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/"},"author":{"name":"Adri\u00e1n D\u00edaz","@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#\/schema\/person\/c9bfaede1bfba9564bb7f500788782bb"},"headline":"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts","datePublished":"2016-09-13T14:00:46+00:00","dateModified":"2018-07-18T08:45:45+00:00","mainEntityOfPage":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/"},"wordCount":1029,"commentCount":4,"image":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#primaryimage"},"thumbnailUrl":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg","keywords":["angular 2","future of sharepoint","sharepoint framework","spfx"],"articleSection":["javascript","Office 365","sharepoint 2013","sharepoint 2016"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/","url":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/","name":"SharePoint FrameWork: C\u00f3mo utilizar Angular 2 en los WebParts - Desarrollando sobre SharePoint","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#website"},"primaryImageOfPage":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#primaryimage"},"image":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#primaryimage"},"thumbnailUrl":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg","datePublished":"2016-09-13T14:00:46+00:00","dateModified":"2018-07-18T08:45:45+00:00","author":{"@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#\/schema\/person\/c9bfaede1bfba9564bb7f500788782bb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-framework-utilizar-angular-2\/#primaryimage","url":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg","contentUrl":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2016\/09\/Angular-2.jpg","width":1140,"height":1066},{"@type":"WebSite","@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#website","url":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/","name":"Desarrollando sobre SharePoint","description":"Arquitectura, buenas pr\u00e1cticas y desarrollo sobre la nueva herramienta de Microsoft SharePoint 2016","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#\/schema\/person\/c9bfaede1bfba9564bb7f500788782bb","name":"Adri\u00e1n D\u00edaz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/fe10b9eaf8ce4565ec75fba5a0d121c16186696e515cad2bedd42f6cf54e2007?s=96&d=mm&r=g","caption":"Adri\u00e1n D\u00edaz"},"description":"Adri\u00e1n D\u00edaz es Ingeniero Inform\u00e1tico por la Universidad Polit\u00e9cnica de Valencia. Es MVP de Microsoft en la categor\u00eda Office Development desde 2014, MCPD de SharePoint 2010, Microsoft Active Profesional y Microsoft Comunity Contribuitor 2012. Cofundador del grupo de usuarios de SharePoint de Levante LevaPoint. Lleva desarrollando con tecnolog\u00edas Microsoft m\u00e1s de 10 a\u00f1os y desde hace 3 a\u00f1os est\u00e1 centrado en el desarrollo sobre SharePoint. Actualmente es Software & Cloud Architect Lead en ENCAMINA.","url":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/author\/desarrollandosobresharepoint\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/posts\/2458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/comments?post=2458"}],"version-history":[{"count":0,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/posts\/2458\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/media?parent=2458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/categories?post=2458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/tags?post=2458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}