{"id":702,"date":"2014-12-29T20:58:50","date_gmt":"2014-12-29T20:58:50","guid":{"rendered":"http:\/\/luisrodriguez.pe\/blog\/?p=702"},"modified":"2014-12-29T20:58:50","modified_gmt":"2014-12-29T20:58:50","slug":"comenzando-con-jade-template","status":"publish","type":"post","link":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/","title":{"rendered":"Comenzando con JADE TEMPLATE"},"content":{"rendered":"<p>Ya hace un tiempo realice un articulo de <a href=\"http:\/\/luisrodriguez.pe\/blog\/como-empezar-con-gruntjs\/\">grunt js<\/a>\u00a0 que servira de introduccion para continuar con este tema, Que es jade template? bueno el nombre ya te da una idea que es para template o en la practica maquetar de una forma facil (claro despues de aprender su sintaxis) y la curva de aprendisaej es muy peque\u00f1a que seguro en 1 dia de practica pa puedes aprenderlo ademas que tiene una sintaxis minimal que lo hace limpio y rodenado por que es algo importante el tabulo.<\/p>\n<p>Ya deja de perder el tiempo maquetando a la antigua ahora lo <strong>PRO<\/strong> es <strong>JADE<\/strong>\u00a0y bueno este articulo te ayudara mucho a poder desarrollar \u00a0con jade entonces debes tener<a href=\"http:\/\/luisrodriguez.pe\/blog\/como-empezar-con-gruntjs\/\"> instalado grunt js<\/a>\u00a0para proseguir he instalar jade que lo podras hacer con la siguiente linea.<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"js\" style=\"font-family:monospace;\">npm install grunt-contrib-jade --save-dev<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-medium wp-image-704\" title=\"install jade grunt \" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png\" alt=\"install jade grunt \" width=\"300\" height=\"237\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-600x474.png 600w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png 677w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>para confirmar que todo este instalado bien podemos fijarnos en nuestro archivo <strong>package.json<\/strong> y estara <strong>grunt-contrib-jade<\/strong><\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"javascript\" style=\"font-family:monospace;\"><span style=\"color: #009900;\">&#123;<\/span>\n<span style=\"color: #3366CC;\">&quot;name&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;prueba_jade&quot;<\/span><span style=\"color: #339933;\">,<\/span>\n<span style=\"color: #3366CC;\">&quot;version&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;0.1.0&quot;<\/span><span style=\"color: #339933;\">,<\/span>\n<span style=\"color: #3366CC;\">&quot;description&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;&quot;<\/span><span style=\"color: #339933;\">,<\/span>\n<span style=\"color: #3366CC;\">&quot;devDependencies&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #009900;\">&#123;<\/span>\n<span style=\"color: #3366CC;\">&quot;grunt&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;^0.4.5&quot;<\/span><span style=\"color: #339933;\">,<\/span>\n<span style=\"color: #3366CC;\">&quot;grunt-contrib-jade&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;^0.14.0&quot;<\/span>\n<span style=\"color: #009900;\">&#125;<\/span>\n<span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>Bueno ya con esto estamos listos para armar muestro html pero para poder todo claro esta es la estructura de mi proyecto y debes tenerlo algo similar excepto que yo puse una carpeta maquetado que sera donde estan los html.<\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/estructura_proyecto_jade_grunt.png\"><img decoding=\"async\" class=\"alignnone size-full wp-image-705\" title=\"estructura_proyecto_jade_grunt\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/estructura_proyecto_jade_grunt.png\" alt=\"estructura_proyecto_jade_grunt\" width=\"187\" height=\"197\" \/><\/a><\/p>\n<p>dentro de maquetado creamos un archivo llamado index.jade en blanco y realizaremos el tipico hola mundo.<br \/>\n<code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">&nbsp;\nhtml\r\n    head\r\n        body\r\n            p<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>y explico esta sintaxis simple que desde ya lo habras entendido que trata se hace gerarquia por ejemplo vemos p esta dentro de body y body esta dentro de head? bueno queria llegar a este error para que entiendan mejor entonces lo que deberia pasar aqui que head y body deben estar a la misma altura como el codigo siguiente:<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">&nbsp;\nhtml\r\n    head\r\n    body\r\n            p<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>entonces ahora si esta bien html contienen a head y body que tienen la misma gerarquia y p que esta dentro de body pero ahi no mostrara nada por que no escribimos algo de texto y para eso ahi 2 forma de hacerlo pero ay se dara cuenta en algunos casas que la no menos comoda es la que servira para otros casos.<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">html\r\n    head\r\n    body\r\n            p=&quot;hola mundo&quot;<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>ok esa es la forma simple la otra que en realidad no es compleja solo que una salto de linea mas.<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">html\r\n    head\r\n    body\r\n            p\r\n                |hola mundo<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>ahora si quisieramos agregar atributos a los elementos? es simple pero usualmente vamos usar clases y dar ID a los elementos y con esos 2 atributos es simplemente agregar un punto despues del elemto con el nombre de la clase o agregar un # en caso de ID<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">html\r\n    head\r\n    body\r\n            p.clase\r\n                |hola mundo\r\n            p#clase\r\n                |hola mundo<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>pero si fuera una etiqueta a?<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"html\" style=\"font-family:monospace;\">html\r\n    head\r\n    body\r\n            p\r\n                a(href=&quot;index.html&quot;)\r\n                    |hola mundo<\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>de esa manera podria agregar atributos pero bueno ahora debes crear un archivo para transformarlos a html. Debe estar a la misma altura de package.json y llamarse Gruntfile.js dentro ingresar este script.<\/p>\n<p><code><\/p>\n\n<div class=\"wp_syntax\"><table><tr><td class=\"code\"><pre class=\"javascript\" style=\"font-family:monospace;\"> module.<span style=\"color: #660066;\">exports<\/span> <span style=\"color: #339933;\">=<\/span> <span style=\"color: #000066; font-weight: bold;\">function<\/span> <span style=\"color: #009900;\">&#40;<\/span>grunt<span style=\"color: #009900;\">&#41;<\/span>\n<span style=\"color: #009900;\">&#123;<\/span>\n    grunt.<span style=\"color: #660066;\">initConfig<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #009900;\">&#123;<\/span>\n&nbsp;\n        jade<span style=\"color: #339933;\">:<\/span> <span style=\"color: #009900;\">&#123;<\/span> \n            FrontEnd<span style=\"color: #339933;\">:<\/span> <span style=\"color: #009900;\">&#123;<\/span>\n              options<span style=\"color: #339933;\">:<\/span> <span style=\"color: #009900;\">&#123;<\/span> \n                pretty<span style=\"color: #339933;\">:<\/span> <span style=\"color: #003366; font-weight: bold;\">true<\/span><span style=\"color: #339933;\">,<\/span>  <span style=\"color: #006600; font-style: italic;\">\/\/indicamos si comprime o no true no comprime false lo comprimir<\/span>\n              <span style=\"color: #009900;\">&#125;<\/span><span style=\"color: #339933;\">,<\/span>\n              files<span style=\"color: #339933;\">:<\/span> <span style=\"color: #009900;\">&#123;<\/span>\n                <span style=\"color: #3366CC;\">&quot;maquetado\/index.html&quot;<\/span><span style=\"color: #339933;\">:<\/span> <span style=\"color: #3366CC;\">&quot;maquetado\/index.jade&quot;<\/span>  <span style=\"color: #006600; font-style: italic;\">\/\/el nombre del archivo destino y luego el origen<\/span>\n&nbsp;\n              <span style=\"color: #009900;\">&#125;<\/span>\n            <span style=\"color: #009900;\">&#125;<\/span>\n        <span style=\"color: #009900;\">&#125;<\/span> \n    <span style=\"color: #009900;\">&#125;<\/span><span style=\"color: #009900;\">&#41;<\/span>  \n    grunt.<span style=\"color: #660066;\">loadNpmTasks<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">'grunt-contrib-jade'<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span> \n    <span style=\"color: #006600; font-style: italic;\">\/\/agregamos la tarea de ejecutara.<\/span>\n    grunt.<span style=\"color: #660066;\">registerTask<\/span><span style=\"color: #009900;\">&#40;<\/span><span style=\"color: #3366CC;\">'default'<\/span><span style=\"color: #339933;\">,<\/span> <span style=\"color: #009900;\">&#91;<\/span><span style=\"color: #3366CC;\">'jade'<\/span><span style=\"color: #009900;\">&#93;<\/span><span style=\"color: #009900;\">&#41;<\/span><span style=\"color: #339933;\">;<\/span> \n<span style=\"color: #009900;\">&#125;<\/span><\/pre><\/td><\/tr><\/table><\/div>\n\n<p><\/code><\/p>\n<p>ahora desde el DOS debes estar posicionado en la carpeta raiz del proyecto y ejecutar grunt y revisa tu carpeta y veras un index.html con la estructura.<\/p>\n<p><a href=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/run-grunt.png\"><img decoding=\"async\" src=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/run-grunt-300x141.png\" alt=\"\" title=\"run grunt\" width=\"300\" height=\"141\" class=\"alignnone size-medium wp-image-714\" srcset=\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/run-grunt-300x141.png 300w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/run-grunt-600x283.png 600w, https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/run-grunt.png 677w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>para hacer dinamico esta actualizacion del archivo jade para no estar ejecutando cada vez tenemos otro libreria que en un proximo articulo estare publicando.<\/p>\n","protected":false},"excerpt":{"rendered":"Ya hace un tiempo realice un articulo de grunt js\u00a0 que servira de introduccion para continuar con este tema, Que es jade template? bueno el nombre ya te da una idea que es para template o en la practica maquetar de una forma facil (claro despues de aprender su sintaxis) y la curva de aprendisaej[&#8230;]","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[64,66,65,67],"class_list":["post-702","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web","tag-desarrollo-web-2","tag-grunt-js","tag-jade","tag-jade-template"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comenzando con JADE TEMPLATE - Blog Luis Rodriguez<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comenzando con JADE TEMPLATE - Blog Luis Rodriguez\" \/>\n<meta property=\"og:description\" content=\"Ya hace un tiempo realice un articulo de grunt js\u00a0 que servira de introduccion para continuar con este tema, Que es jade template? bueno el nombre ya te da una idea que es para template o en la practica maquetar de una forma facil (claro despues de aprender su sintaxis) y la curva de aprendisaej[...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Luis Rodriguez\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/luisrodriguez.pe\" \/>\n<meta property=\"article:published_time\" content=\"2014-12-29T20:58:50+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png\" \/>\n<meta name=\"author\" content=\"Luis Rodriguez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:site\" content=\"@luizmirodriguez\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Luis Rodriguez\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\"},\"author\":{\"name\":\"Luis Rodriguez\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"headline\":\"Comenzando con JADE TEMPLATE\",\"datePublished\":\"2014-12-29T20:58:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\"},\"wordCount\":492,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png\",\"keywords\":[\"desarrollo web\",\"grunt js\",\"jade\",\"jade template\"],\"articleSection\":[\"Desarrollo web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\",\"name\":\"Comenzando con JADE TEMPLATE - Blog Luis Rodriguez\",\"isPartOf\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png\",\"datePublished\":\"2014-12-29T20:58:50+00:00\",\"author\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\"},\"breadcrumb\":{\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png\",\"contentUrl\":\"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png\",\"width\":677,\"height\":535,\"caption\":\"install jade grunt\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/luisrodriguez.pe\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comenzando con JADE TEMPLATE\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#website\",\"url\":\"https:\/\/luisrodriguez.pe\/blog\/\",\"name\":\"Blog Luis Rodriguez\",\"description\":\"Analytics Developer\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c\",\"name\":\"Luis Rodriguez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g\",\"caption\":\"Luis Rodriguez\"},\"description\":\"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin\",\"sameAs\":[\"http:\/\/luisrodriguez.pe\"],\"url\":\"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comenzando con JADE TEMPLATE - Blog Luis Rodriguez","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":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/","og_locale":"es_ES","og_type":"article","og_title":"Comenzando con JADE TEMPLATE - Blog Luis Rodriguez","og_description":"Ya hace un tiempo realice un articulo de grunt js\u00a0 que servira de introduccion para continuar con este tema, Que es jade template? bueno el nombre ya te da una idea que es para template o en la practica maquetar de una forma facil (claro despues de aprender su sintaxis) y la curva de aprendisaej[...]","og_url":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/","og_site_name":"Blog Luis Rodriguez","article_publisher":"https:\/\/www.facebook.com\/luisrodriguez.pe","article_published_time":"2014-12-29T20:58:50+00:00","og_image":[{"url":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png","type":"","width":"","height":""}],"author":"Luis Rodriguez","twitter_card":"summary_large_image","twitter_creator":"@luizmirodriguez","twitter_site":"@luizmirodriguez","twitter_misc":{"Escrito por":"Luis Rodriguez","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#article","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/"},"author":{"name":"Luis Rodriguez","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"headline":"Comenzando con JADE TEMPLATE","datePublished":"2014-12-29T20:58:50+00:00","mainEntityOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/"},"wordCount":492,"commentCount":0,"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage"},"thumbnailUrl":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png","keywords":["desarrollo web","grunt js","jade","jade template"],"articleSection":["Desarrollo web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/","url":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/","name":"Comenzando con JADE TEMPLATE - Blog Luis Rodriguez","isPartOf":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage"},"image":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage"},"thumbnailUrl":"http:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade-300x237.png","datePublished":"2014-12-29T20:58:50+00:00","author":{"@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c"},"breadcrumb":{"@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#primaryimage","url":"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png","contentUrl":"https:\/\/luisrodriguez.pe\/blog\/wp-content\/uploads\/2014\/12\/install-jade.png","width":677,"height":535,"caption":"install jade grunt"},{"@type":"BreadcrumbList","@id":"https:\/\/luisrodriguez.pe\/blog\/comenzando-con-jade-template\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luisrodriguez.pe\/blog\/"},{"@type":"ListItem","position":2,"name":"Comenzando con JADE TEMPLATE"}]},{"@type":"WebSite","@id":"https:\/\/luisrodriguez.pe\/blog\/#website","url":"https:\/\/luisrodriguez.pe\/blog\/","name":"Blog Luis Rodriguez","description":"Analytics Developer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luisrodriguez.pe\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/luisrodriguez.pe\/blog\/#\/schema\/person\/ec55de81e01fdaf3533eb78f6a49090c","name":"Luis Rodriguez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3b0f9734b267ecb38e1860734b4caebda4efa8be9a2bb536862b6a2ba23afa82?s=96&d=mm&r=g","caption":"Luis Rodriguez"},"description":"Hola, Soy Luis Rodriguez, radico en Lima \u2013 Per\u00fa, formado en una carrera inform\u00e1tica, desempe\u00f1ando desde el 2007 como programador web y viendo proyectos desde Front End y Back End a lo que me perfile como Full Stack. Esta Experiencia junto a mi inter\u00e9s en la Anal\u00edtica Web me ayud\u00f3 mucho entender el funcionamiento interno de las herramientas de anal\u00edtica, con las que vengo trabajo activamente desde 2017. Linkedin","sameAs":["http:\/\/luisrodriguez.pe"],"url":"https:\/\/luisrodriguez.pe\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":9,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":715,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/posts\/702\/revisions\/715"}],"wp:attachment":[{"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luisrodriguez.pe\/blog\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}