{"id":2244,"date":"2019-05-16T14:20:45","date_gmt":"2019-05-16T12:20:45","guid":{"rendered":"https:\/\/2019.sevilla.wordcamp.org\/?post_type=wcb_session&#038;p=2244"},"modified":"2019-10-28T22:41:33","modified_gmt":"2019-10-28T21:41:33","slug":"caso-de-estudio-implementacion-del-rediseno-de-newtral-es-con-version-amp","status":"publish","type":"wcb_session","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/caso-de-estudio-implementacion-del-rediseno-de-newtral-es-con-version-amp\/","title":{"rendered":"Caso de estudio: implementaci\u00f3n del redise\u00f1o de Newtral.es con versi\u00f3n AMP"},"content":{"rendered":"\n<p>Vamos a ver los retos, problemas y soluciones que nuestro equipo de Artesans-Omitsis se encontr\u00f3 ante un proyecto real de gran envergadura, en el que deb\u00edamos implementar un redise\u00f1o total del portal web de la startup de contenido audiovisual Newtral, que incluye art\u00edculos de verificaci\u00f3n del discurso pol\u00edtico, v\u00eddeos y audios explicativos y art\u00edculos firmados, sobre temas de actualidad en Espa\u00f1a<\/p>\n\n\n\n<p>Hablaremos de los problemas que nos encontramos ante un redise\u00f1o visualmente exigente, e incluso de los errores que cometimos, y de c\u00f3mo los resolvimos, tanto a nivel de organizaci\u00f3n del proyecto, c\u00f3mo de desarrollo front-end y de desarrollo back-end. Hablaremos de la importancia de una buena comunicaci\u00f3n con el cliente y de un buen an\u00e1lisis inicial para ser m\u00e1s eficaces en el desarrollo. Hablaremos de nuestro stack de desarrollo (flywheel, sass, uikit, gulp), de nuestra primera experiencia en profundidad con AMP y de lo que hemos aprendido de ella. Hablaremos del uso de CSS Grid Layout para la maquetaci\u00f3n global del portal y del uso de ACF y sus filtros para mejorar la experiencia de usuario de backend, entre otras cosas.<\/p>\n\n\n\n<p>Nos acompa\u00f1ar\u00e1 para una breve introducci\u00f3n de sus requerimientos un miembro del equipo de Newtral.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"525\" height=\"296\" src=\"https:\/\/www.youtube.com\/embed\/S-ogQ_kJ2Jw?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span>\n<\/div><\/figure>\n\n\n<ul class=\"wordcamp-block wordcamp-post-list has-layout-list wordcamp-speakers\"><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-javier-lopez-del-rio\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/javier-lopez-del-rio\/\">Javier L\u00f3pez del R\u00edo<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/javier-lopez-del-rio\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/e9afce05108ee601a6b28761cfcd5276e4cf5309c8d4a20b1172a3e0a416ce6e?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar de Javier L\u00f3pez del R\u00edo\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-full\"><p>Javier L\u00f3pez es desarrollador front-end y de WordPress en Artesans en Barcelona. Antes de empezar a trabajar como desarrollador web, Javier hab\u00eda estudiado dise\u00f1o gr\u00e1fico hasta que descubri\u00f3 que escribir c\u00f3digo era su pasi\u00f3n. Por ello ahora est\u00e1 centrado en el desarrollo de interfaces m\u00e1s usables y atractivas a trav\u00e9s de la forma m\u00e1s eficiente para su implementaci\u00f3n.<\/p>\n<p>Comenz\u00f3 su carrera con WordPress y gracias a esta herramienta ha podido meterse en el mundo del desarrollo web. Actualmente quiere devolver todo lo que ha recibido de esta herramienta aportando su conocimiento y estudiando las nuevas caracter\u00edsticas para hacer que crezcan dando su granito de arena.<\/p>\n<\/div>\t\n\t<\/div>\n\n<\/li><li class=\"wordcamp-post-list__post wordcamp-clearfix\">\n<div class=\"wordcamp-speaker wordcamp-speakers__post slug-nuria-ramoneda\">\n\t<h3 class=\"wordcamp-block__item-title wordcamp-speakers__title\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/nuria-ramoneda\/\">N\u00faria Ramoneda<\/a><\/h3>\n\t\t\t<div class=\"wordcamp-image__avatar-container align-none\">\n\t\t\t<a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/nuria-ramoneda\/\" class=\"wordcamp-image__avatar-link\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/a7381014dd72a01684a6802252c16271e40a456488de6c20d25f832349f108cd?s=150&amp;d=mm&amp;r=g\" alt=\"Avatar de N\u00faria Ramoneda\" \/>\t\t\t<\/a>\n\t\t<\/div>\n\t\n\t\t\t<div class=\"wordcamp-block__item-content wordcamp-speakers__content is-full\"><p>N\u00faria se licenci\u00f3 en historia hace mucho, lleva m\u00e1s de 20 a\u00f1os en el sector IT y desde 2006 se ha dedicado casi en exclusiva al entorno web, trabajando y form\u00e1ndose desde entonces en AI, accesibilidad, usabilidad, tecnolog\u00edas de front-end, WordPress, UX, gesti\u00f3n de proyectos\u2026<\/p>\n<p>Desde 2017 N\u00faria est\u00e1 trabajando en Artesans, el equipo de WordPress de Omitsis consulting, d\u00f3nde se dedica al desarrollo front-end y WordPress de temas y plugins a medida. Le gustan lo est\u00e1ndares, el c\u00f3digo limpio y pensar en los usuarios de backend, tan olvidados a menudo. Tambi\u00e9n da clases en la UOC de lenguajes y est\u00e1ndares web.<\/p>\n<\/div>\t\n\t<\/div>\n\n<\/li><\/ul>\n\n\n<h2 class=\"wp-block-heading\">Aperitivo formativo<\/h2>\n\n\n\n<p>Durante las pr\u00f3ximas semanas vamos a ir publicando material complementario (v\u00eddeos, cursos, tutoriales, etc) para que puedas sacarle todo el partido a esta sesi\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Enlace de la ponencia y v\u00eddeo en WordPress.tv<\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Vamos a ver los retos, problemas y soluciones que nuestro equipo de Artesans-Omitsis se encontr\u00f3 ante un proyecto real de gran envergadura, en el que deb\u00edamos implementar un redise\u00f1o total del portal web de la startup de contenido audiovisual Newtral, que incluye art\u00edculos de verificaci\u00f3n del discurso pol\u00edtico, v\u00eddeos y audios explicativos y art\u00edculos firmados, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sevilla.wordcamp.org\/2019-developers\/session\/caso-de-estudio-implementacion-del-rediseno-de-newtral-es-con-version-amp\/\" class=\"more-link\">Continuar leyendo<span class=\"screen-reader-text\"> \u00abCaso de estudio: implementaci\u00f3n del redise\u00f1o de Newtral.es con versi\u00f3n AMP\u00bb<\/span><\/a><\/p>\n","protected":false},"author":292556,"featured_media":5732,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1570269600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/slides.com\/nuriarai\/newtral-sevilla","_wcpt_session_video":"http:\/\/wordpress.tv\/2019\/10\/27\/nuria-ramoneda-y-javier-lopez-del-rio-implementacion-del-rediseno-de-newtral-es-con-version-amp\/","_wcpt_speaker_id":[3292,3294],"footnotes":""},"session_track":[164407],"session_category":[385609],"class_list":["post-2244","wcb_session","type-wcb_session","status-publish","has-post-thumbnail","hentry","wcb_track-auditorio","wcb_session_category-charla"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/papmcC-Ac","session_date_time":{"date":"5 de octubre de 2019","time":"12:00"},"session_speakers":[{"id":"3292","slug":"nuria-ramoneda","name":"N\u00faria Ramoneda","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/nuria-ramoneda\/"},{"id":"3294","slug":"javier-lopez-del-rio","name":"Javier L\u00f3pez del R\u00edo","link":"https:\/\/sevilla.wordcamp.org\/2019-developers\/speaker\/javier-lopez-del-rio\/"}],"session_cats_rendered":"Charla \/ Talk","_links":{"self":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":13,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2244\/revisions"}],"predecessor-version":[{"id":5733,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/sessions\/2244\/revisions\/5733"}],"speakers":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/speakers\/3292"},{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/speakers\/3294"}],"author":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wporg\/v1\/users\/nuriarai"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media\/5732"}],"wp:attachment":[{"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/media?parent=2244"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_track?post=2244"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/sevilla.wordcamp.org\/2019-developers\/wp-json\/wp\/v2\/session_category?post=2244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}