{"id":4412,"date":"2018-05-23T04:23:37","date_gmt":"2018-05-23T02:23:37","guid":{"rendered":"http:\/\/www.tarugoconf.com\/taller-frontend-para-backenders-tarugo3\/"},"modified":"2018-05-23T04:23:37","modified_gmt":"2018-05-23T02:23:37","slug":"taller-frontend-para-backenders-tarugo3","status":"publish","type":"post","link":"https:\/\/www.trgcon.com\/blog\/taller-frontend-para-backenders-tarugo3\/","title":{"rendered":"Evoluciona a Fullstack Developer: Front para gente de Back en la #Tarugo3"},"content":{"rendered":"

La frase \u201ct\u00fa que eres el inform\u00e1tico, progr\u00e1mame el v\u00eddeo<\/em>\u201d tiene una segunda vida en \u201ct\u00fa que eres programador, c\u00e1mbiame ‘cuatro cosillas’ de la web<\/em>\u201d.<\/p>\n

Raro es el programador de servidor que no ha tenido que pegarse alguna vez con un CSS, bien porque le toca modificar algo y no hay frontenders a mano, bien porque se anima con un side project<\/em> y tiene que hacer una landing, montar un blog o una peque\u00f1a web.<\/p>\n

En este taller vamos a acercarnos un poco al CSS moderno, con cuatro pinceladas para que ve\u00e1is que hay vida m\u00e1s all\u00e1 del position:absolute<\/em> y el !important<\/em><\/strong>.<\/p>\n

Podr\u00e9is comprobar como todo es mucho m\u00e1s f\u00e1cil de lo que parece y, dominando 2 o 3 conceptos y t\u00e9cnicas de front, empezaremos a desarrollar nuevos superpoderes<\/em>.<\/p>\n

En una primera parte del taller, aprenderemos a instalar, configurar y disfrutar de un espacio de trabajo de front, lo m\u00e1s sencillo posible<\/strong>, porque complicarnos con webpacks, npms, gulps, grunts y similares ya lo hacemos solitos divinamente.<\/p>\n

Despu\u00e9s desarrollaremos un layout est\u00e1ndar y \u00fatil con CSS moderno<\/strong>, para aprender unas pocas reglas, imprescindibles hoy en d\u00eda, tan \u00fatiles y poderosas que nos dejaran con la boca abierta.<\/p>\n

Por \u00faltimo, aprenderemos a modificar estilos sin romper cosas<\/strong> cuando tenemos que trabajar con WordPress o Bootstrap, dos de los casos que m\u00e1s pelo y a\u00f1os de vida hacen perder al profesional de back.<\/p>\n

DESGLOSE DE CONTENIDO<\/h4>\n
    \n
  1. Configuraci\u00f3n de un espacio de trabajo hiper-sencillo<\/strong>: Editor, plugins \u00fatiles, preprocesador SASS\u2026<\/li>\n
  2. Web b\u00e1sica y moderna a manita desde cero<\/strong>: Desarrollaremos un layout<\/em> que nos servir\u00e1 de excusa para aprender algo de flexbox y grid, o sea, CSS de este siglo \u00a1Aprender\u00e9is a hacer un footer<\/em> que \u00abse queda abajo\u00bb! \u00a1BRUJER\u00cdA! No… en serio, todo muy sencillo y muy r\u00e1pido, no os asust\u00e9is.<\/li>\n
  3. Responsive<\/em> sin acritud<\/strong>: Entender\u00e9is de una vez c\u00f3mo funcionan las media queries y por qu\u00e9 nos ponemos tan pesados con el \u201cmobile first\u201d.<\/li>\n
  4. Truquis<\/em> para customizar una web con Bootstrap y\/o WordPress sin romper nada\u2026 o lo menos posible<\/strong> (todos sabemos que romper, vais a romper algo, seamos realistas).<\/li>\n<\/ol>\n

    INSTRUCTOR<\/h4>\n

    Diana Aceves<\/a>, frontend en Mobilers<\/strong>. Qu\u00edmica de carrera, programadora Java de rebote y actual desarrolladora front-end por vocaci\u00f3n. Ha desarrollado para Vogue, Vanity Fair, GQ Francia, Banco Santander, Blackphone, Geeksphone, entre otros. Hace mucho CSS y, en contadas ocasiones, sale de su cueva para dar alguna charla e impartir talleres.<\/p>\n

    \"Diana<\/p>\n

    CONOCIMIENTOS PREVIOS<\/h4>\n

    Para aprovechar al m\u00e1ximo el taller, te recomendamos que antes atesores los siguientes conocimientos:<\/p>\n