{"id":1118,"date":"2014-01-07T12:00:01","date_gmt":"2014-01-07T11:00:01","guid":{"rendered":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/?p=1118"},"modified":"2014-01-07T12:08:42","modified_gmt":"2014-01-07T11:08:42","slug":"sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte","status":"publish","type":"post","link":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/","title":{"rendered":"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I"},"content":{"rendered":"

Siguiendo con la serie de post en las que introduc\u00edamos diversos frameworks JavaScript en nuestros desarrollos de SharePoint (Kendo UI<\/a>, Ext JS<\/a> o Mustache<\/a>) en este post voy a dar una introducci\u00f3n a Angular, quizas el framework que m\u00e1s est\u00e1 dando que hablar \u00faltimamente por aportar unas particularidades que le hacen realmente potente y \u00abespecial\u00bb.<\/p>\n

\u00bfQue es AngularJS?<\/strong><\/p>\n

AngularJS es un framework JavaScript desarrollado por Google que se utiliza para desarrollar aplicaciones en el lado Cliente. Utiliza un patr\u00f3n MVC un tanto particular donde el Modelo son los datos almacenados en las propiedades de los objetos, la Vista es el propio DOM y el controlador son las clases JavaScript.<\/p>\n

<\/p>\n

Otra de las caracteristicas que le hacen m\u00e1s particular es que extiende el comportamiento del HTML con la finalidad de hacer m\u00e1s r\u00e1pida la aplicaci\u00f3n (dado que el acceso al DOM es uno de los puntos d\u00e9biles en los frameworks JavaScript). Esto tiene como objetivo poder servir las vistas din\u00e1micas eficientemente (esta caracteristica hace que AngularJS sea un framework muy interesante para el desarrollo de Apps m\u00f3viles).<\/p>\n

La forma en la que esta implementado permite que en AngularJS sea posible hacer pruebas unitarias.<\/p>\n

Manos a la obra<\/strong><\/p>\n

Vamos a empezar con un ejemplo muy simple para ver la potencia de Angular, en este ejemplo vamos a mostrar los objetivos que nos hemos marcado para este 2014.
\nPara comenzar vamos a crearnos un proyecto de Visual Studio de tipo SharePoint App.
\n\"AppAngular2\"<\/a><\/p>\n

En la pagina default.aspx lo primero de todo es a\u00f1adir la referencia Angular en nuestro proyecto, para ello, vamos a la siguiente direcci\u00f3n y nos descargamos la librer\u00eda en el siguiente link<\/a>. Una vez descargada, la a\u00f1adimos en nuestro desarrollo de la siguiente forma:<\/p>\n

\r\n<script type="text\/javascript" src="..\/Scripts\/angular.min.js"><\/script>\r\n<\/pre>\n
Introduciremos el siguiente c\u00f3digo en el HTML:<\/p>\n
<\/pre>\r\n<div>\r\n<h2>Propositos 2014<\/h2>\r\n<div><span>{{remaining()}} of {{todos.length}} remaining<\/span>\r\n<ul class="unstyled">\r\n\t<li><input type="checkbox" \/>\r\n <span class="done-{{todo.done}}">{{todo.text}}<\/span><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n<pre><\/pre>\n
Como hemos comentado anteriormente, tiene una serie de particularidades y extiende el HTML con aspectos que parecen de programaci\u00f3n:
\nng-app:<\/strong> indica que en ese div se ejecuta la aplicaci\u00f3n de Angular
\nng-controller:<\/strong> indica el controlador que se le va a aplicar
\nng-model:<\/strong> indica el modelo que se va a utilizar
\nOtras particularidades son que para referenciar a cualquier metodo, variable, propiedad se utilizan los {{ }} (os recuerda a algo? Algo muy similar a lo que vimos con Mustache)<\/p>\n
El siguiente paso que tenemos que hacer es implementar la clase de JavaScript que se corresponde con este modelo, para ello, utilizaremos el siguiente codigo:<\/p>\n
\r\nvar myApp = angular.module('myApp', []);\r\n\r\nfunction TodoCtrl($scope) {\r\n    $scope.todos = [\r\n      { text: 'Implantar tecnicas ALM', done: false },\r\n      { text: 'Introducir mejoras en los desarrollos', done: false },\r\n      { text: 'Mejorar el conocimiento de JavaScript', done: false },\r\n      { text: 'Introducir mejoras en la parte UX-Developer', done: false },\r\n      { text: 'ir al MVP-Summit', done: false }\r\n    ];\r\n\r\n         $scope.remaining = function() {\r\n            var count = 0;\r\n            angular.forEach($scope.todos, function(todo) {\r\n                count += todo.done ? 0 : 1;\r\n            });\r\n            return count;\r\n        };\r\n    }\r\n<\/pre>\n
Este c\u00f3digo no tiene mucho misterio, por un lado, tenemos puestas unas variables donde est\u00e1n los datos a mostrar (ahora veremos c\u00f3mo consumir estos datos de una lista de SharePoint), y nos definimos una funci\u00f3n para indicar el n\u00famero de prop\u00f3sitos que hemos cumplido o no.<\/p>\n
Comunicarnos con SharePoint<\/strong>
\nEn primer lugar, creamos una definici\u00f3n de la Lista, para ello utilizamos el asistente de Visual Studio. Dentro de la lista le a\u00f1adiremos unos datos por defecto. Para a\u00f1adir los datos basta con editar el archivo \u00abelements.xml\u00bb que se encuentra ubicado dentro de la Instancia de la lista y a\u00f1adir los datos.<\/p>\n
Una vez tenemos los lista definida, ahora tenemos que realizar las modificaciones dentro de la clase para que se obtengan los datos de la lista de SharePoint. En primer lugar nos crearemos un \u00abservice\u00bb de AngularJS donde realizaremos la llamada a SharePoint haciendo uso del Modelo de Objetos de Cliente de la siguiente forma:<\/p>\n
\r\nmyApp.service('$SharePointJSOMService', function ($q, $http) {\r\n    \/\/ Read from SharePoint List for Tasks\r\n    this.getTasks = function ($scope, listTitle) {\r\n        var deferred = $q.defer();\r\n        var web = context.get_web();\r\n        context.load(web);\r\n\r\n        var list = web.get_lists().getByTitle(listTitle);\r\n        var camlQuery = SP.CamlQuery.createAllItemsQuery();\r\n        this.listItems = list.getItems(camlQuery);\r\n        context.load(this.listItems);\r\n\r\n        context.executeQueryAsync(\r\n                                     Function.createDelegate(this, function () {\r\n                                         var ListEnumerator = this.listItems.getEnumerator();\r\n                                         while (ListEnumerator.moveNext()) {\r\n                                             var currentItem = ListEnumerator.get_current();\r\n                                             console.info(currentItem.get_item('Title') + currentItem.get_item('ID'));\r\n\r\n                                             $scope.todos.push({\r\n                                                 text: currentItem.get_item('Title'),\r\n                                                 done: false,\r\n                                                 id: currentItem.get_item('ID')\r\n                                             });\r\n                                             \/\/$scope is not updating so force with this command\r\n                                             $scope.$apply();\r\n\r\n                                         }\r\n                                     }),\r\n                                    Function.createDelegate(this, function (sender, args) {\r\n                                         deferred.reject('Request failed. ' + args.get_message() + '\\n' + args.get_stackTrace());\r\n                                     })\r\n\r\n         );\r\n        return deferred.promise;\r\n    };\r\n});\r\n<\/pre>\n
Definido el servicio, lo que tenemos que realizar ahora, es modificar el controlador para que haga uso de este servicio y podamos obtener los datos de la lista de SharePoint.<\/p>\n
\r\nfunction TodoCtrl($scope, $SharePointJSOMService) {\r\n    $scope.todos = [  ];\r\n    var promise = $SharePointJSOMService.getTasks($scope, 'Propositos');\r\n    promise.then(\r\n        function (message) {\r\n            alert(message);\r\n        },\r\n        function (reason) {\r\n            alert(reason);\r\n        }\r\n    );\r\n        $scope.remaining = function() {\r\n            var count = 0;\r\n            angular.forEach($scope.todos, function(todo) {\r\n                count += todo.done ? 0 : 1;\r\n            });\r\n            return count;\r\n        };\r\n}\r\n<\/pre>\n
Por \u00faltimo, ejecutamos la APP y visualizaremos el siguiente resultado:<\/p>\n
\"AppAngular\"<\/a><\/p>\n
Conclusi\u00f3n<\/h2>\n
Hemos visto la facilidad y la claridad que tiene AngularJS para integrarlo en nuestros desarrollos. Una de sus principales ventajas es que se crea un proyecto muy bien estructurado, escalable y reutilizable. AngularJS es muy completo ya que por una parte, tiene funcionalidad de DataBinding, Routing y lo podemos utilizar para mostrar Templates.<\/p>\n
Angular tiene muchos conceptos que aplicar (filter, directives, ..) este post solamente es una pincelada de todo lo que podemos hacer utilizando este framework. En el siguiente post completaremos este proyecto a\u00f1adiendo funcionalidades como A\u00f1adir, Eliminar elemento y Paginar los mismos. Tambi\u00e9n como poder utilizar la API Rest en lugar de CSOM.<\/p>\n
Este ejemplo lo pode\u00eds descargar desde el siguiente enlace<\/a>.<\/p>\n
Referencias<\/strong>
\nhttp:\/\/angularjs.org\/<\/a>
\n\u00bfQu\u00e9 es AngularJS?<\/a>
\nAngularJS by Brad Green and Shyam Seshadr<\/a><\/p>\n<\/span>","protected":false},"excerpt":{"rendered":"
Siguiendo con la serie de post en las que introduc\u00edamos diversos frameworks JavaScript en nuestros desarrollos de SharePoint (Kendo UI, Ext JS o Mustache) en este post voy a dar una introducci\u00f3n a Angular, quizas el framework que m\u00e1s est\u00e1 … 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":[34,11],"tags":[35,19,26],"class_list":["post-1118","post","type-post","status-publish","format-standard","hentry","category-app","category-sharepoint-2013","tag-apps","tag-javascript","tag-sharepoint"],"yoast_head":"\n[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint<\/title>\n<meta name=\"description\" content=\"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.\" \/>\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-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint\" \/>\n<meta name=\"twitter:description\" content=\"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png\" \/>\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-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/\"},\"author\":{\"name\":\"Adri\u00e1n D\u00edaz\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#\\\/schema\\\/person\\\/c9bfaede1bfba9564bb7f500788782bb\"},\"headline\":\"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I\",\"datePublished\":\"2014-01-07T11:00:01+00:00\",\"dateModified\":\"2014-01-07T11:08:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/\"},\"wordCount\":1100,\"commentCount\":1,\"image\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2014\\\/01\\\/AppAngular2.png\",\"keywords\":[\"apps\",\"JavaScript\",\"sharepoint\"],\"articleSection\":[\"APP\",\"sharepoint 2013\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/\",\"url\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/\",\"name\":\"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2014\\\/01\\\/AppAngular2.png\",\"datePublished\":\"2014-01-07T11:00:01+00:00\",\"dateModified\":\"2014-01-07T11:08:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/#\\\/schema\\\/person\\\/c9bfaede1bfba9564bb7f500788782bb\"},\"description\":\"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"http:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2014\\\/01\\\/AppAngular2.png\",\"contentUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/desarrollandosobresharepoint\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2014\\\/01\\\/AppAngular2.png\",\"width\":778,\"height\":507},{\"@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 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint","description":"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.","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-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/","twitter_card":"summary_large_image","twitter_title":"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint","twitter_description":"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.","twitter_image":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png","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-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#article","isPartOf":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/"},"author":{"name":"Adri\u00e1n D\u00edaz","@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#\/schema\/person\/c9bfaede1bfba9564bb7f500788782bb"},"headline":"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I","datePublished":"2014-01-07T11:00:01+00:00","dateModified":"2014-01-07T11:08:42+00:00","mainEntityOfPage":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/"},"wordCount":1100,"commentCount":1,"image":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#primaryimage"},"thumbnailUrl":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png","keywords":["apps","JavaScript","sharepoint"],"articleSection":["APP","sharepoint 2013"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/","url":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/","name":"[SharePoint 2013] Introducci\u00f3n a AngularJS en desarrollo de Apps Parte I - Desarrollando sobre SharePoint","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#website"},"primaryImageOfPage":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#primaryimage"},"image":{"@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#primaryimage"},"thumbnailUrl":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png","datePublished":"2014-01-07T11:00:01+00:00","dateModified":"2014-01-07T11:08:42+00:00","author":{"@id":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/#\/schema\/person\/c9bfaede1bfba9564bb7f500788782bb"},"description":"En este post vamos a introducir el framework AngularJS dentro de nuestros desarrollos en SharePoint, ver las ventajas que podemos obtener y como aplicarlas.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"http:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/sharepoint-2013-introduccion-angularjs-en-desarrollo-de-apps-parte\/#primaryimage","url":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png","contentUrl":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-content\/uploads\/sites\/8\/2014\/01\/AppAngular2.png","width":778,"height":507},{"@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\/1118","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=1118"}],"version-history":[{"count":0,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/posts\/1118\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/media?parent=1118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/categories?post=1118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.encamina.com\/desarrollandosobresharepoint\/wp-json\/wp\/v2\/tags?post=1118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}