maquetado.json

{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","desc":"","descData":null,"closed":false,"idOrganization":"55e871c959f5072b845b0521","limits":{"attachments":{"perBoard":{"status":"ok","disableAt":36000,"warnAt":32400},"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"boards":{"totalMembersPerBoard":{"status":"ok","disableAt":1600,"warnAt":1440}},"cards":{"openPerBoard":{"status":"ok","disableAt":5000,"warnAt":4500},"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerBoard":{"status":"ok","disableAt":2000000,"warnAt":1800000},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}},"checklists":{"perBoard":{"status":"ok","disableAt":2000000,"warnAt":1800000},"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}},"customFields":{"perBoard":{"status":"ok","disableAt":50,"warnAt":45}},"customFieldOptions":{"perField":{"status":"ok","disableAt":50,"warnAt":45}},"labels":{"perBoard":{"status":"ok","disableAt":1000,"warnAt":900}},"lists":{"openPerBoard":{"status":"ok","disableAt":500,"warnAt":450},"totalPerBoard":{"status":"ok","disableAt":3000,"warnAt":2700}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}},"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"pinned":false,"starred":false,"url":"https://trello.com/b/kOdb6tCv/training-base-maquetado-v2","prefs":{"permissionLevel":"org","voting":"disabled","comments":"members","invitations":"members","selfJoin":false,"cardCovers":true,"isTemplate":false,"cardAging":"regular","calendarFeedEnabled":false,"background":"blue","backgroundImage":null,"backgroundImageScaled":null,"backgroundTile":false,"backgroundBrightness":"dark","backgroundColor":"#0079BF","backgroundBottomColor":"#0079BF","backgroundTopColor":"#0079BF","canBePublic":true,"canBeEnterprise":true,"canBeOrg":true,"canBePrivate":true,"canInvite":true},"shortLink":"kOdb6tCv","subscribed":false,"labelNames":{"green":"Task","yellow":"","orange":"","red":"","purple":"","blue":"Story","sky":"","lime":"QA Tested","pink":"","black":""},"powerUps":[],"dateLastActivity":"2019-04-01T14:49:01.663Z","dateLastView":"2019-06-03T15:11:05.670Z","shortUrl":"https://trello.com/b/kOdb6tCv","idTags":[],"datePluginDisable":null,"creationMethod":null,"ixUpdate":"2830","actions":[{"id":"5ce84a68af2812446b454835","idMemberCreator":"534eb03773417f7d62807f1c","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"5ce83d9c3dd3996159cb5f6f","memberType":"normal"},"type":"addMemberToBoard","date":"2019-05-24T19:47:52.568Z","limits":{},"member":{"id":"5ce83d9c3dd3996159cb5f6f","avatarHash":null,"avatarUrl":null,"fullName":"Ivo Biaus","idMemberReferrer":null,"initials":"IB","nonPublic":{},"nonPublicAvailable":false,"username":"ivobiaus"},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5ce58d58612ccf2e53aac961","idMemberCreator":"5b4ca97809f7a637ab3d2b14","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"method":"invitationSecret","memberType":"normal","idMemberInviter":"584575f0c159a4ef605082c7","idMemberAdded":"5b4ca97809f7a637ab3d2b14"},"type":"addMemberToBoard","date":"2019-05-22T17:56:40.797Z","limits":{},"member":{"id":"5b4ca97809f7a637ab3d2b14","avatarHash":"8f2a671e5d08aa0c1e328d4ca3d6df90","avatarUrl":"https://trello-avatars.s3.amazonaws.com/8f2a671e5d08aa0c1e328d4ca3d6df90","fullName":"Mateo Ruiz","idMemberReferrer":null,"initials":"MR","nonPublic":{},"nonPublicAvailable":false,"username":"mateoruiz2"},"memberCreator":{"id":"5b4ca97809f7a637ab3d2b14","avatarHash":"8f2a671e5d08aa0c1e328d4ca3d6df90","avatarUrl":"https://trello-avatars.s3.amazonaws.com/8f2a671e5d08aa0c1e328d4ca3d6df90","fullName":"Mateo Ruiz","idMemberReferrer":null,"initials":"MR","nonPublic":{},"nonPublicAvailable":false,"username":"mateoruiz2"}},{"id":"5ca224dd2165c55aaf269611","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-04-01T14:49:01.678Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5ca2240d59ba59362c0e1a61","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","pos":770047.125},"old":{"pos":73471.439453125}},"type":"updateCard","date":"2019-04-01T14:45:33.575Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5ca2240d59ba59362c0e1a5d","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","closed":false},"old":{"closed":true}},"type":"updateCard","date":"2019-04-01T14:45:33.470Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5ca223f7ce2f1b4d814c2a2a","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-04-01T14:45:11.241Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5ca2216a8c2052873b54b3a1","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-04-01T14:34:18.434Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5ca2216421b4cb2d2b9ecb36","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-04-01T14:34:12.606Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5c9a7c76c684107da432346c","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR. \n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR. \n\nSi recibiste alguna corrección a realizar, ademas de agregar al reviewer como asignee, también podes solicitar `Re-request review` haciendo click en el icono de actualizar al lado de tu Reviewer!\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR. \nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:24:38.157Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7b6bc16e378161a1bce8","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR. \nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:20:11.819Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7b2e9732c46d4c43b964","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nPodés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:19:10.702Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7b1fee30fe742a137de9","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nPodés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:18:55.749Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7b08efe2244c93b38ada","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recien armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:18:32.428Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7a1b1ce1995f7c823003","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recien armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n*Ya armé el PR, ahora qué hago?*\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recien armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:14:35.524Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c9a7a0fa94c6a3265dfd12d","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n*Ya armé el PR, ahora qué hago?*\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR.\n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recien armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2019-03-26T19:14:23.672Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c7593409ef2d709f59179d0","idMemberCreator":"534eb03773417f7d62807f1c","data":{"member":{"name":"Pablo Ferro","id":"534eb03773417f7d62807f1c"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"FIyIcEdz","idShort":35,"name":"Ejemplo Card Story 3","id":"5b8d576ddfc61966a5eba309"},"deactivated":false,"idMember":"534eb03773417f7d62807f1c"},"type":"removeMemberFromCard","date":"2019-02-26T19:28:00.818Z","limits":{},"member":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c759340f1c38c0a5d3dacce","idMemberCreator":"534eb03773417f7d62807f1c","data":{"member":{"name":"Pablo Ferro","id":"534eb03773417f7d62807f1c"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"FIyIcEdz","idShort":35,"name":"Ejemplo Card Story 3","id":"5b8d576ddfc61966a5eba309"},"idMember":"534eb03773417f7d62807f1c"},"type":"addMemberToCard","date":"2019-02-26T19:28:00.404Z","limits":{},"member":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c7589992475135f2532edb2","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"2G2cNMlk","idShort":42,"name":"EcmaScript","id":"5c758855dffe43224ae4fcba","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-02-26T18:46:49.690Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c75899793536e22aa380127","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"WMP4JobO","idShort":41,"name":"JavaScript Basics","id":"5c758258518ac9899bd1aeba","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-02-26T18:46:47.092Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c75898cfe5c790a3248badc","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"LpLW9QcO","idShort":40,"name":"Git!","id":"5c75810641337e89608d9129","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-02-26T18:46:36.119Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758984cde3ac22f92db90e","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Hl2RC82y","idShort":39,"name":"Introducción a Scrum","id":"5c75808f2446110c404330ba","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2019-02-26T18:46:28.130Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758856dffe43224ae4fccf","idMemberCreator":"534eb03773417f7d62807f1c","data":{"cardSource":{"shortLink":"3lN2nYQC","idShort":11,"name":"EcmaScript","id":"5c14252e9a22e747de153046"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"2G2cNMlk","idShort":42,"name":"EcmaScript","id":"5c758855dffe43224ae4fcba"}},"type":"copyCard","date":"2019-02-26T18:41:26.322Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758297e143be8df0da1c82","idMemberCreator":"534eb03773417f7d62807f1c","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"WMP4JobO","idShort":41,"name":"JavaScript Basics","id":"5c758258518ac9899bd1aeba"},"attachment":{"previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/785x340/55f511171b197e60efb0e2ce9ca5be02/javascript.png","previewUrl":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/600x260/55f511171b197e60efb0e2ce9ca5be02/javascript.png","url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758258518ac9899bd1aeba/ed1bc075396fe945264ef4ab73142c9b/javascript.png","name":"javascript.png","id":"5c758296e143be8df0da1bad"}},"type":"addAttachmentToCard","date":"2019-02-26T18:16:55.811Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758276df30d354be3489fb","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"WMP4JobO","idShort":41,"name":"JavaScript Basics","id":"5c758258518ac9899bd1aeba","desc":"## Descripción\n\nAntes de avanzar con tu framework principal, vamos a empezar a conocer [Javascript](https://www.javascript.com). Esta card se considerará aprobada una vez que completes el [este](https://www.codecademy.com/learn/learn-javascript) curso interactivo que cubre las bases del lenguaje.\n\n- No te olvides que también contás con la WBiblioteca: “Javascript: The good parts” y la serie “You Don’t Know Js” son excelentes libros para aprender el lenguaje.\n\n- Por otro lado, cuando programamos, el código no siempre se comporta como esperamos. A veces necesitamos _debuggear_ para poder resolver este tipo de problemas. Te dejamos un link detallando un poco el proceso de debugging desde la consola de Chrome:\nhttps://developers.google.com/web/tools/chrome-devtools/javascript/\n\nTiempo promedio para este curso: 4 Horas.\nEs probable que no necesitemos todo el curso completo como para avanzar con el training.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":""}},"type":"updateCard","date":"2019-02-26T18:16:22.951Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758258518ac9899bd1aebb","idMemberCreator":"534eb03773417f7d62807f1c","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"WMP4JobO","idShort":41,"name":"JavaScript Basics","id":"5c758258518ac9899bd1aeba"}},"type":"createCard","date":"2019-02-26T18:15:52.274Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758111aaef28187eb4825a","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"LpLW9QcO","idShort":40,"name":"Git!","id":"5c75810641337e89608d9129"},"text":"plus! 0/2 "},"type":"commentCard","date":"2019-02-26T18:10:25.382Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c75810641337e89608d9143","idMemberCreator":"534eb03773417f7d62807f1c","data":{"cardSource":{"shortLink":"YmV8HJ96","idShort":3,"name":"Git!","id":"59d4d9d3b48d5d6f2c95f00e"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"LpLW9QcO","idShort":40,"name":"Git!","id":"5c75810641337e89608d9129"}},"type":"copyCard","date":"2019-02-26T18:10:14.663Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c75809f8fa3d451ac354043","idMemberCreator":"534eb03773417f7d62807f1c","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Hl2RC82y","idShort":39,"name":"Introducción a Scrum","id":"5c75808f2446110c404330ba"},"text":"plus! 0/1 "},"type":"commentCard","date":"2019-02-26T18:08:31.933Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c7580902446110c404330ca","idMemberCreator":"534eb03773417f7d62807f1c","data":{"cardSource":{"shortLink":"u4zqiJkr","idShort":59,"name":"Introducción a Scrum","id":"5b3bc995740d6f86235e7506"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"Hl2RC82y","idShort":39,"name":"Introducción a Scrum","id":"5c75808f2446110c404330ba"}},"type":"copyCard","date":"2019-02-26T18:08:16.181Z","limits":{},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c758053f629501315041c7b","idMemberCreator":"534eb03773417f7d62807f1c","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"method":"invitationSecret","memberType":"normal","idMemberInviter":"584575f0c159a4ef605082c7","idMemberAdded":"534eb03773417f7d62807f1c"},"type":"addMemberToBoard","date":"2019-02-26T18:07:15.191Z","limits":{},"member":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5c07ee31a9eb375db1cccb69","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7"},"attachment":{"id":"5a35a2a1ed529f3db8a081a1","name":"image.png"}},"type":"deleteAttachmentFromCard","date":"2018-12-05T15:26:41.674Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c07ee2d0bfe0b8e1fd37d1b","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d7/fa1d9fa905911da52469e12314473870/navbar.png","name":"navbar.png","id":"5c07ee2d0bfe0b8e1fd37d1a","edgeColor":"#f4f4f4","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/600x40/b8d9c6f0fc64c5a2246d6a90acd21419/navbar.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/1200x80/1ebd8568406539ac241fad585ea4f5bf/navbar.png"}},"type":"addAttachmentToCard","date":"2018-12-05T15:26:37.187Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06d180a160da5c47c7ae10","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T19:12:00.551Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06d14affacb904f396549b","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T19:11:06.661Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b695b750ee0b5502a482","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c06ad391260256ee70edac8/81e4466f25fea3eba5f5f5c3778d212e/pull_request.jpg","name":"pull request.jpg","id":"5c06b695b750ee0b5502a47b","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/600x338/3253f7dee574e89cbcebf071766a982c/pull_request.jpg","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/1200x675/582a50c7b3bd3098c061373abeda9ee0/pull_request.jpg"}},"type":"addAttachmentToCard","date":"2018-12-04T17:17:09.741Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b67e9de10f5c50043bfc","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8"},"attachment":{"id":"5c06b44385e6a25a1d596bcb","name":"maxresdefault.jpg"}},"type":"deleteAttachmentFromCard","date":"2018-12-04T17:16:46.689Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b63b5253ff0da30e651f","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy o gifbrewery.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:15:39.964Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b4ac635f86043f5f76dd","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy o gifbrewery.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy o gifbrewery.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:09:00.447Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b44485e6a25a1d596bd0","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"attachment":{"name":"maxresdefault.jpg","id":"5c06b44385e6a25a1d596bcb"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"}},"type":"addAttachmentToCard","date":"2018-12-04T17:07:16.025Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b3ce1ecd85611d956755","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy o gifbrewery.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:05:18.076Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b3501b560b3929c4bce0","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:03:12.547Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b2d8e9fc7130f15199a7","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:01:12.492Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b2d0e876c37974763c2c","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:01:04.311Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b2c95a3587364e249142","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:00:57.340Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b29c0716ed594f400c70","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería this-is-the-branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T17:00:12.573Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b28b989cb133bf3e56eb","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería this-is-the-branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:59:55.626Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b279977f144b88b27bed","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:59:37.630Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b244c6ca07107d8bd44d","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:58:44.584Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b24119d1fe2a6939af5c","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:58:41.418Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b23b1b31a5218beaa973","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n````\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n````\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n````\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:58:35.384Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b1ea02398883a89662ea","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n````\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n````\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n`\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n`\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:57:14.113Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b1def5745f291cb3baf2","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n`\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n`\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n``\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n``\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:57:02.498Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b1da85848a359d6c54e8","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n``\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n``\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n```\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n```\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:56:58.477Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b1cbb25e7e64938686f0","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n```\n## Summary\ndafjaisdfjiasdiofjaiosdfjaiod\n```\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n```\n## Summary\n```\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."}},"type":"updateCard","date":"2018-12-04T16:56:43.749Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06b1c234372e07817b65e8","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una herramienta que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden hacer correcciones de UI / UX!\n\n**Convenciones**\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR.\n- La convención que utilizamos para nombrar los branch es kebab-case. Sería branch-name.\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n- Summary: Acá va una lista de cambios que se realizaron.\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar [COMPLETAR]\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n```\n## Summary\n```\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form."},"old":{"desc":"AHor"}},"type":"updateCard","date":"2018-12-04T16:56:34.371Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06ad5912a7305fa996c600","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","desc":"AHor"},"old":{"desc":""}},"type":"updateCard","date":"2018-12-04T16:37:45.259Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06ad4579730c2e1d158e35","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8","pos":83967.359375},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-12-04T16:37:25.294Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5c06ad391260256ee70edac9","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"eDUCaVcx","idShort":38,"name":"Pull Request!","id":"5c06ad391260256ee70edac8"}},"type":"createCard","date":"2018-12-04T16:37:13.692Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb667d4cafc390d14a71936","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n-------\n\n## Tip\nSolo necesitas hacer el título que figura en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n## TIP\n\nSolo necesitas hacer el título que figura en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:19:48.898Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb667c6674bae6c7d0e4844","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnología","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n-------\n\n## Tip\n\nSolamente necesitas hacer una tecnología, la que figura en la imagen adjunta a la card.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n## Tip\n\nSolamente necesitas hacer una tecnología, la que figura en la imagen adjunta a la card.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:19:34.121Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb667b71e01a68343d79cff","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnología","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n## Tip\n\nSolamente necesitas hacer una tecnología, la que figura en la imagen adjunta a la card.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:19:19.577Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb66791ea58835e9e29c560","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n## TIP\n\nSolo necesitas hacer el título que figura en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:18:41.375Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb6677bdb740a5ea0f63d34","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:18:19.347Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb6676d7c816303e7467efd","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n## TIP\n\nSolo necesitas hacer el título que figura en la imagen de esta card.\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:18:05.680Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb66760f8481c87ebf0d51c","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n## TIP\n\nSolo necesitas hacer el título que figura en la imagen de esta card.\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n## TIP\nSolo necesitas hacer el título que figura en la imagen de esta card.\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:17:52.768Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb6674bfd751355c34bfd77","idMemberCreator":"5b0c13b32bc41d8adb288b99","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n## TIP\nSolo necesitas hacer el título que figura en la imagen de esta card.\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-10-04T19:17:31.336Z","limits":{},"memberCreator":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"}},{"id":"5bb4db5e4c30ab19bc1a86ea","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"5b0c13b32bc41d8adb288b99","memberType":"normal"},"type":"addMemberToBoard","date":"2018-10-03T15:08:14.020Z","limits":{},"member":{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"fullName":"Mauro Mamani","idMemberReferrer":null,"initials":"MM","nonPublic":{},"nonPublicAvailable":false,"username":"mauromamani"},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bb28092527bfd39c69c275c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-10-01T20:16:18.116Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bb2808a6839715687afec2f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-10-01T20:16:10.774Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bb2807ec0c6556c03ff0442","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-10-01T20:15:58.678Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae867baa4bda189c2aa58e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"id":"5a85e22985fea328daadb2b2","name":"Tecnología"},"old":{"name":"Tecnologia"}},"type":"updateCard","date":"2018-09-28T19:52:27.561Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae866f2607877f22c33c17","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnología`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la URL de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la URL de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:52:15.031Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae8658c3060856b5bf4c05","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo último que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guía de estilo podrás encontrarla en el Tech-Guides de Front-End en la sección de Layout, podes acceder directamente desde [acá](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla en el Tech-Guides de Front-End en la seccion de Layout, podes acceder directamente desde [aca](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:51:52.632Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae8554443d380f4cac5134","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5bae8554443d380f4cac5133"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748"}},"type":"addChecklistToCard","date":"2018-09-28T19:47:32.304Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae854a5502166eca1287d3","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748","desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendrás que editar la descripción de la card `Rediseño de la página` agregando una sección de `Test plan` en donde incluirás un test plan respetando el formato explicado en la card `Quality Assurance (QA)`\n\n2) Deberas asignar al usuario `QA` para que haga el testeo de la card. En este caso QA rebotara la card para que veas como es ese caso del proceso. Cuando esto ocurra deberas volver a mover la card a `developed` y asignar nuevamente a QA. Finalmente la card será aprobada en este segundo intento.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendrás que editar la descripción de la card `Rediseño de la página` agregando una sección de `Test plan` en donde incluirás un test plan respetando el formato explicado en la card `Quality Assurance (QA)`\n\n2) Deberas asignar al usuario `QA` para que haga el testeo de la card. En este caso QA rebotara la card para que veas como es ese caso del proceso. Cuando esto ocurra deberas volver a mover la card a `developed` y asignar nuevamente a QA. Finalmente la card será aprobada en este segundo intento.\n"}},"type":"updateCard","date":"2018-09-28T19:47:22.371Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae853a1e7dcc184ada523e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748","desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendrás que editar la descripción de la card `Rediseño de la página` agregando una sección de `Test plan` en donde incluirás un test plan respetando el formato explicado en la card `Quality Assurance (QA)`\n\n2) Deberas asignar al usuario `QA` para que haga el testeo de la card. En este caso QA rebotara la card para que veas como es ese caso del proceso. Cuando esto ocurra deberas volver a mover la card a `developed` y asignar nuevamente a QA. Finalmente la card será aprobada en este segundo intento.\n"},"old":{"desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendras que editar la descripción de la card `Rediseño de la página` agregando una seccion de `Test plan` en donde incluiras un testplan respetando el formato presentado en la card\n"}},"type":"updateCard","date":"2018-09-28T19:47:06.991Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae84a300d59d5875178147","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748","desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendras que editar la descripción de la card `Rediseño de la página` agregando una seccion de `Test plan` en donde incluiras un testplan respetando el formato presentado en la card\n"},"old":{"desc":""}},"type":"updateCard","date":"2018-09-28T19:44:35.142Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae83a7cfa20c33890ce6e0","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la URL de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la url de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:40:23.973Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae82fbf9a58d37c95fcd89","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la url de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:37:31.192Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae82b5b120423a740895f2","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"id":"5bae82a7dd242b597f515efe","name":"Criterio de Aceptación"},"old":{"name":"Criterio de aceptación"}},"type":"updateChecklist","date":"2018-09-28T19:36:21.818Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae82a7dd242b597f515eff","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de aceptación","id":"5bae82a7dd242b597f515efe"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef"}},"type":"addChecklistToCard","date":"2018-09-28T19:36:07.627Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae8296cbcdc5376eba8d98","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada."}},"type":"updateCard","date":"2018-09-28T19:35:50.850Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae827ec3f716593aa154cd","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnologia`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada."},"old":{"desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `equalizer`, `titles`, `techs`, `layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`."}},"type":"updateCard","date":"2018-09-28T19:35:26.103Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae80dfeb25424aa8ca7639","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `equalizer`, `titles`, `techs`, `layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto`."},"old":{"desc":""}},"type":"updateCard","date":"2018-09-28T19:28:31.674Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e81393b523781b54d92","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e20cc5a7d2d27069748/d8219d6ed17c8caefed7a062ac6887ed/Software-QA-testing-750x330.jpg","name":"Software-QA-testing-750x330.jpg","id":"5bae7e81393b523781b54d8c","edgeColor":"#ececec","previewUrl":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/600x264/bb0038c3b0e37d8f806a5c0d2450556a/Software-QA-testing-750x330.jpg","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e20cc5a7d2d27069748/d8219d6ed17c8caefed7a062ac6887ed/Software-QA-testing-750x330.jpg"}},"type":"addAttachmentToCard","date":"2018-09-28T19:18:25.617Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e405149440f7c8cbe31","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748","pos":671743.125},"old":{"pos":835583.125}},"type":"updateCard","date":"2018-09-28T19:17:20.701Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e3f53fa397f5f9c943e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef","pos":507903.125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-09-28T19:17:19.479Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e366a828b2f5c425b75","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e0e3f4d7d62a8e94eef/72a248ef553765a21608cbd1a02af50a/upload_28/9/2018_at_16_17_10.png","name":"upload 28/9/2018 at 16:17:10.png","id":"5bae7e366a828b2f5c425b74","edgeColor":"#044cfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e0e3f4d7d62a8e94eef/72a248ef553765a21608cbd1a02af50a/upload_28/9/2018_at_16_17_10.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e0e3f4d7d62a8e94eef/72a248ef553765a21608cbd1a02af50a/upload_28/9/2018_at_16_17_10.png"}},"type":"addAttachmentToCard","date":"2018-09-28T19:17:10.689Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e20cc5a7d2d27069749","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"1Rk6boVd","idShort":37,"name":"Test it 2: the return of QA!","id":"5bae7e20cc5a7d2d27069748"}},"type":"createCard","date":"2018-09-28T19:16:48.578Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7e0e3f4d7d62a8e94ef0","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"ossafQA9","idShort":36,"name":"Test it!","id":"5bae7e0e3f4d7d62a8e94eef"}},"type":"createCard","date":"2018-09-28T19:16:30.240Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7dbcfc15ad18459642e0","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map` entre otros) vamos a agregarlas al `.gitignore` para que no se suban. El archivo `.gitignore` deberia verse asi:\n\n```\n### Sass ###\n.sass-cache/\n.scss-cache/\n*.css.map\n*.sass.map\n*.scss.map\n*.css\n\n## System ##\n.DS_Store\n```\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban. El archivo `.gitignore` deberia verse asi:\n\n```\n### Sass ###\n.sass-cache/\n.scss-cache/\n*.css.map\n*.sass.map\n*.scss.map\n*.css\n\n## System ##\n.DS_Store\n```\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:15:08.798Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5bae7da4eec96d67133cd455","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban. El archivo `.gitignore` deberia verse asi:\n\n```\n### Sass ###\n.sass-cache/\n.scss-cache/\n*.css.map\n*.sass.map\n*.scss.map\n*.css\n\n## System ##\n.DS_Store\n```\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-09-28T19:14:44.273Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b8d576ddfc61966a5eba30a","idMemberCreator":"56f0048259f9b1bed796daba","data":{"cardSource":{"shortLink":"6kkCeWOQ","idShort":59,"name":"Ejemplo Card Story 3","id":"5b8d52495583736c1647efce"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"card":{"shortLink":"FIyIcEdz","idShort":35,"name":"Ejemplo Card Story 3","id":"5b8d576ddfc61966a5eba309"}},"type":"copyCard","date":"2018-09-03T15:46:53.241Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b8d575f3331dc48cd5a70cf","idMemberCreator":"56f0048259f9b1bed796daba","data":{"cardSource":{"shortLink":"6NiW82u1","idShort":58,"name":"Ejemplo Card Story 2","id":"5b8d523f4d2a986bc8352b05"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"card":{"shortLink":"MczGHzSw","idShort":34,"name":"Ejemplo Card Story 2","id":"5b8d575f3331dc48cd5a70ce"}},"type":"copyCard","date":"2018-09-03T15:46:39.040Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b8d57388eb79354c024ec6c","idMemberCreator":"56f0048259f9b1bed796daba","data":{"cardSource":{"shortLink":"hJ6aQDbD","idShort":57,"name":"Ejemplo Card Story 1","id":"5b8d523360aabe0e777f5152"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"card":{"shortLink":"0rAYOMgE","idShort":33,"name":"Ejemplo Card Story 1","id":"5b8d57388eb79354c024ec6b"}},"type":"copyCard","date":"2018-09-03T15:46:00.567Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b895b90b8660616091afad3","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","pos":360447.5625},"old":{"pos":786431.125}},"type":"updateCard","date":"2018-08-31T15:15:28.980Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b89567092703a4ea22e54fd","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","pos":786431.125},"old":{"pos":360447.5625}},"type":"updateCard","date":"2018-08-31T14:53:36.634Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b89567092703a4ea22e54fc","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","closed":false},"old":{"closed":true}},"type":"updateCard","date":"2018-08-31T14:53:36.609Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b89566dab1b227697044e6c","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","closed":true},"old":{"closed":false}},"type":"updateCard","date":"2018-08-31T14:53:33.339Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b86ddcc88e17005614c68f9","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-08-29T17:54:20.719Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b86dd9ae8840e7fb8e8477b","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit?usp=sharing) form. "},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit) form. "}},"type":"updateCard","date":"2018-08-29T17:53:30.120Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b86dd824bf0dd193088eb26","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit) form. "},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit) form. "}},"type":"updateCard","date":"2018-08-29T17:53:06.218Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b8561aee3f9e33dd7b4341b","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","pos":360447.5625},"old":{"pos":786431.125}},"type":"updateCard","date":"2018-08-28T14:52:30.046Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855f241126880b06b45205","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","desc":"La columna **Backlog QA** es una columna en la cual el equipo de QA cargará  errores tanto visuales como funcionales que no perjudiquen alguna funcionalidad directamente. Estas cards pueden cargarse cuando se está testeando y se encuentra algo por fuera de la funcionalidad que se está probando o algun error que no impida testear la funcionalidad en sí\n\nSe cargará la card analizando el error, detallando en que card se encontró y describiendo cuáles son los criterios de aceptación.\n\nLas cards de **Backlog QA** deben ser tenidas en cuenta en la Planning y será decisión del TM o del equipo decidir si la card será vista en el sprint o no. Si la card es tenida en cuenta para trabajar en el sprint, se trabajará exactamente igual que cualquier otra card. \n\nEs recomendación del Equipo de QA que se atiendan este tipo de cards, ya que son las que terminan agregándole un valor al producto o una mejor experiencia de usuario. \n\n\n"},"old":{"desc":"La columna **Backlog QA** es una columna en la cual el equipo de QA cargará  errores tanto visuales como funcionales que no perjudiquen alguna funcionalidad directamente. Estas cards pueden cargarse cuando se está testeando y se encuentra algo por fuera de la funcionalidad que se está probando o algun error que no impida testear la funcionalidad en sí\n\nSe cargará la card analizando el error, detallando en que card se encontró y describiendo cuáles son los criterios de aceptación.\n\nLas cards de **Backlog QA** deben ser tenidas en cuenta en la Planning y será decisión del TM o del equipo decidir si la card será vista en el sprint o no.\n\nEs recomendación del Equipo de QA que se atiendan este tipo de cards, ya que son las que terminan agregándole un valor al producto o una mejor experiencia de usuario. \n\n\n"}},"type":"updateCard","date":"2018-08-28T14:41:40.589Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855ecc5b0b26623466702b","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f","desc":"La columna **Backlog QA** es una columna en la cual el equipo de QA cargará  errores tanto visuales como funcionales que no perjudiquen alguna funcionalidad directamente. Estas cards pueden cargarse cuando se está testeando y se encuentra algo por fuera de la funcionalidad que se está probando o algun error que no impida testear la funcionalidad en sí\n\nSe cargará la card analizando el error, detallando en que card se encontró y describiendo cuáles son los criterios de aceptación.\n\nLas cards de **Backlog QA** deben ser tenidas en cuenta en la Planning y será decisión del TM o del equipo decidir si la card será vista en el sprint o no.\n\nEs recomendación del Equipo de QA que se atiendan este tipo de cards, ya que son las que terminan agregándole un valor al producto o una mejor experiencia de usuario. \n\n\n"},"old":{"desc":""}},"type":"updateCard","date":"2018-08-28T14:40:12.814Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855b5b9554407de22d6e70","idMemberCreator":"56f0048259f9b1bed796daba","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"card":{"shortLink":"wqhmmM52","idShort":32,"name":"¿Qué es Backlog QA?","id":"5b855b5b9554407de22d6e6f"}},"type":"createCard","date":"2018-08-28T14:25:31.972Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855b4ea77aba1aa5787856","idMemberCreator":"56f0048259f9b1bed796daba","data":{"listAfter":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"},"listBefore":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k8mW8aid","idShort":31,"name":"Test Plan Template","id":"5b855b3e81e93056332e2b8c","idList":"5b806cc8b42d705604b637f4"},"old":{"idList":"5a37bc4aac4a6249874290b2"}},"type":"updateCard","date":"2018-08-28T14:25:18.968Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855b3e81e93056332e2b8d","idMemberCreator":"56f0048259f9b1bed796daba","data":{"cardSource":{"shortLink":"Nv0ZOj8A","idShort":3206,"name":"Test Plan Template","id":"595aa1a2e8e792a3119523df"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"k8mW8aid","idShort":31,"name":"Test Plan Template","id":"5b855b3e81e93056332e2b8c"}},"type":"copyCard","date":"2018-08-28T14:25:02.904Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855a768786b313f92ee961","idMemberCreator":"56f0048259f9b1bed796daba","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","desc":"##Metodología Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/\n\n##Armado de Test Plan\n\n- https://docs.google.com/document/d/1nEAKCbFbIg4ak2DjCox4C0d1GCw2MNAwTnK-aBuoj8g"},"old":{"desc":"##Flujo de Procedimiento Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n##Contenido de una Card para Quality Assurance\n\n- https://docs.google.com/document/d/1TuRrGHxtjwKle3PqKtSeOYZPJaRUf-0Z6a9BOPcjnps/edit\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/\n\n##Armado de Test Plan\n\n- https://docs.google.com/document/d/1nEAKCbFbIg4ak2DjCox4C0d1GCw2MNAwTnK-aBuoj8g"}},"type":"updateCard","date":"2018-08-28T14:21:42.107Z","limits":{},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b855a2c86e9655969c467b7","idMemberCreator":"56f0048259f9b1bed796daba","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"58cfe1855cfb12d34d8d3269","memberType":"normal"},"type":"addMemberToBoard","date":"2018-08-28T14:20:28.226Z","limits":{},"member":{"id":"58cfe1855cfb12d34d8d3269","avatarHash":"759805e2ea166c0780b5c6b9421c862f","avatarUrl":"https://trello-avatars.s3.amazonaws.com/759805e2ea166c0780b5c6b9421c862f","fullName":"Juan Cruz Segura","idMemberReferrer":null,"initials":"JC","nonPublic":{},"nonPublicAvailable":false,"username":"juancruzsegura"},"memberCreator":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"}},{"id":"5b8070cb8b386611d2cdb920","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"id":"5a7f559fdc1ad00fce45dab9","name":"Cards asociadas"},"old":{"name":"Criterio de Aceptación"}},"type":"updateChecklist","date":"2018-08-24T20:55:39.944Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b8070c5ba0b814b210d7875","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-08-24T20:55:33.465Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b807057fb56586f9e23d06f","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","desc":"##Flujo de Procedimiento Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n##Contenido de una Card para Quality Assurance\n\n- https://docs.google.com/document/d/1TuRrGHxtjwKle3PqKtSeOYZPJaRUf-0Z6a9BOPcjnps/edit\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/\n\n##Armado de Test Plan\n\n- https://docs.google.com/document/d/1nEAKCbFbIg4ak2DjCox4C0d1GCw2MNAwTnK-aBuoj8g"},"old":{"desc":"##Flujo de Procedimiento Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n##Contenido de una Card para Quality Assurance\n\n- https://docs.google.com/document/d/1TuRrGHxtjwKle3PqKtSeOYZPJaRUf-0Z6a9BOPcjnps/edit\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/"}},"type":"updateCard","date":"2018-08-24T20:53:43.592Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b806fce2f3f53561b30e8cf","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","desc":"##Flujo de Procedimiento Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n##Contenido de una Card para Quality Assurance\n\n- https://docs.google.com/document/d/1TuRrGHxtjwKle3PqKtSeOYZPJaRUf-0Z6a9BOPcjnps/edit\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/"},"old":{"desc":""}},"type":"updateCard","date":"2018-08-24T20:51:26.724Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b806d1024492b82fad001fa","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5b806c9947ea6831356e004d/bc74a5cd26bbfa1c9e5e1eecfce4eaa3/logo-qa.png","name":"logo-qa.png","id":"5b806d1024492b82fad001e0","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/600x450/7e381a9009362f7dcff53c8a49481a9c/logo-qa.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5b806c9947ea6831356e004d/bc74a5cd26bbfa1c9e5e1eecfce4eaa3/logo-qa.png"}},"type":"addAttachmentToCard","date":"2018-08-24T20:39:44.952Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b806cfc3805b307f0e3ce63","idMemberCreator":"584575f0c159a4ef605082c7","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d","pos":73471.439453125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-08-24T20:39:24.602Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b806cc8b42d705604b637f5","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog QA","id":"5b806cc8b42d705604b637f4"}},"type":"createList","date":"2018-08-24T20:38:32.948Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b806c9947ea6831356e004e","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"ULLOsxwO","idShort":30,"name":"Quality Assurance (QA)","id":"5b806c9947ea6831356e004d"}},"type":"createCard","date":"2018-08-24T20:37:45.184Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5c75810641337e89608d913e","idMemberCreator":"534eb03773417f7d62807f1c","data":{"text":"plus! 0/2 ","idOriginalCommenter":"583301119c6824cd9ae46124","cardSource":{"name":"Git!","idShort":3,"id":"59d4d9d3b48d5d6f2c95f00e"},"card":{"shortLink":"LpLW9QcO","name":"Git!","idShort":40,"id":"5c75810641337e89608d9129"},"board":{"shortLink":"kOdb6tCv","id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2"}},"type":"copyCommentCard","date":"2018-08-23T19:52:53.114Z","limits":{},"member":{"id":"583301119c6824cd9ae46124","avatarHash":"cfba304ae339c8368e0f900b29b3b6e5","avatarUrl":"https://trello-avatars.s3.amazonaws.com/cfba304ae339c8368e0f900b29b3b6e5","fullName":"Manuel Battan","idMemberReferrer":null,"initials":"MB","nonPublic":{},"nonPublicAvailable":false,"username":"manuelbattan1"},"memberCreator":{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"fullName":"Pablo Ferro","idMemberReferrer":null,"initials":"PF","nonPublic":{},"nonPublicAvailable":false,"username":"pabloferro1"}},{"id":"5b6c87e75cb54840933c9ef7","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"56f0048259f9b1bed796daba","memberType":"normal"},"type":"addMemberToBoard","date":"2018-08-09T18:28:55.614Z","limits":{},"member":{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","fullName":"Ezequiel Schwemmer","idMemberReferrer":null,"initials":"ES","nonPublic":{},"nonPublicAvailable":false,"username":"ezequielschwemmer"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5b4f9ca5a756f811981d2330","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit) form. "},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-07-18T20:01:41.894Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b463255302cbe3de81e8ea8","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a","desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet o [esta otra](https://yoksel.github.io/flex-cheatsheet/) que te explican un poco que hace cada propiedad.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet que te explica un poco que hace cada propiedad.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-07-11T16:37:41.887Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b19a3e7bc895df2cd6d4c31","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-06-07T21:30:15.377Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b19981ea18ff3d306a487aa","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-06-07T20:39:58.656Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5b0dc876943483d9d739374f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'equalizer';\n@import 'styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-05-29T21:39:02.689Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5ae8bdff3c63742450632b0a","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"Kd3fZBmb","idShort":29,"id":"5ae8bde66bb3ee069485fbaa"}},"type":"deleteCard","date":"2018-05-01T19:20:31.536Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5ae8bdb37183bab342ba539d","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"xaT3WOZI","idShort":1,"name":"Bienvenido/a al training!","id":"5a37bc4aac4a6249874290c9"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290c9/44f390a3066948655eebf7dd20b2f87d/Screen_Shot_2018-05-01_at_15.52.03.png","name":"Screen Shot 2018-05-01 at 15.52.03.png","id":"5ae8bdb37183bab342ba539a","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290c9/44f390a3066948655eebf7dd20b2f87d/Screen_Shot_2018-05-01_at_15.52.03.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290c9/44f390a3066948655eebf7dd20b2f87d/Screen_Shot_2018-05-01_at_15.52.03.png"}},"type":"addAttachmentToCard","date":"2018-05-01T19:19:15.940Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5aba828df1468e90782b384a","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"id":"5a7f3f1b4e7a05f9dd4c6ca9","name":"assets.tar.gz"}},"type":"deleteAttachmentFromCard","date":"2018-03-27T17:42:37.785Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5aba828a442f262fde2c4f89","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/55daacff73e1760336bd6a6d9ac76f93/assets.zip","name":"assets.zip","id":"5aba828a442f262fde2c4f88"}},"type":"addAttachmentToCard","date":"2018-03-27T17:42:34.092Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5ab55f539d609c2d2b044fda","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-03-23T20:10:59.762Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5ab55eebdde513f7655274cf","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"59356ad582f177ee4f8b3ff8","memberType":"normal"},"type":"addMemberToBoard","date":"2018-03-23T20:09:15.356Z","limits":{},"member":{"id":"59356ad582f177ee4f8b3ff8","avatarHash":"3086ce2ab693dcd4b211cd9245a75170","avatarUrl":"https://trello-avatars.s3.amazonaws.com/3086ce2ab693dcd4b211cd9245a75170","fullName":"FrankIglesias","idMemberReferrer":null,"initials":"F","nonPublic":{},"nonPublicAvailable":false,"username":"frankiglesias"},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a959364bd8b66ba3304b2d3","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac","pos":236927.1298828125},"old":{"pos":671743.125}},"type":"updateCard","date":"2018-02-27T17:20:36.337Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a959363fd1ee5a1d303aad1","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac","pos":671743.125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-27T17:20:35.787Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a901a9630bd2a2e68755391","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac","desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animación a las tecnologías. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentación [aquí](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aquí](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnología el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n"},"old":{"desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animacion a las tecnologias. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentacion [aqui](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aqui](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnologia el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n"}},"type":"updateCard","date":"2018-02-23T13:43:50.746Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a9010be7505e45e77d7926b","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a9010be7505e45e77d7926a"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac"}},"type":"addChecklistToCard","date":"2018-02-23T13:01:50.061Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a9010a9536d032c46f3ada0","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac","desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animacion a las tecnologias. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentacion [aqui](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aqui](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnologia el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n"},"old":{"desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animacion a las tecnologias. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentacion [aqui](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aqui](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnologia el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n"}},"type":"updateCard","date":"2018-02-23T13:01:29.754Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a901097e719c416c503c63d","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac","desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animacion a las tecnologias. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentacion [aqui](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aqui](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnologia el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n"},"old":{"desc":""}},"type":"updateCard","date":"2018-02-23T13:01:11.468Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a901092656bb17abdb01c0c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"CSS Transitions","id":"5a900dfcba03cb2bc777ccac"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-23T13:01:06.311Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900ef91b51362691db25aa","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"id":"5a900dfcba03cb2bc777ccac","name":"CSS Transitions"},"old":{"name":"Animations"}},"type":"updateCard","date":"2018-02-23T12:54:17.354Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900eb6b3fb0447f36d4482","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"Animations","id":"5a900dfcba03cb2bc777ccac"},"attachment":{"id":"5a900e8dbd9f552e05d98cf6","name":"cover"}},"type":"deleteAttachmentFromCard","date":"2018-02-23T12:53:10.577Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900eb29293460d0ef283bc","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"Animations","id":"5a900dfcba03cb2bc777ccac","idAttachmentCover":"5a900ead4c32d672c3d142c5"},"old":{"idAttachmentCover":""}},"type":"updateCard","date":"2018-02-23T12:53:06.073Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900ead4c32d672c3d142c7","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"Animations","id":"5a900dfcba03cb2bc777ccac"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a900dfcba03cb2bc777ccac/1ea0712be60ef6c6317cbcc72040f9ff/tech.gif","name":"tech.gif","id":"5a900ead4c32d672c3d142c5","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a900dfcba03cb2bc777ccac/1ea0712be60ef6c6317cbcc72040f9ff/tech.gif","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a900dfcba03cb2bc777ccac/1ea0712be60ef6c6317cbcc72040f9ff/tech.gif"}},"type":"addAttachmentToCard","date":"2018-02-23T12:53:01.693Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900ea2ac03e82c91d8b974","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"Animations","id":"5a900dfcba03cb2bc777ccac","idAttachmentCover":""},"old":{"idAttachmentCover":"5a900e8dbd9f552e05d98cf6"}},"type":"updateCard","date":"2018-02-23T12:52:50.566Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900e8dbd9f552e05d98cf8","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a900dfcba03cb2bc777ccac","name":"Animations","idShort":28,"shortLink":"k2cLMCkF"},"attachment":{"id":"5a900e8dbd9f552e05d98cf6","name":"cover"}},"type":"addAttachmentToCard","date":"2018-02-23T12:52:29.288Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a900dfcba03cb2bc777ccad","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"k2cLMCkF","idShort":28,"name":"Animations","id":"5a900dfcba03cb2bc777ccac"}},"type":"createCard","date":"2018-02-23T12:50:04.399Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a8a005d193c8dbdf46974b6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:38:21.091Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a8a0055e914adbdb1c16e33","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente. Con respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:38:13.703Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89fb6ffe536a34041a780e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:17:19.560Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89fb3ca71f5ec8266c8eb6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:16:28.644Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89f9f0beb2897f4de43113","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla en el Tech-Guides de Front-End en la seccion de Layout, podes acceder directamente desde [aca](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:10:56.338Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89f9a519c807474bc2a306","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "}},"type":"updateCard","date":"2018-02-18T22:09:41.997Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89d14443a77b59de3f4e7d","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"PIiysQFh","idShort":18,"id":"5a7f069c8a6bb4100a615a9d"}},"type":"deleteCard","date":"2018-02-18T19:17:24.252Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89d13498bcacf8fc14614f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"KYXOZUpP","idShort":27,"name":"HTML Basics","id":"5a89d1229393e0e0cba8af82"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-18T19:17:08.029Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a89d1229393e0e0cba8af93","idMemberCreator":"5214c82c9c798125080000e1","data":{"cardSource":{"shortLink":"PIiysQFh","idShort":18,"name":"HTML Basics","id":"5a7f069c8a6bb4100a615a9d"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"KYXOZUpP","idShort":27,"name":"HTML Basics","id":"5a89d1229393e0e0cba8af82"}},"type":"copyCard","date":"2018-02-18T19:16:50.844Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a87408ed3bffddbcb2bff73","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"5947e4b48ed6b8a75e2d3834","memberType":"normal"},"type":"addMemberToBoard","date":"2018-02-16T20:35:26.680Z","limits":{},"member":{"id":"5947e4b48ed6b8a75e2d3834","avatarHash":"c57cf9241716e2b2c6bd291001897ddc","avatarUrl":"https://trello-avatars.s3.amazonaws.com/c57cf9241716e2b2c6bd291001897ddc","fullName":"Francisco Parodi","idMemberReferrer":null,"initials":"FP","nonPublic":{},"nonPublicAvailable":false,"username":"franpa"},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa9da7af2f1a7c06e539","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9","desc":"Ahora tenemos una web que funciona perfectamente en los últimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino también en tamaños de pantalla. De hecho hoy en día gran cantidad de los usuarios se manejan únicamente con el teléfono y es por esto que tenemos que lograr que nuestro sitio sea usable en teléfonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adaptar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo decíamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimización de tiempo hacemos que las vistas mobile apliquen a tablet y a teléfono (salvo algunos casos en donde explícitamente se piden diseños para tablet y teléfono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora tenemos una web que funciona perfectamente en los últimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino también en tamaños de pantalla. De hecho hoy en día gran cantidad de los usuarios se manejan únicamente con el teléfono y es por esto que tenemos que lograr que nuestro sitio sea usable en teléfonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adaptar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo decíamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimización de tiempo hacemos que las vistas mobile apliquen a tablet y a teléfono (salvo algunos casos en donde explícitamente se piden diseños para tablet y teléfono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho."}},"type":"updateCard","date":"2018-02-16T15:37:01.402Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa93523fcbbeb22594e2","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6","desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicación de los componentes. \n\nComo es algo tan moderno todavía no lo estamos incluyendo en nuestros proyectos, ya que al día de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habría que hacer una nueva implementación compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas así que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n"},"old":{"desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicación de los componentes. \n\nComo es algo tan moderno todavía no lo estamos incluyendo en nuestros proyectos, ya que al día de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habría que hacer una nueva implementación compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas así que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n"}},"type":"updateCard","date":"2018-02-16T15:36:51.982Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa8e4a22b65481dc01e7","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8","desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer. Este componente vamos a plantearlo en un archivo `footer.scss` para tener sus estilos separados como el resto.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer. Este componente vamos a plantearlo en un archivo `footer.scss` para tener sus estilos separados como el resto."}},"type":"updateCard","date":"2018-02-16T15:36:46.212Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa864b5f7ec6b6c2518a","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7","desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar deberá permanecer fija y visible en el lugar mientras que el contenido de la aplicación deberá ser scrolleable y pasar por detrás de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n\n"},"old":{"desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar deberá permanecer fija y visible en el lugar mientras que el contenido de la aplicación deberá ser scrolleable y pasar por detrás de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"}},"type":"updateCard","date":"2018-02-16T15:36:38.522Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa7ea4e34cccf51816d5","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente. Con respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente. Con respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e)."}},"type":"updateCard","date":"2018-02-16T15:36:30.103Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa774aed507889df1286","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías."}},"type":"updateCard","date":"2018-02-16T15:36:23.479Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa7035977a956b319974","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo"}},"type":"updateCard","date":"2018-02-16T15:36:16.411Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa6a36312326caa32afe","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d)."}},"type":"updateCard","date":"2018-02-16T15:36:10.635Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa64234a51dbf52c2d21","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos."}},"type":"updateCard","date":"2018-02-16T15:36:04.046Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa5abdeaf17801bbeb6f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban."}},"type":"updateCard","date":"2018-02-16T15:35:54.849Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa4e2f39f1be4e260356","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"SASS","id":"5a7f36fde10a73260220b3b5","desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu código se convierte en CSS y lo que termina usando el browser es este código convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas fácil pasar de código CSS a código SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un montón las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu código se convierte en CSS y lo que termina usando el browser es este código convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas fácil pasar de código CSS a código SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un montón las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos."}},"type":"updateCard","date":"2018-02-16T15:35:42.077Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa45c4bdc0bec483dc6f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a","desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet que te explica un poco que hace cada propiedad.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n------------------\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet que te explica un poco que hace cada propiedad."}},"type":"updateCard","date":"2018-02-16T15:35:33.424Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86fa3992ef8e205b4c51b0","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d","desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podrás encontrar [aquí](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. "},"old":{"desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podrás encontrar [aquí](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."}},"type":"updateCard","date":"2018-02-16T15:35:21.280Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f8fc802883c6db8705db","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9","desc":"Ahora tenemos una web que funciona perfectamente en los últimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino también en tamaños de pantalla. De hecho hoy en día gran cantidad de los usuarios se manejan únicamente con el teléfono y es por esto que tenemos que lograr que nuestro sitio sea usable en teléfonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adaptar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo decíamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimización de tiempo hacemos que las vistas mobile apliquen a tablet y a teléfono (salvo algunos casos en donde explícitamente se piden diseños para tablet y teléfono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho."},"old":{"desc":"Ahora tenemos una web que funciona perfectamente en los ultimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino tambien en tamaños de pantalla. De hecho hoy en dia gran cantidad de los usuarios se manejan unicamente con el telefono y es por esto que tenemos que lograr que nuestro sitio sea usable en telefonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adapatar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo deciamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimizacion de tiempo hacemos que las vistas mobile apliquen a tablet y a telefono (salvo algunos casos en donde explicitamente se piden diseños para tablet y telefono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho."}},"type":"updateCard","date":"2018-02-16T15:30:04.427Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f8992d2a44bd8099924e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6","desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicación de los componentes. \n\nComo es algo tan moderno todavía no lo estamos incluyendo en nuestros proyectos, ya que al día de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habría que hacer una nueva implementación compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas así que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n"},"old":{"desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicacion de los componentes. \n\nComo es algo tan moderno todavia no lo estamos incluyendo en nuestros proyectos, ya que al dia de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habria que hacer una nueva implementacion compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas asi que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n"}},"type":"updateCard","date":"2018-02-16T15:28:25.056Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f87265bb8529655bae67","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7","desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar deberá permanecer fija y visible en el lugar mientras que el contenido de la aplicación deberá ser scrolleable y pasar por detrás de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"},"old":{"desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar debera permanecer fija y visible en el lugar mientras que el contenido de la aplicacion debera ser scrolleable y pasar por detras de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"}},"type":"updateCard","date":"2018-02-16T15:27:46.529Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f8569388d778571c4dc6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente. Con respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu trainer así es te explica cual es la forma correcta de usar ambos.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e)."},"old":{"desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberias poder alinearlos correctamente. Con respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que hables con tu capacitador asi es te explica cual es la forma correcta de usar ambos.\n\nLos textos de cada una de las tecnologias se encuentran [acá](https://gist.github.com/mcallegari10/26fb304891ec249cfce6360d903e7c3e)."}},"type":"updateCard","date":"2018-02-16T15:27:18.451Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f82c215de9be3087a994","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías."},"old":{"desc":"Al igual que con los titulos vamos a armar cada tecnologia como un componente, para esto le agregaremos al `index.html`, debajo del codigo que representa el titulo, el codigo que representa una tecnologia. Tambien le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologias."}},"type":"updateCard","date":"2018-02-16T15:26:36.100Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f7ff75fc105253b2ade1","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo"},"old":{"desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representacion sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Titulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los titulos. Aqui lo que deberas lograr es agregar al `index.html` el codigo HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo"}},"type":"updateCard","date":"2018-02-16T15:25:51.426Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f7dffb5213471a68bbb9","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos."},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos."}},"type":"updateCard","date":"2018-02-16T15:25:19.912Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f7bc748b00872369fcd0","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban."},"old":{"desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al application.scss:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abris el archivos `index.html` con algun browser vas a ver un `Hello World` en color negro. Esto es porque todavia no hicimos que se haga la compilacion de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guia volve a abrir el archivo y ahora deberias ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que esten en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban."}},"type":"updateCard","date":"2018-02-16T15:24:44.505Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f72a0e9b46f0f87cfd95","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"SASS","id":"5a7f36fde10a73260220b3b5","desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu código se convierte en CSS y lo que termina usando el browser es este código convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas fácil pasar de código CSS a código SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un montón las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos."},"old":{"desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu codigo se convierte en CSS y lo que termina usando el browser es este codigo convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas facil pasar de codigo CSS a codigo SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un monton las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos."}},"type":"updateCard","date":"2018-02-16T15:22:18.633Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f6ef4ae014a39c3a8075","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d","desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podrás encontrar [aquí](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."},"old":{"desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podras encontrar [aqui](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."}},"type":"updateCard","date":"2018-02-16T15:21:19.373Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f645c4bdc0bec483495c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8","idAttachmentCover":"5a86f636d1702528b257c0f1"},"old":{"idAttachmentCover":""}},"type":"updateCard","date":"2018-02-16T15:18:29.412Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f636d1702528b257c0f2","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d8/ce060d2c535ea926d0a78e98c433376b/footer.png","name":"footer.png","id":"5a86f636d1702528b257c0f1","edgeColor":"#74d4f4","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/600x84/1db48b9f10256842ac8217e835b81c98/footer.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/1200x169/1b68ba4b3dfff901799371abe9544edd/footer.png"}},"type":"addAttachmentToCard","date":"2018-02-16T15:18:14.824Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f629a820767142e1508a","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8"},"attachment":{"id":"5a86de366e8c4ebe0c991601","name":"footer"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T15:18:01.846Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f627ec0c3a26d0f20935","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8","idAttachmentCover":""},"old":{"idAttachmentCover":"5a86de366e8c4ebe0c991601"}},"type":"updateCard","date":"2018-02-16T15:17:59.668Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f6039aa7d82669ce56a6","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"attachment":{"id":"5a86f53775fc105253b211ee","name":"maquetado_mobile.png"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T15:17:23.710Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f5f67be0ce30f382c63e","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e2b269fe68c6f834c5e1849a3f951fb5/maquetado_mobile_2.png","name":"maquetado_mobile_2.png","id":"5a86f5f67be0ce30f382c63d","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/600x6360/bfa171f6e7c916c6f2da7d87dd43be50/maquetado_mobile_2.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e2b269fe68c6f834c5e1849a3f951fb5/maquetado_mobile_2.png"}},"type":"addAttachmentToCard","date":"2018-02-16T15:17:10.389Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f5f1169549a2c8ef4eb0","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"attachment":{"id":"5a86f5cb32ef2be325a16f00","name":"maquetado_mobile_2"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T15:17:05.554Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f5cc32ef2be325a16f05","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d9","name":"Diseño responsive","idShort":17,"shortLink":"TQqUUoD8"},"attachment":{"id":"5a86f5cb32ef2be325a16f00","name":"maquetado_mobile_2"}},"type":"addAttachmentToCard","date":"2018-02-16T15:16:28.092Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f54345327e789bea0998","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"attachment":{"id":"5a3721fbf4e63598b7eccc80","name":"responsive_design.png"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T15:14:11.737Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f53e17dd28e33def319c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9","idAttachmentCover":"5a86e9cfd4723275f4c125eb"},"old":{"idAttachmentCover":"5a86f53775fc105253b211ee"}},"type":"updateCard","date":"2018-02-16T15:14:06.366Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f53875fc105253b21207","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d9","name":"Diseño responsive","idShort":17,"shortLink":"TQqUUoD8"},"attachment":{"id":"5a86f53775fc105253b211ee","name":"maquetado_mobile.png"}},"type":"addAttachmentToCard","date":"2018-02-16T15:14:00.086Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f1125780adc6d2df8b2e","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a86f1125780adc6d2df8b2d"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"}},"type":"addChecklistToCard","date":"2018-02-16T14:56:18.659Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86f1090e91e310bf932bd6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9","desc":"Ahora tenemos una web que funciona perfectamente en los ultimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino tambien en tamaños de pantalla. De hecho hoy en dia gran cantidad de los usuarios se manejan unicamente con el telefono y es por esto que tenemos que lograr que nuestro sitio sea usable en telefonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adapatar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo deciamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimizacion de tiempo hacemos que las vistas mobile apliquen a tablet y a telefono (salvo algunos casos en donde explicitamente se piden diseños para tablet y telefono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho."},"old":{"desc":"Como última instancia, se necesita adaptar este ultimo diseño en formato responsive tal como lo muestra el diseño adjunto.\n\n--------------------\nEsta card se considera APROBADA cuando se logra el diseño responsive adjunto.\n"}},"type":"updateCard","date":"2018-02-16T14:56:09.644Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e9d0d4723275f4c125f5","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e962f07a0db029c747fd6a2957603b2e/que-es-responsive-web-design.jpg","name":"que-es-responsive-web-design.jpg","id":"5a86e9cfd4723275f4c125eb","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/600x375/70cfff77e6f46eb247f40c1ada946195/que-es-responsive-web-design.jpg.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/1200x750/57f7c13a3826b876dcd270664f0c3ee3/que-es-responsive-web-design.jpg.png"}},"type":"addAttachmentToCard","date":"2018-02-16T14:25:20.690Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e96c41c905bb6e79f8d0","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a86e96c41c905bb6e79f8cf"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6"}},"type":"addChecklistToCard","date":"2018-02-16T14:23:40.632Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e892ad1da82977804dfb","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/a0d85abde0b0386bda8527b2093182bb/20170621-CSS-Grid-Layout-710x355-tiny.png","name":"20170621-CSS-Grid-Layout-710x355-tiny.png","id":"5a86e892ad1da82977804df4","edgeColor":"#ec8cbc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/600x300/be256808f95fe5840dc1e4648cebb4d0/20170621-CSS-Grid-Layout-710x355-tiny.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/a0d85abde0b0386bda8527b2093182bb/20170621-CSS-Grid-Layout-710x355-tiny.png"}},"type":"addAttachmentToCard","date":"2018-02-16T14:20:02.590Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e88579186ae34d5f022c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6","desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicacion de los componentes. \n\nComo es algo tan moderno todavia no lo estamos incluyendo en nuestros proyectos, ya que al dia de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habria que hacer una nueva implementacion compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas asi que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n"},"old":{"desc":"Desde el equipo de diseño, se decidió realizar un nuevo diseño a la página como la imágen muestra.\n\n----------------\n\nUtilizaremos una nueva herramienta llamada [CSS-Grid](https://css-tricks.com/snippets/css/complete-guide-grid/)\n\n----------------\n\nEsta card se considera APROBADA cuando se completa el nuevo layout.\n"}},"type":"updateCard","date":"2018-02-16T14:19:49.723Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e04b899f97ba25495948","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6"},"attachment":{"id":"5a358fab545b785d1e2cd1be","name":"new_design.png"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T13:44:43.806Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86e03efcacfa47073683d4","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/31ecc514bf37061468ac05d957376c16/Screenshot-2017-12-16_Maquetado(2).png","name":"Screenshot-2017-12-16_Maquetado(2).png","id":"5a86e03efcacfa47073683d3","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/600x978/1d417496acfc0c175179eed3b31a9bcb/Screenshot-2017-12-16_Maquetado(2).png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/1200x1957/a339f252bb1836eaf6f8c68b4821c606/Screenshot-2017-12-16_Maquetado(2).png"}},"type":"addAttachmentToCard","date":"2018-02-16T13:44:30.909Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86df560f5cc5e3412709c7","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7","desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar debera permanecer fija y visible en el lugar mientras que el contenido de la aplicacion debera ser scrolleable y pasar por detras de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"},"old":{"desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pantalla!\n\nLa navbar debera permanecer fija y visible en el lugar mientras que el contenido de la aplicacion debera ser scrolleable y pasar por detras de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"}},"type":"updateCard","date":"2018-02-16T13:40:38.180Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86df0edfc09954a4ed99f4","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8","desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer. Este componente vamos a plantearlo en un archivo `footer.scss` para tener sus estilos separados como el resto."},"old":{"desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer."}},"type":"updateCard","date":"2018-02-16T13:39:26.627Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86de971ef40d2934af6174","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a86de971ef40d2934af6171"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8"}},"type":"addChecklistToCard","date":"2018-02-16T13:37:27.504Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86de409b406fbd93de1d8d","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8"},"attachment":{"id":"5a35a3460e465f357bb45057","name":"image.png"}},"type":"deleteAttachmentFromCard","date":"2018-02-16T13:36:00.768Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a86de376e8c4ebe0c99160f","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d8","name":"Footer","idShort":16,"shortLink":"lzoSWWwg"},"attachment":{"id":"5a86de366e8c4ebe0c991601","name":"footer"}},"type":"addAttachmentToCard","date":"2018-02-16T13:35:51.439Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85eaef0b0548a7cd1f85da","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"id":"5a7f3bb6d46a8b831cf94365","name":"diseño training de maquetado.png"}},"type":"deleteAttachmentFromCard","date":"2018-02-15T20:17:51.710Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85eae406b29ce0a18e8dd2","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/4b6fc7619fb86f8b7e3f7082a5a6e46c/disen%CC%83o_training_de_maquetado.png","name":"diseño training de maquetado.png","id":"5a85eae406b29ce0a18e8dc9","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/600x804/911f66fd92eface3d045e32b0f4dce54/disen%CC%83o_training_de_maquetado.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/1200x1609/b733ee218b52df0265e5f40779141153/disen%CC%83o_training_de_maquetado.png"}},"type":"addAttachmentToCard","date":"2018-02-15T20:17:40.665Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e6c35fdf58916ec1f658","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8","desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer."},"old":{"desc":"## Descripción\n\nSe deberá hacer el footer de la página. El mismo consiste en un formulario de contacto y el copyright correspondiente.\n\n-------------------\nEsta card se considera APROBADA una vez que se implemente el footer respetando el diseño.\n\n### Tamaños\nfooter-height: 30vh;"}},"type":"updateCard","date":"2018-02-15T20:00:03.756Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e378e118d279595aa1c3","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a85e378e118d279595aa1c2"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7"}},"type":"addChecklistToCard","date":"2018-02-15T19:46:00.919Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e358c8e40e289f1bf82a","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7","desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pantalla!\n\nLa navbar debera permanecer fija y visible en el lugar mientras que el contenido de la aplicacion debera ser scrolleable y pasar por detras de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n"},"old":{"desc":"## Descripción\n\nSe deberá realizar la navbar de acuerdo al diseño.\n\n### Consideraciones\n\nLa navbar debe ser \"steaky\" (fija al tope de la pantalla).\n\n------------------\nLa card se considera APROBADA una vez que se cumpla con el diseño y la consideración.\n\n\n### Tamaños\nnav-height: 90px;\n\n"}},"type":"updateCard","date":"2018-02-15T19:45:28.271Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e2951772345fee2ae4c7","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-15T19:42:13.601Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e28d18e5b9ead16b1a9a","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-02-15T19:42:05.649Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e2861f5a4a79051cc46e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-02-15T19:41:58.369Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e273677395d215592c61","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","pos":228095.134765625},"old":{"pos":311295.125}},"type":"updateCard","date":"2018-02-15T19:41:39.989Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e272b557b3252e26c77d","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225","pos":311295.125},"old":{"pos":753663.125}},"type":"updateCard","date":"2018-02-15T19:41:38.610Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e26ab952f4e0122dd192","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","pos":210431.14453125},"old":{"pos":311295.125}},"type":"updateCard","date":"2018-02-15T19:41:30.127Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e265cae6d27995424f5f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2","pos":311295.125},"old":{"pos":737279.125}},"type":"updateCard","date":"2018-02-15T19:41:25.685Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e25df14ca90af5cdcdce","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684","pos":175103.1640625},"old":{"pos":720895.125}},"type":"updateCard","date":"2018-02-15T19:41:17.516Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e254bc702a78ff56cb30","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"MT7lbqCo","idShort":12,"id":"5a37bc4aac4a6249874290d4"}},"type":"deleteCard","date":"2018-02-15T19:41:08.467Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e235887ce1485de05233","idMemberCreator":"5214c82c9c798125080000e1","data":{"cardSource":{"shortLink":"nzbjEygy","idShort":12,"name":"Content layout","id":"5a84a284285e78214712fd69"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"ocUYMthv","idShort":26,"name":"Content layout","id":"5a85e235887ce1485de05225"}},"type":"copyCard","date":"2018-02-15T19:40:37.854Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e22985fea328daadb33a","idMemberCreator":"5214c82c9c798125080000e1","data":{"cardSource":{"shortLink":"g42159k2","idShort":24,"name":"Tecnologia","id":"5a84a54ae9348c65396d11ed"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"fp56JD2Y","idShort":25,"name":"Tecnologia","id":"5a85e22985fea328daadb2b2"}},"type":"copyCard","date":"2018-02-15T19:40:25.861Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a85e217a587cf531a169692","idMemberCreator":"5214c82c9c798125080000e1","data":{"cardSource":{"shortLink":"Nb8W2p1S","idShort":23,"name":"Page Titles","id":"5a84a292de51112144e8a529"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"5xX7rUjb","idShort":24,"name":"Page Titles","id":"5a85e217a587cf531a169684"}},"type":"copyCard","date":"2018-02-15T19:40:07.570Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a81e482a52afdaa824f14d6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d)."},"old":{"desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores desarrollaron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d)."}},"type":"updateCard","date":"2018-02-12T19:01:22.775Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f72f79d614edd100efa06","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TQqUUoD8","idShort":17,"name":"Diseño responsive","id":"5a37bc4aac4a6249874290d9"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-10T22:32:23.332Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f72eacefd6e92f2cef113","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"npmP4ny2","idShort":14,"name":"Rediseño de la página","id":"5a37bc4aac4a6249874290d6"},"text":"plus! 0/3 "},"type":"commentCard","date":"2018-02-10T22:32:10.320Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f72d9996057cfd514f574","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lzoSWWwg","idShort":16,"name":"Footer","id":"5a37bc4aac4a6249874290d8"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-02-10T22:31:53.251Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f72ccb9715b347adadda8","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-10T22:31:40.025Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f70d9fa75a54f821a77ee","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a","desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n------------------\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet que te explica un poco que hace cada propiedad."},"old":{"desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos."}},"type":"updateCard","date":"2018-02-10T22:23:21.504Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6f0f2abe9ac432729368","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116"},"text":"plus! 0/0.5 "},"type":"commentCard","date":"2018-02-10T22:15:43.020Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6eefcefd6e92f2cec5e5","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a7f6eefcefd6e92f2cec5e4"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116"}},"type":"addChecklistToCard","date":"2018-02-10T22:15:11.546Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6e6e2019e79cd49688ca","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a7f6e6e2019e79cd49688c9"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819"}},"type":"addChecklistToCard","date":"2018-02-10T22:13:02.148Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6e61322fd1ac1b85bfe6","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","desc":"Lo ultimo que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores desarrollaron.\n\nLa guia de estilo podrás encontrarla [aca](https://docs.google.com/document/d/1l2Q9gUG4efiCfUfAw-KYV2CTZbOZsYCiM36i4Yb9qa8/edit#heading=h.xxtcimnqo45d)."},"old":{"desc":""}},"type":"updateCard","date":"2018-02-10T22:12:49.245Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6cdcf17c6f70fbdb1493","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116"},"attachment":{"id":"5a7f6c923e22738b1b94f53e","name":"1*vePubKIIK_96qGEgKo5G4Q.jpeg"}},"type":"deleteAttachmentFromCard","date":"2018-02-10T22:06:20.981Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6cd702c337e42f72737f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","idAttachmentCover":"5a7f6cbcacddd38285b4b421"},"old":{"idAttachmentCover":""}},"type":"updateCard","date":"2018-02-10T22:06:15.368Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6cd305b777624d81d07c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","idAttachmentCover":""},"old":{"idAttachmentCover":"5a7f6cbcacddd38285b4b421"}},"type":"updateCard","date":"2018-02-10T22:06:11.557Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6cbcacddd38285b4b423","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f6b08d3e48fe4355ec116/7eba2b18c1b40022faff1fd352442dec/1_vePubKIIK_96qGEgKo5G4Q.jpeg","name":"1_vePubKIIK_96qGEgKo5G4Q.jpeg","id":"5a7f6cbcacddd38285b4b421","edgeColor":"#cc4c34","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f6b08d3e48fe4355ec116/7eba2b18c1b40022faff1fd352442dec/1_vePubKIIK_96qGEgKo5G4Q.jpeg","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f6b08d3e48fe4355ec116/7eba2b18c1b40022faff1fd352442dec/1_vePubKIIK_96qGEgKo5G4Q.jpeg"}},"type":"addAttachmentToCard","date":"2018-02-10T22:05:48.552Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6c923e22738b1b94f53f","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a7f6b08d3e48fe4355ec116","name":"Guia de estilos","idShort":23,"shortLink":"jFYYWBuL"},"attachment":{"id":"5a7f6c923e22738b1b94f53e","name":"1*vePubKIIK_96qGEgKo5G4Q.jpeg"}},"type":"addAttachmentToCard","date":"2018-02-10T22:05:06.336Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6b0e00a77f3461a4ae6e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116","pos":104447.203125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-10T21:58:38.809Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6b08d3e48fe4355ec117","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"jFYYWBuL","idShort":23,"name":"Guia de estilos","id":"5a7f6b08d3e48fe4355ec116"}},"type":"createCard","date":"2018-02-10T21:58:32.827Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f63b76cde2b9352abcca7","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-02-10T21:27:19.212Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f63af6b6cf39ce10e7ab1","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","pos":94207.28125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-10T21:27:11.647Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f63a65db402fc55c77c49","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos."},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer."}},"type":"updateCard","date":"2018-02-10T21:27:02.421Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f633df413a0fe36a231ec","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer."},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer."}},"type":"updateCard","date":"2018-02-10T21:25:17.316Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f632a110f6f9280258c00","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer."},"old":{"desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba."}},"type":"updateCard","date":"2018-02-10T21:24:58.126Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6309342bb2a0bbcb79f9","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripcion.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendra nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el unico archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'scss/equalizer';\n@import 'scss/styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba."},"old":{"desc":""}},"type":"updateCard","date":"2018-02-10T21:24:25.157Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f62543c5fb7cff4bf2112","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819"},"idMember":"5214c82c9c798125080000e1"},"type":"addMemberToCard","date":"2018-02-10T21:21:24.808Z","limits":{},"member":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f6002b26534c4a699ef5b","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f5ff3ac746c82d2f33819/d1f060054603b2a3cb455982446ac106/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","name":"6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","id":"5a7f6002b26534c4a699ef59","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/600x112/ae76a8790829a2f26820a5cb9d7e1fed/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f5ff3ac746c82d2f33819/d1f060054603b2a3cb455982446ac106/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png"}},"type":"addAttachmentToCard","date":"2018-02-10T21:11:30.185Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f5ff3ac746c82d2f3381a","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"JCelzfHS","idShort":22,"name":"CSS Resets","id":"5a7f5ff3ac746c82d2f33819"}},"type":"createCard","date":"2018-02-10T21:11:15.800Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f56dace96ded5222cc533","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-10T20:32:26.661Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f56b69c68351e342242fa","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"idzggaPE","idShort":15,"name":"Navbar","id":"5a37bc4aac4a6249874290d7","pos":245759.125},"old":{"pos":106495.1875}},"type":"updateCard","date":"2018-02-10T20:31:50.726Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f568482c4f9ac69232056","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"v4FTTOtN","idShort":13,"id":"5a37bc4aac4a6249874290d5"}},"type":"deleteCard","date":"2018-02-10T20:31:00.180Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f559fdc1ad00fce45daba","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a7f559fdc1ad00fce45dab9"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3"}},"type":"addChecklistToCard","date":"2018-02-10T20:27:11.756Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f54f1d27d24f9986179f5","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Proyecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al application.scss:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abris el archivos `index.html` con algun browser vas a ver un `Hello World` en color negro. Esto es porque todavia no hicimos que se haga la compilacion de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guia volve a abrir el archivo y ahora deberias ver el `Hello World` en rojo. \n\nPor ultimo como esto crea un par de cosas que no nos interesa que esten en el repositorio (como el `application.css`, la carpeta `.scss-cache` o el `application.css.map`) vamos a agregarlas al `.gitignore` para que no se suban."},"old":{"desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al application.scss:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"}},"type":"updateCard","date":"2018-02-10T20:24:17.675Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f5262df7251b2162bf47f","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"id":"5a37bc4aac4a6249874290d3","name":"Setup del Proyecto"},"old":{"name":"Setup del Projecto"}},"type":"updateCard","date":"2018-02-10T20:13:22.209Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f426f7e7939dd0797fc97","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"SitePoint\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al application.scss:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"},"old":{"desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"}},"type":"updateCard","date":"2018-02-10T19:05:19.275Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3f378a6bb4100a6579b4","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nLos colores de la pagina son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"},"old":{"desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nLos colores de la pagina son:\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"}},"type":"updateCard","date":"2018-02-10T18:51:35.652Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3f1b4e7a05f9dd4c6caa","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d3","name":"Setup del Projecto","idShort":11,"shortLink":"9KJopRkz"},"attachment":{"id":"5a7f3f1b4e7a05f9dd4c6ca9","name":"assets.tar.gz"}},"type":"addAttachmentToCard","date":"2018-02-10T18:51:07.750Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3d07f9cce50fd6ff83d2","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nLos colores de la pagina son:\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la pagina son:\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n- nav-height: 90px;\n- title-decoration-height: 90px;\n- title-decoration-width: 100px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"},"old":{"desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"}},"type":"updateCard","date":"2018-02-10T18:42:15.315Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3bba26255ce213fc17e8","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3","idAttachmentCover":"5a7f3b816a7ef6ac67fbe337"},"old":{"idAttachmentCover":"5a7f3bb6d46a8b831cf94365"}},"type":"updateCard","date":"2018-02-10T18:36:42.985Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3bb6d46a8b831cf94366","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d3","name":"Setup del Projecto","idShort":11,"shortLink":"9KJopRkz"},"attachment":{"id":"5a7f3bb6d46a8b831cf94365","name":"diseño training de maquetado.png"}},"type":"addAttachmentToCard","date":"2018-02-10T18:36:38.907Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3ba3fb9692ad826362c0","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"id":"5a7f3afd84c4f9811ddc3563","name":"Screenshot-2017-12-16_Maquetado(3).png"}},"type":"deleteAttachmentFromCard","date":"2018-02-10T18:36:19.585Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3b816a7ef6ac67fbe338","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/1f788eb8b640a007fbd282e8c0c9db3b/images.jpeg","name":"images.jpeg","id":"5a7f3b816a7ef6ac67fbe337","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/1f788eb8b640a007fbd282e8c0c9db3b/images.jpeg","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/1f788eb8b640a007fbd282e8c0c9db3b/images.jpeg"}},"type":"addAttachmentToCard","date":"2018-02-10T18:35:45.454Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3afd84c4f9811ddc3565","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a37bc4aac4a6249874290d3","name":"Setup del Projecto","idShort":11,"shortLink":"9KJopRkz"},"attachment":{"id":"5a7f3afd84c4f9811ddc3563","name":"Screenshot-2017-12-16_Maquetado(3).png"}},"type":"addAttachmentToCard","date":"2018-02-10T18:33:33.128Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3a3dada1e1b1f90d6cee","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"SASS","id":"5a7f36fde10a73260220b3b5"},"text":"plus! 0/1 "},"type":"commentCard","date":"2018-02-10T18:30:21.569Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3a309046a6a8e14d95df","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"SASS","id":"5a7f36fde10a73260220b3b5","desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu codigo se convierte en CSS y lo que termina usando el browser es este codigo convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas facil pasar de codigo CSS a codigo SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un monton las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos."},"old":{"desc":""}},"type":"updateCard","date":"2018-02-10T18:30:08.197Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3a1df17c424fe611c4b7","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a7f3a1df17c424fe611c4b6"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"SASS","id":"5a7f36fde10a73260220b3b5"}},"type":"addChecklistToCard","date":"2018-02-10T18:29:49.091Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f38900d4f574e7a447659","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"id":"5a7f36fde10a73260220b3b5","name":"SASS"},"old":{"name":"Sass"}},"type":"updateCard","date":"2018-02-10T18:23:12.584Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f3886157e1e7d174b3bf8","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"Sass","id":"5a7f36fde10a73260220b3b5"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f36fde10a73260220b3b5/481ca07bf954a43b619cb833f57325c5/cabecera-sass.png","name":"cabecera-sass.png","id":"5a7f3886157e1e7d174b3bf7","edgeColor":"#cc649c","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/600x275/30aade2482a6ef8565cefa3dc6b68aad/cabecera-sass.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/1200x550/6aee6cf86d263ff5d32371752a2ea262/cabecera-sass.png"}},"type":"addAttachmentToCard","date":"2018-02-10T18:23:02.548Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f37051c4615d4ac5e1f84","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"Sass","id":"5a7f36fde10a73260220b3b5","pos":73215.44140625},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-10T18:16:37.037Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f36fde10a73260220b3b6","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"lUz5hh39","idShort":21,"name":"Sass","id":"5a7f36fde10a73260220b3b5"}},"type":"createCard","date":"2018-02-10T18:16:29.680Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f36e11bb9d6fa0673429d","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-10T18:16:01.484Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f351df5d143710d255249","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d"},"text":"plus! 0/2 "},"type":"commentCard","date":"2018-02-10T18:08:29.598Z","limits":{"reactions":{"perAction":{"status":"ok","disableAt":1000,"warnAt":900},"uniquePerAction":{"status":"ok","disableAt":17,"warnAt":16}}},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f295e28fe340f9ed2b396","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"9KJopRkz","idShort":11,"name":"Setup del Projecto","id":"5a37bc4aac4a6249874290d3","desc":"Ahora que ya tenes los conocimientos basicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la pagina se encuentra adjunto a esta card y los assets que necesitas los podes encontrar [aca]().\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1)  crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles algo de contenido\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"},"old":{"desc":"Se deben crear los archivos: `index.html`, `scss/equalizer.scss`, `scss/application.scss` para comenzar el proyecto.\n\n----------------------\n\n El archivo index.html debe seguir la *estructura mínima* de un archivo HTML y debe vincular a la hoja de estilos.\n\nEl archivo reset debe ser [the equalizer](https://codepen.io/SKOLZ/pen/pWJjRL)\n\n---------------------\n\n**Nota**: Si este training no corresponde a RoR, seguir [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea) de instalación de Ruby y SASS\n"}},"type":"updateCard","date":"2018-02-10T17:18:22.362Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f24a3e010c67d528eab00","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a","pos":72703.4453125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-10T16:58:11.482Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f243f29802c0fbae4d66e","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"id":"5a7f0878ef0990b24e154ba1","name":"Criterio de Aceptación"},"old":{"name":"Criterio de Aceptacion"}},"type":"updateChecklist","date":"2018-02-10T16:56:31.778Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f24397856b8e3bef66af9","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"id":"5a7f0ec5b7a4e7817a3fa714","name":"Criterio de Aceptación"},"old":{"name":"Criterio de Aceptacion"}},"type":"updateChecklist","date":"2018-02-10T16:56:25.108Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f2412b8b49fe1927c1928","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptación","id":"5a7f2412b8b49fe1927c1927"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"}},"type":"addChecklistToCard","date":"2018-02-10T16:55:46.648Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f240d90ed93dd2272de7e","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"},"attachment":{"id":"5a7f2404bdeeb3a0aa40ef39","name":"http://Criterio"}},"type":"deleteAttachmentFromCard","date":"2018-02-10T16:55:41.533Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f240b4f3c84932bf43a6c","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"},"attachment":{"id":"5a7f24047f5a0b713a15ba1a","name":"http://de"}},"type":"deleteAttachmentFromCard","date":"2018-02-10T16:55:39.930Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f24093071eee1be8810b9","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"},"attachment":{"id":"5a7f240561b678cffbf3dbf2","name":"http://Aceptación"}},"type":"deleteAttachmentFromCard","date":"2018-02-10T16:55:37.799Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f240561b678cffbf3dbf3","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a7f11a3016f4c1eb4e5875a","name":"CSS Flexbox","idShort":20,"shortLink":"Ey2thutU"},"attachment":{"id":"5a7f240561b678cffbf3dbf2","name":"http://Aceptación"}},"type":"addAttachmentToCard","date":"2018-02-10T16:55:33.040Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f24047f5a0b713a15ba1b","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a7f11a3016f4c1eb4e5875a","name":"CSS Flexbox","idShort":20,"shortLink":"Ey2thutU"},"attachment":{"id":"5a7f24047f5a0b713a15ba1a","name":"http://de"}},"type":"addAttachmentToCard","date":"2018-02-10T16:55:32.764Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f2404bdeeb3a0aa40ef3a","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2","shortLink":"kOdb6tCv"},"card":{"id":"5a7f11a3016f4c1eb4e5875a","name":"CSS Flexbox","idShort":20,"shortLink":"Ey2thutU"},"attachment":{"id":"5a7f2404bdeeb3a0aa40ef39","name":"http://Criterio"}},"type":"addAttachmentToCard","date":"2018-02-10T16:55:32.489Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f235c934fa0fe3c008f2e","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a","desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos."},"old":{"desc":""}},"type":"updateCard","date":"2018-02-10T16:52:44.688Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f120401a576e20dcbf7c9","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f11a3016f4c1eb4e5875a/2a3dad457e44f49b65478174598ba4d1/1_--hxH0rxCaJ3CbY5LJBeXg.png","name":"1*--hxH0rxCaJ3CbY5LJBeXg.png","id":"5a7f120401a576e20dcbf7c8","edgeColor":"#44b4ac","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/600x230/9bde1cce31079d62422301789b21faf5/1_--hxH0rxCaJ3CbY5LJBeXg.png","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/1200x459/3a0226dfe7c95dfc976629c555968e4d/1_--hxH0rxCaJ3CbY5LJBeXg.png"}},"type":"addAttachmentToCard","date":"2018-02-10T15:38:44.498Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f11a3016f4c1eb4e5875b","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"Ey2thutU","idShort":20,"name":"CSS Flexbox","id":"5a7f11a3016f4c1eb4e5875a"}},"type":"createCard","date":"2018-02-10T15:37:07.192Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0ec5b7a4e7817a3fa715","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"checklist":{"name":"Criterio de Aceptacion","id":"5a7f0ec5b7a4e7817a3fa714"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d"}},"type":"addChecklistToCard","date":"2018-02-10T15:24:53.203Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0eb37de6469f11fd6aa9","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d","desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podras encontrar [aqui](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."},"old":{"desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML. Para esto vas a comenzar un curso llamado CSSxCountry que podras encontrar [aqui](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc). Este curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."}},"type":"updateCard","date":"2018-02-10T15:24:35.849Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0bd3244f6c319513693d","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d"},"attachment":{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f0a96086dd7a09276bb6d/d5004267da5d7195f9541e55194cb67a/css3-420x210.jpg","name":"css3-420x210.jpg","id":"5a7f0bd2244f6c319513693c","edgeColor":"#fcfcfc","previewUrl":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f0a96086dd7a09276bb6d/d5004267da5d7195f9541e55194cb67a/css3-420x210.jpg","previewUrl2x":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f0a96086dd7a09276bb6d/d5004267da5d7195f9541e55194cb67a/css3-420x210.jpg"}},"type":"addAttachmentToCard","date":"2018-02-10T15:12:19.203Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0b9a003105d4f6ea962d","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d","desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML. Para esto vas a comenzar un curso llamado CSSxCountry que podras encontrar [aqui](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc). Este curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje."},"old":{"desc":""}},"type":"updateCard","date":"2018-02-10T15:11:22.189Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0a9e69fdba81c668aa0c","idMemberCreator":"5214c82c9c798125080000e1","data":{"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d","pos":71679.453125},"old":{"pos":770047.125}},"type":"updateCard","date":"2018-02-10T15:07:10.848Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a7f0a96086dd7a09276bb6e","idMemberCreator":"5214c82c9c798125080000e1","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"list":{"name":"Backlog","id":"5a37bc4aac4a6249874290b2"},"card":{"shortLink":"TpnKORbn","idShort":19,"name":"CSS Basics","id":"5a7f0a96086dd7a09276bb6d"}},"type":"createCard","date":"2018-02-10T15:07:02.752Z","limits":{},"memberCreator":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"}},{"id":"5a37c4fe3992839adae31df2","idMemberCreator":"52044a4b633d1c0a3b000d3f","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Base Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"5440ae938973216b99021a56","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:39:10.421Z","limits":{},"member":{"id":"5440ae938973216b99021a56","avatarHash":"b130f982dc4165b62ff271904be97834","avatarUrl":"https://trello-avatars.s3.amazonaws.com/b130f982dc4165b62ff271904be97834","fullName":"Mishu Agopian","idMemberReferrer":null,"initials":"MA","nonPublic":{},"nonPublicAvailable":false,"username":"mishuagopian"},"memberCreator":{"id":"52044a4b633d1c0a3b000d3f","avatarHash":"78aa6ffffd4f4538a82f6a3c53fb8d1e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/78aa6ffffd4f4538a82f6a3c53fb8d1e","fullName":"Esteban Pintos","idMemberReferrer":null,"initials":"EP","nonPublic":{},"nonPublicAvailable":false,"username":"estebanpintos"}},{"id":"5a37bfa78362ba5c92565b59","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","id":"5a37bc4aac4a6249874290b1","name":"Training Base Maquetado v2"},"old":{"name":"Training Maquetado v2"}},"type":"updateBoard","date":"2017-12-18T13:16:23.314Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bcdad72da80d96880ff0","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"544119e3cb7db04b63ec1cc1","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:04:26.835Z","limits":{},"member":{"id":"544119e3cb7db04b63ec1cc1","avatarHash":"9bdde623a07dae8fd8ab2b84275e1c74","avatarUrl":"https://trello-avatars.s3.amazonaws.com/9bdde623a07dae8fd8ab2b84275e1c74","fullName":"Admin Wolox","idMemberReferrer":null,"initials":"AW","nonPublic":{},"nonPublicAvailable":false,"username":"userwolox"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bcc181f17b8d772d2f20","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMember":"5214c82c9c798125080000e1"},"type":"makeAdminOfBoard","date":"2017-12-18T13:04:01.719Z","limits":{},"member":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bcbd1c1623c556ed3d37","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMember":"52044a4b633d1c0a3b000d3f"},"type":"makeAdminOfBoard","date":"2017-12-18T13:03:57.985Z","limits":{},"member":{"id":"52044a4b633d1c0a3b000d3f","avatarHash":"78aa6ffffd4f4538a82f6a3c53fb8d1e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/78aa6ffffd4f4538a82f6a3c53fb8d1e","fullName":"Esteban Pintos","idMemberReferrer":null,"initials":"EP","nonPublic":{},"nonPublicAvailable":false,"username":"estebanpintos"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bcb65fc3e48e0d58a93d","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"533590ab113c6305387ede70","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:50.254Z","limits":{},"member":{"id":"533590ab113c6305387ede70","avatarHash":"10754c0252ea79058d55ec70037f13e1","avatarUrl":"https://trello-avatars.s3.amazonaws.com/10754c0252ea79058d55ec70037f13e1","fullName":"riveign","idMemberReferrer":null,"initials":"R","nonPublic":{},"nonPublicAvailable":false,"username":"riveign"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bca7fd11023dbae47fad","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"520417d57596a37b3d00046d","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:35.895Z","limits":{},"member":{"id":"520417d57596a37b3d00046d","avatarHash":"36a210b63d2bd384dd072618ac15cddc","avatarUrl":"https://trello-avatars.s3.amazonaws.com/36a210b63d2bd384dd072618ac15cddc","fullName":"Matias De Santi","idMemberReferrer":null,"initials":"MS","nonPublic":{},"nonPublicAvailable":false,"username":"matiasdesanti"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc9d080bfc4640af8a55","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"54bd28bab7e7a018b9cac724","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:25.768Z","limits":{},"member":{"id":"54bd28bab7e7a018b9cac724","avatarHash":"f2367de0fd5d86603a8e282cbf05f277","avatarUrl":"https://trello-avatars.s3.amazonaws.com/f2367de0fd5d86603a8e282cbf05f277","fullName":"Franco Prudhomme","idMemberReferrer":null,"initials":"FP","nonPublic":{},"nonPublicAvailable":false,"username":"francoprudhomme1"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc8e68d13f25dfc4576b","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"5214c82c9c798125080000e1","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:10.839Z","limits":{},"member":{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","fullName":"Gabriel Zanzotti","idMemberReferrer":null,"initials":"GZ","nonPublic":{},"nonPublicAvailable":false,"username":"gabrielzanzotti"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc899db5d1a8cd899cfd","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"55363ccdd77096c9244dadc7","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:05.578Z","limits":{},"member":{"id":"55363ccdd77096c9244dadc7","avatarHash":"c553bb91ffbfb33da44972097e7273cd","avatarUrl":"https://trello-avatars.s3.amazonaws.com/c553bb91ffbfb33da44972097e7273cd","fullName":"Meli Rossi","idMemberReferrer":null,"initials":"MR","nonPublic":{},"nonPublicAvailable":false,"username":"melirossi"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc8552d524273e1c6c5b","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"576028060f98cb636419ea4f","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:03:01.449Z","limits":{},"member":{"id":"576028060f98cb636419ea4f","avatarHash":"dabdeee4b096df8ecf10c4101cd2a10e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/dabdeee4b096df8ecf10c4101cd2a10e","fullName":"Lucas Melul","idMemberReferrer":null,"initials":"LM","nonPublic":{},"nonPublicAvailable":false,"username":"lucasmelul"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc7e1ebf5de579cb4092","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"52044a4b633d1c0a3b000d3f","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:02:54.978Z","limits":{},"member":{"id":"52044a4b633d1c0a3b000d3f","avatarHash":"78aa6ffffd4f4538a82f6a3c53fb8d1e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/78aa6ffffd4f4538a82f6a3c53fb8d1e","fullName":"Esteban Pintos","idMemberReferrer":null,"initials":"EP","nonPublic":{},"nonPublicAvailable":false,"username":"estebanpintos"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc7d343bbde80c5b322b","idMemberCreator":"584575f0c159a4ef605082c7","data":{"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"},"idMemberAdded":"568aa5a0e73df1864699f877","memberType":"normal"},"type":"addMemberToBoard","date":"2017-12-18T13:02:53.051Z","limits":{},"member":{"id":"568aa5a0e73df1864699f877","avatarHash":"bb3024d4d935ea6f1acfad0c28a36098","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb3024d4d935ea6f1acfad0c28a36098","fullName":"Dana Tilve","idMemberReferrer":null,"initials":"DT","nonPublic":{},"nonPublicAvailable":false,"username":"danatilve"},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc4bac4a624987429147","idMemberCreator":"584575f0c159a4ef605082c7","data":{"organization":{"name":"Wolox-Training","id":"55e871c959f5072b845b0521"},"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"}},"type":"addToOrganizationBoard","date":"2017-12-18T13:02:03.468Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}},{"id":"5a37bc4bac4a624987429146","idMemberCreator":"584575f0c159a4ef605082c7","data":{"boardSource":{"id":"5a3540588e54a83d6a9a1e08"},"board":{"shortLink":"kOdb6tCv","name":"Training Maquetado v2","id":"5a37bc4aac4a6249874290b1"}},"type":"copyBoard","date":"2017-12-18T13:02:03.463Z","limits":{},"memberCreator":{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","fullName":"Martin Callegari","idMemberReferrer":null,"initials":"MC","nonPublic":{},"nonPublicAvailable":false,"username":"martincallegari1"}}],"cards":[{"id":"5a37bc4aac4a6249874290c9","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-05-01T19:21:58.585Z","desc":"La idea de esta parte del training es que no solo te familiarices con la tecnologías que usamos si no que aprendas más sobre nuestros procesos. Para continuar con esta parte primero vas a tener que aprender sobre los siguientes procesos. Para todos ellos no dudes en consultar con tu capacitador:\n\n- Code Review y Pull Requests\n- Estimaciones y Log de horas\n- Uso del Trello y estimación de cards. Instalar [Plus for Trello](https://chrome.google.com/webstore/detail/plus-for-trello-time-trac/gjjpophepkbhejnglcmkdnncmaanojkf?hl=en)\n","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":1,"idAttachmentCover":"5ae8bdb37183bab342ba539a","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Bienvenido/a al training!","pos":65535.5,"shortLink":"xaT3WOZI","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2h+25vv5ygtdn@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/xaT3WOZI","subscribed":false,"url":"https://trello.com/c/xaT3WOZI/1-bienvenido-a-al-training","attachments":[{"bytes":219862,"date":"2018-05-01T19:19:15.813Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"Screen Shot 2018-05-01 at 15.52.03.png","previews":[{"bytes":4577,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290c9/70x50/689a82a14529629b639b94cbb9b724a7/Screen_Shot_2018-05-01_at_15.52.03.png","height":50,"width":70,"_id":"5ae8bdb4e333a1b2cb364f5e","scaled":false},{"bytes":47725,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290c9/250x150/cf2d1ca001cd9480e5c3524fff32ab6c/Screen_Shot_2018-05-01_at_15.52.03.png","height":150,"width":250,"_id":"5ae8bdb4e333a1b2cb364f5d","scaled":false},{"bytes":18526,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290c9/150x66/f327743aaeac4b635e02303fde132457/Screen_Shot_2018-05-01_at_15.52.03.png","height":66,"width":150,"_id":"5ae8bdb4e333a1b2cb364f5c","scaled":true},{"bytes":65053,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290c9/300x133/8fefa0c70d95ff86a71aa9ce819b9bb3/Screen_Shot_2018-05-01_at_15.52.03.png","height":133,"width":300,"_id":"5ae8bdb4e333a1b2cb364f5b","scaled":true},{"bytes":219862,"height":240,"width":542,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290c9/44f390a3066948655eebf7dd20b2f87d/Screen_Shot_2018-05-01_at_15.52.03.png","_id":"5ae8bdb4e333a1b2cb364f5a","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290c9/44f390a3066948655eebf7dd20b2f87d/Screen_Shot_2018-05-01_at_15.52.03.png","pos":16384,"id":"5ae8bdb37183bab342ba539a"}],"pluginData":[],"customFieldItems":[]},{"id":"5c75808f2446110c404330ba","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-02-26T18:46:28.120Z","desc":"## Finalidad\nAprender sobre Scrum, la metodología principal que usamos en Wolox, y los conceptos básicos de Metodologías Ágiles por los que las elegimos.\n## Descripción\nEn [esta página](https://online.kleer.la/es/courses/proyectos-agiles-con-scrum) de un curso sobre Scrum, se pueden encontrar una serie de contenidos sobre las metodologías ágiles y Scrum en particular (videos en su mayoría).\nPara poder verlos, necesitás inscribirte en Kleer con el mail de Wolox y luego darle click al botón de **Inscribirme en este Curso**.\nPedimos ver todos los contenidos _[tiempo aproximado: 40 min]_, pero podés ir viéndolos gradualmente mientras hacés las otras cards.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":39,"idAttachmentCover":"5c75808f2446110c404330bb","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"Introducción a Scrum","pos":66559.4921875,"shortLink":"Hl2RC82y","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2rvev1da7kumemkjv7e+2qxgo3la6g@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/Hl2RC82y","subscribed":false,"url":"https://trello.com/c/Hl2RC82y/39-introducci%C3%B3n-a-scrum","attachments":[{"bytes":55362,"date":"2018-07-03T19:35:34.133Z","edgeColor":"#fcfcfc","idMember":"5c75808f2446110c404330bc","isUpload":true,"mimeType":null,"name":"scrum.png","previews":[{"bytes":3999,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/70x50/245e16113f20a6e0b1594382a3acd23b/scrum.png","height":50,"width":70,"_id":"5c75808f2446110c404330bd","scaled":false},{"bytes":25676,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/250x150/0c026000bc6dcd57a2a86befca90f6a0/scrum.png","height":150,"width":250,"_id":"5c75808f2446110c404330be","scaled":false},{"bytes":10901,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/150x77/2fbc37fb107d73235773a52d4f50bbda/scrum.png","height":77,"width":150,"_id":"5c75808f2446110c404330bf","scaled":true},{"bytes":29411,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/300x154/6a841b6ec0295844a43d96dc3c1ade8f/scrum.png","height":154,"width":300,"_id":"5c75808f2446110c404330c0","scaled":true},{"bytes":76813,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/600x309/4b7849313013aaab451f9403857bdbb6/scrum.png","height":309,"width":600,"_id":"5c75808f2446110c404330c1","scaled":true},{"bytes":55362,"height":312,"width":606,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/606x312/954e65a1659d3c42019cca8dc99c7fa0/scrum.png","_id":"5c75808f2446110c404330c2","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75808f2446110c404330ba/x/e060ddd4af3ec786009a06a7767ef858/scrum.png","pos":16384,"id":"5c75808f2446110c404330bb"}],"pluginData":[],"customFieldItems":[]},{"id":"5c75810641337e89608d9129","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-02-26T18:46:36.096Z","desc":"## Descripción\nPara llevar un buen manejo de las versiones del código, usamos [Git](https://git-scm.com/). Los repositorios de Wolox los podés encontrar en [Github](https://github.com/wolox).\nUna vez que tengas el usuario, si nunca usaste git, entonces te recomendamos que sigas [este](https://learngitbranching.js.org/) tutorial.\n\nEsta card es opcional, pero se recomienda fuertemente tener en claro conceptos avanzados como rebase, cherry-pick y otras cosas.\n\nTiempo recomendado: 60-90 minutos\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":40,"idAttachmentCover":"5c75810641337e89608d912e","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Git!","pos":67071.48828125,"shortLink":"LpLW9QcO","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":2,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2rveve8zv2ictp8hull+1vd8henola@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/LpLW9QcO","subscribed":false,"url":"https://trello.com/c/LpLW9QcO/40-git","attachments":[{"bytes":17696,"date":"2017-10-04T12:54:21.043Z","edgeColor":"#fcfcfc","idMember":"5c75810641337e89608d912f","isUpload":true,"mimeType":null,"name":"GitHub-1.jpg","previews":[{"bytes":3256,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/70x50/1360b0b6f7192d270c84fee3ed1a9aa1/GitHub-1.jpg.png","height":50,"width":70,"_id":"5c75810641337e89608d9130","scaled":false},{"bytes":17049,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/250x150/27076758a0c05d42963a28d6e4de24cb/GitHub-1.jpg.png","height":150,"width":250,"_id":"5c75810641337e89608d9131","scaled":false},{"bytes":2500,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/150x88/20c61f09049aaba3df63dde9d24c5e34/GitHub-1.jpg","height":88,"width":150,"_id":"5c75810641337e89608d9132","scaled":true},{"bytes":5627,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/300x176/0b8c56d3081aebf1b7762925e0ce739c/GitHub-1.jpg","height":176,"width":300,"_id":"5c75810641337e89608d9133","scaled":true},{"bytes":17696,"height":234,"width":400,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/400x234/4a52f106f4217da7d9f3b467796846a8/GitHub-1.jpg","_id":"5c75810641337e89608d9134","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c75810641337e89608d9129/x/79052074c0e0171fc76d73a9bc83efbb/GitHub-1.jpg","pos":16384,"id":"5c75810641337e89608d912e"}],"pluginData":[],"customFieldItems":[]},{"id":"5a89d1229393e0e0cba8af82","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-02-18T19:17:08.028Z","desc":"Bienvenido al training de maquetado!, aquí aprenderás como utilizamos HTML y CSS para realizar las vistas de nuestras aplicaciones.\n\nPara comenzar deberas seguir todos los puntos que se encuentran debajo del titulo de `Contents` de  [este](http://htmldog.com/guides/html/beginner/) tutorial de HTML.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":27,"idAttachmentCover":"5a89d1229393e0e0cba8af86","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"HTML Basics","pos":67583.484375,"shortLink":"KYXOZUpP","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":11,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2psq4a7espqfd19m83m+18jqwt5v1p@boards.trello.com","idChecklists":["5a89d1229393e0e0cba8af87"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/KYXOZUpP","subscribed":false,"url":"https://trello.com/c/KYXOZUpP/27-html-basics","attachments":[{"bytes":4026,"date":"2018-02-10T15:14:50.947Z","edgeColor":"#e44c24","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/70x50/babe196450684d79fccfaa4a534949d6/14570827460633_illu-cours_html5-css3.png","bytes":1856,"height":50,"width":70,"_id":"5a7f0c6b61eea734ca0b8384","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/250x150/aca1bb69691f0198fcb8724925ca8ddc/14570827460633_illu-cours_html5-css3.png","bytes":5676,"height":150,"width":250,"_id":"5a7f0c6b61eea734ca0b8383","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/150x106/c14d76829ba4aed4dbb750e4d7259551/14570827460633_illu-cours_html5-css3.png","bytes":3773,"height":106,"width":150,"_id":"5a7f0c6b61eea734ca0b8382","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/300x211/3ec6a1c4bc50399500014d697850d039/14570827460633_illu-cours_html5-css3.png","bytes":6920,"height":211,"width":300,"_id":"5a7f0c6b61eea734ca0b8381","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/440x310/320f3281c7b47532d466b475c576decf/14570827460633_illu-cours_html5-css3.png","bytes":4026,"height":310,"width":440,"_id":"5a7f0c6b61eea734ca0b8380","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a89d1229393e0e0cba8af82/x/c4534be762fa6a5e34b67a7b56e508ad/14570827460633_illu-cours_html5-css3.png","pos":49152,"id":"5a89d1229393e0e0cba8af86"}],"pluginData":[],"customFieldItems":[]},{"id":"5a7f0a96086dd7a09276bb6d","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-02-16T15:35:21.277Z","desc":"Ahora que tenes una idea de que se trata HTML vamos a ver un poco acerca de como darle estilo a nuestros elementos de HTML.\n\nPara esto vas a comenzar un curso llamado CSSxCountry que podrás encontrar [aquí](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_Dc3gyZ0RxT2NKWXc).\n\nEste curso te explica como trabaja CSS y todas las características y funcionalidades de este lenguaje.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":19,"idAttachmentCover":"5a7f0bd2244f6c319513693c","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"CSS Basics","pos":71679.453125,"shortLink":"TpnKORbn","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":8,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pr36ytssomrwu32mwd+2n9tt9m0qs@boards.trello.com","idChecklists":["5a7f0ec5b7a4e7817a3fa714"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/TpnKORbn","subscribed":false,"url":"https://trello.com/c/TpnKORbn/19-css-basics","attachments":[{"bytes":10978,"date":"2018-02-10T15:12:18.939Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":2458,"url":"https://trello-attachments.s3.amazonaws.com/5a7f0a96086dd7a09276bb6d/70x50/8cee48634922450310f24795e1231be9/css3-420x210.jpg.png","height":50,"width":70,"_id":"5a7f0bd33ce20c6301b8f67c","scaled":false},{"bytes":17887,"url":"https://trello-attachments.s3.amazonaws.com/5a7f0a96086dd7a09276bb6d/250x150/179f246bdcff9aaa95f6a9dddb017df4/css3-420x210.jpg.png","height":150,"width":250,"_id":"5a7f0bd33ce20c6301b8f67b","scaled":false},{"bytes":1703,"url":"https://trello-attachments.s3.amazonaws.com/5a7f0a96086dd7a09276bb6d/150x75/5a25d588a087991d3dd1f43321f3e374/css3-420x210.jpg","height":75,"width":150,"_id":"5a7f0bd33ce20c6301b8f67a","scaled":true},{"bytes":3606,"url":"https://trello-attachments.s3.amazonaws.com/5a7f0a96086dd7a09276bb6d/300x150/872c5e495807c137cd92304c7612f0e0/css3-420x210.jpg","height":150,"width":300,"_id":"5a7f0bd33ce20c6301b8f679","scaled":true},{"bytes":10978,"height":210,"width":420,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f0a96086dd7a09276bb6d/d5004267da5d7195f9541e55194cb67a/css3-420x210.jpg","_id":"5a7f0bd33ce20c6301b8f678","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f0a96086dd7a09276bb6d/d5004267da5d7195f9541e55194cb67a/css3-420x210.jpg","pos":16384,"id":"5a7f0bd2244f6c319513693c"}],"pluginData":[],"customFieldItems":[]},{"id":"5a7f11a3016f4c1eb4e5875a","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-07-11T16:37:41.884Z","desc":"Ahora que ya entendiste como funciona CSS vamos a ver una de sus propiedades mas nuevas, flexbox. \n\nFlexbox es un conjunto de propiedades de css y es MUY importante para el armado de las estructuras de los proyectos porque te permite organizar los elementos en filas y columnas y alinear los hijos como sea necesario. \n\nPara entender un poco mas de esto vas a ver [estos](https://drive.google.com/drive/u/1/folders/0B4BS5uEu6Y_DZmkxb29Oc2VHT0U) videos sobre flexbox. Luego vas a hacer [este](http://flexboxfroggy.com/) tutorial de 24 niveles para poner a prueba los nuevos conocimientos adquiridos.\n\n**Nota:** Cualquier duda de flexbox podes usar [esta](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) cheat-sheet o [esta otra](https://yoksel.github.io/flex-cheatsheet/) que te explican un poco que hace cada propiedad.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":20,"idAttachmentCover":"5a7f120401a576e20dcbf7c8","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"CSS Flexbox","pos":72703.4453125,"shortLink":"Ey2thutU","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":10,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pr3ce0n77q47npaq1m+23ec9g6fk7@boards.trello.com","idChecklists":["5a7f2412b8b49fe1927c1927"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/Ey2thutU","subscribed":false,"url":"https://trello.com/c/Ey2thutU/20-css-flexbox","attachments":[{"bytes":14863,"date":"2018-02-10T15:38:44.426Z","edgeColor":"#44b4ac","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":1155,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/70x50/551613f55de436e1e05d6723f768394c/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":50,"width":70,"_id":"5a7f1205fad20eacb3bf4cd4","scaled":false},{"bytes":4039,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/250x150/1002f42c3adac79d0495aaee3bbb9c3d/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":150,"width":250,"_id":"5a7f1205fad20eacb3bf4cd3","scaled":false},{"bytes":2141,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/150x57/de8d3ba189c791989eba14c18837b709/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":57,"width":150,"_id":"5a7f1205fad20eacb3bf4cd2","scaled":true},{"bytes":4162,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/300x115/3c4dabfbe921e2077da7f7a523135ae0/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":115,"width":300,"_id":"5a7f1205fad20eacb3bf4cd1","scaled":true},{"bytes":8255,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/600x230/9bde1cce31079d62422301789b21faf5/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":230,"width":600,"_id":"5a7f1205fad20eacb3bf4cd0","scaled":true},{"bytes":16598,"url":"https://trello-attachments.s3.amazonaws.com/5a7f11a3016f4c1eb4e5875a/1200x459/3a0226dfe7c95dfc976629c555968e4d/1_--hxH0rxCaJ3CbY5LJBeXg.png","height":459,"width":1200,"_id":"5a7f1205fad20eacb3bf4ccf","scaled":true},{"bytes":14863,"height":735,"width":1920,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f11a3016f4c1eb4e5875a/2a3dad457e44f49b65478174598ba4d1/1_--hxH0rxCaJ3CbY5LJBeXg.png","_id":"5a7f1205fad20eacb3bf4cce","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f11a3016f4c1eb4e5875a/2a3dad457e44f49b65478174598ba4d1/1_--hxH0rxCaJ3CbY5LJBeXg.png","pos":16384,"id":"5a7f120401a576e20dcbf7c8"}],"pluginData":[],"customFieldItems":[]},{"id":"5a7f36fde10a73260220b3b5","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-02-16T15:35:42.075Z","desc":"Por ultimo, antes de comenzar a desarrollar vamos a ver SASS.\n\nSASS es un preprocesador de CSS. Esto quiere decir que vos codeas en SASS, luego tu código se convierte en CSS y lo que termina usando el browser es este código convertido.\n\nSASS tiene 2 formas de escribirse, la primera es una forma muy similar a css que hace que los archivos tenga extension `.scss` y la otra  que es algo diferente que hace que los archivos tenga extension `.sass`.\n\nNosotros usamos SCSS ya que nos resulta mas fácil pasar de código CSS a código SASS de esa forma. El motivo por el cual lo usamos es porque tiene una serie de funcionalidades que CSS no posee y que nos facilitan un montón las tareas que realizamos.\n\nPara completar esta parte del training deberas leer las funcionalidades extra que nos provee SASS en [esta](https://sass-lang.com/guide) pagina para luego poder aplicarlas en tus futuros proyectos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":21,"idAttachmentCover":"5a7f3886157e1e7d174b3bf7","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"SASS","pos":73215.44140625,"shortLink":"lUz5hh39","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":1,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pr4545d6bfmfz73fed+1rvvjwyx9d@boards.trello.com","idChecklists":["5a7f3a1df17c424fe611c4b6"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/lUz5hh39","subscribed":false,"url":"https://trello.com/c/lUz5hh39/21-sass","attachments":[{"bytes":7720,"date":"2018-02-10T18:23:02.401Z","edgeColor":"#cc649c","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":833,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/70x50/e471e5084172d6e41877529b43cc2d0b/cabecera-sass.png","height":50,"width":70,"_id":"5a7f38878785f91f0fc1cce7","scaled":false},{"bytes":4576,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/250x150/d8f777443425a1c06934086d58151f57/cabecera-sass.png","height":150,"width":250,"_id":"5a7f38878785f91f0fc1cce6","scaled":false},{"bytes":2263,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/150x69/1f64b548fa323fa5000259c411e5ac89/cabecera-sass.png","height":69,"width":150,"_id":"5a7f38878785f91f0fc1cce5","scaled":true},{"bytes":5754,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/300x138/9f779c402f9a0bf67f0ff3f9d36827d1/cabecera-sass.png","height":138,"width":300,"_id":"5a7f38878785f91f0fc1cce4","scaled":true},{"bytes":12797,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/600x275/30aade2482a6ef8565cefa3dc6b68aad/cabecera-sass.png","height":275,"width":600,"_id":"5a7f38878785f91f0fc1cce3","scaled":true},{"bytes":24218,"url":"https://trello-attachments.s3.amazonaws.com/5a7f36fde10a73260220b3b5/1200x550/6aee6cf86d263ff5d32371752a2ea262/cabecera-sass.png","height":550,"width":1200,"_id":"5a7f38878785f91f0fc1cce2","scaled":true},{"bytes":7720,"height":1100,"width":2400,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f36fde10a73260220b3b5/481ca07bf954a43b619cb833f57325c5/cabecera-sass.png","_id":"5a7f38878785f91f0fc1cce1","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f36fde10a73260220b3b5/481ca07bf954a43b619cb833f57325c5/cabecera-sass.png","pos":16384,"id":"5a7f3886157e1e7d174b3bf7"}],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d3","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:44.802Z","desc":"Ahora que ya tenés los conocimientos básicos del desarrollo Front-End vamos a hacer una pequeña pagina para ponerlos en practica.\n\nEl diseño de la página y los assets necesarios los vas a poder encontrar adjuntos a esta card.\n\nLos colores de la página son:\n\n- blue: #00ADEE\n- green: #BED23C\n- grey: #C4C4C4\n\nLas fuentes de la página son:\n\n- [Roboto](https://fonts.google.com/specimen/Roboto)\n\nLos tamaños de los elementos con tamaño fijo son:\n\n- nav-height: 70px;\n- nav-logo-height: 30px;\n- title-decoration-height: 90px;\n- title-decoration-width: 70px;\n- tech-logo-size: 100px;\n- text-big: 24px;\n- text-medium: 16px;\n- text-small: 12px;\n\nPara comenzar vamos a ir al repositorio y seguir los siguientes pasos:\n\n1) crear un archivo llamado `index.html`\n2) crear una carpeta llamada `scss`\n3) dentro de la carpeta `scss` crear un archivo `application.scss`\n\nLuego vamos a agregarles el siguiente contenido al `index.html`\n\n```\n<!doctype html>\n\n<html lang=\"en\">\n<head>\n  <meta charset=\"utf-8\">\n  <title>HTML & CSS Training</title>\n  <meta name=\"description\" content=\"training\">\n  <meta name=\"author\" content=\"Wolox\">\n  <link rel=\"stylesheet\"  type=\"text/css\" href=\"application.css\">\n</head>\n<body>\n  <h1 class=\"title\">Hello World</h1> \n</body>\n</html>\n```\n\ny por ultimo vamos a agregar el siguiente contenido al `application.scss`:\n\n```\n.title {\n  color: red;\n}\n```\n---------------------\n\nAhora, si abrís el archivos `index.html` con algún browser vas a ver un `Hello World` en color negro. Esto es porque todavía no hicimos que se haga la compilación de SASS. Para lograr que esto ocurra seguí [ésta guía](https://gist.github.com/mcallegari10/c2a38cc5272d8a87bb71db2fe0f215ea).\n\nUna vez que hayas seguido los pasos de la guía volvé a abrir el archivo y ahora deberías ver el `Hello World` en rojo. Para esta pequeña prueba dejaremos el color en el `application.scss` pero cuando realicemos la pagina los colores deben estar en variables en un archivo `colors.scss`.\n\nPor ultimo como esto crea un par de cosas que no nos interesa que estén en el repositorio (como el `application.css`, la carpeta `.sass-cache` o el `application.css.map` entre otros) vamos a agregarlas al `.gitignore` para que no se suban. El archivo `.gitignore` deberia verse asi:\n\n```\n### Sass ###\n.sass-cache/\n.scss-cache/\n*.css.map\n*.sass.map\n*.scss.map\n*.css\n\n## System ##\n.DS_Store\n```\n\n## Criterio de aceptacion\n\n- tener el `index.html` y el `application.scss` creados y con el contenido especificado \n- tener la configuracion de SASS hecha y poder ver el  `Hello World` en rojo\n- Haber agregado al git ignore los archivos especificados\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":11,"idAttachmentCover":"5a7f3b816a7ef6ac67fbe337","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"Setup del Proyecto","pos":73727.4375,"shortLink":"9KJopRkz","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":1,"attachments":3,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2r+1vcg8ha5bz@boards.trello.com","idChecklists":["5a7f559fdc1ad00fce45dab9"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/9KJopRkz","subscribed":false,"url":"https://trello.com/c/9KJopRkz/11-setup-del-proyecto","attachments":[{"bytes":4083,"date":"2018-02-10T18:35:45.340Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":2926,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/70x50/4b4e7310f5892d9a6a277071039215f6/images.jpeg.png","height":50,"width":70,"_id":"5a7f3b815d79ca82de1332f7","scaled":false},{"bytes":13310,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/250x150/fd8fcc5f2a1ce2859adb2f3224cfb6a0/images.jpeg.png","height":150,"width":250,"_id":"5a7f3b815d79ca82de1332f6","scaled":false},{"bytes":3293,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/150x187/fe643d96c83100321ee3aef3dc230a6c/images.jpeg.jpg","height":187,"width":150,"_id":"5a7f3b815d79ca82de1332f5","scaled":true},{"bytes":4083,"height":251,"width":201,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/1f788eb8b640a007fbd282e8c0c9db3b/images.jpeg","_id":"5a7f3b815d79ca82de1332f4","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/1f788eb8b640a007fbd282e8c0c9db3b/images.jpeg","pos":114688,"id":"5a7f3b816a7ef6ac67fbe337"},{"bytes":371999,"date":"2018-02-15T20:17:40.478Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"diseño training de maquetado.png","previews":[{"bytes":2303,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/70x50/a65a82f47dad4a60edc2a539dcdbac34/disen%CC%83o_training_de_maquetado.png","height":50,"width":70,"_id":"5a85eae69878d8b956bc0ad5","scaled":false},{"bytes":10210,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/250x150/93cc197d20338698d7e77f28acd1ae92/disen%CC%83o_training_de_maquetado.png","height":150,"width":250,"_id":"5a85eae69878d8b956bc0ad4","scaled":false},{"bytes":14720,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/150x201/d2a2b94db9fb7f644c6c9ac50c190b4e/disen%CC%83o_training_de_maquetado.png","height":201,"width":150,"_id":"5a85eae69878d8b956bc0ad3","scaled":true},{"bytes":43712,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/300x402/c2ce18f8a0abcc480266089eedf485b4/disen%CC%83o_training_de_maquetado.png","height":402,"width":300,"_id":"5a85eae69878d8b956bc0ad2","scaled":true},{"bytes":129266,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/600x804/911f66fd92eface3d045e32b0f4dce54/disen%CC%83o_training_de_maquetado.png","height":804,"width":600,"_id":"5a85eae69878d8b956bc0ad1","scaled":true},{"bytes":346733,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d3/1200x1609/b733ee218b52df0265e5f40779141153/disen%CC%83o_training_de_maquetado.png","height":1609,"width":1200,"_id":"5a85eae69878d8b956bc0ad0","scaled":true},{"bytes":371999,"height":1822,"width":1359,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/4b6fc7619fb86f8b7e3f7082a5a6e46c/disen%CC%83o_training_de_maquetado.png","_id":"5a85eae69878d8b956bc0acf","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/4b6fc7619fb86f8b7e3f7082a5a6e46c/disen%CC%83o_training_de_maquetado.png","pos":57344,"id":"5a85eae406b29ce0a18e8dc9"},{"bytes":274378,"date":"2018-03-27T17:42:34.005Z","edgeColor":null,"idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"assets.zip","previews":[],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d3/55daacff73e1760336bd6a6d9ac76f93/assets.zip","pos":147456,"id":"5aba828a442f262fde2c4f88"}],"pluginData":[],"customFieldItems":[]},{"id":"5c06ad391260256ee70edac8","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-03-26T19:24:38.150Z","desc":"Ahora que ya tenemos armada nuestra primera card con código del proyecto, vamos a subirla para que nuestro capacitador la pueda revisar!\n\n**¿Qué es un PR?**\nPR o Pull Request es una feature que nos provee Github para hacer Peer Review, es decir, que un compañero pueda revisar el trabajo que hicimos y ofrecernos mejoras para nuestro código y otros consejos.\nEn el caso de maquetado, también nos pueden recomendar mejoras de UI / UX!\n\n**Convenciones**\n\n- Haremos un PR por cada card de código del training, es decir, por cada tarea que tengamos deberemos armar un nuevo branch y al terminar de desarrollarla un nuevo PR.\n\n- Todo en inglés! Tanto el nombre del branch como la descripción y todo el contenido del PR deben estar en inglés!\n- La convención que utilizamos para nombrar los branch es kebab-case (this-is-the-branch-name).\n\n- Nombre de commit descriptivo! Que el nombre del commit indique qué se hizo en el mismo.\n\n**¿Cómo es la estructura de un PR?**\nLa estructura básica que utilizamos cuenta de tres partes.\n\n- Summary: Acá va una lista de cambios que se realizaron.\n\n- Screenshot: Acá deberemos tomar una captura de pantalla o grabar un gif para que nuestro capacitador pueda ver cómo va quedando nuestra vista! \nPara Ubuntu pueden usar Peek y para Mac pueden usar Giphy, gifbrewery o licecap.\n\n- Trello Card: Acá pegaremos el link de la card de Trello en cuestión, para que quien revise el PR pueda ver el requerimiento de lo que estamos haciendo.\n\n*Ejemplo de PR:*\n\n````\n## Summary\n- Completed the project setup\n- Finished PR structure\n\n## Screenshot\nImagen o gif\n\n## Trello Card\nhttps://trello.com/c/eDUCaVcx/38-pull-request\n\n````\n\n**Ya armé el PR, ahora qué hago?**\nUna vez que hayas armado el PR, tenés que asignar a el/los reviewers y asignees.\n\n- Reviewer: La persona encargada de revisar y corregir el PR. \n\n- Asignee: Es la persona encargada de trabajar sobre el PR en ese momento. Por ejemplo, si recién armas el PR, el asignee va a ser el reviewer que lo tiene que corregir. En cambio, si el reviewer hizo correcciones y ahora el desarrollador tiene que aplicarlas, el asignee vas a ser vos. De esta forma siempre sabemos quién está trabajando sobre el PR. \n\nSi recibiste alguna corrección a realizar, ademas de agregar al reviewer como asignee, también podes solicitar `Re-request review` haciendo click en el icono de actualizar al lado de tu Reviewer!\n\nTip: Podés revisar los PRs que tenés asignados entrando en https://github.com/pulls/assigned\n\n\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form.","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":38,"idAttachmentCover":"5c06b695b750ee0b5502a47b","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Pull Request!","pos":83967.359375,"shortLink":"eDUCaVcx","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2rektkayjg6o1b3p32g+03dcgxl2fj@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/eDUCaVcx","subscribed":false,"url":"https://trello.com/c/eDUCaVcx/38-pull-request","attachments":[{"bytes":65350,"date":"2018-12-04T17:17:09.595Z","edgeColor":"#fcfcfc","idMember":"5b0c13b32bc41d8adb288b99","isUpload":true,"mimeType":null,"name":"pull request.jpg","previews":[{"bytes":3439,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/70x50/d4e00a093ed56543ee847cb32bf550ba/pull_request.jpg.png","height":50,"width":70,"_id":"5c06b696d002c932d03c3332","scaled":false},{"bytes":21252,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/250x150/943c82120a7dc1a8639fbab5492ab27e/pull_request.jpg.png","height":150,"width":250,"_id":"5c06b696d002c932d03c3331","scaled":false},{"bytes":2810,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/150x84/114e39f823a919fe8e178ee686358d94/pull_request.jpg","height":84,"width":150,"_id":"5c06b696d002c932d03c3330","scaled":true},{"bytes":7217,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/300x169/e0269ce095667a199bf28f37c6be4eb0/pull_request.jpg","height":169,"width":300,"_id":"5c06b696d002c932d03c332f","scaled":true},{"bytes":18119,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/600x338/3253f7dee574e89cbcebf071766a982c/pull_request.jpg","height":338,"width":600,"_id":"5c06b696d002c932d03c332e","scaled":true},{"bytes":47327,"url":"https://trello-attachments.s3.amazonaws.com/5c06ad391260256ee70edac8/1200x675/582a50c7b3bd3098c061373abeda9ee0/pull_request.jpg","height":675,"width":1200,"_id":"5c06b696d002c932d03c332d","scaled":true},{"bytes":65350,"height":720,"width":1280,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c06ad391260256ee70edac8/81e4466f25fea3eba5f5f5c3778d212e/pull_request.jpg","_id":"5c06b696d002c932d03c332c","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c06ad391260256ee70edac8/81e4466f25fea3eba5f5f5c3778d212e/pull_request.jpg","pos":16384,"id":"5c06b695b750ee0b5502a47b"}],"pluginData":[],"customFieldItems":[]},{"id":"5a7f5ff3ac746c82d2f33819","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-05-29T21:39:02.686Z","desc":"Ahora que tenemos nuestro proyecto corriendo, el primer paso es agregar un CSS Reset. Para conocer mas acerca de esto vas a leer [esta](https://cssreset.com/what-is-a-css-reset/) descripción.\n\nEl archivo de reset que usamos nosotros es uno propio y se llama `The Equalizer`. Lo vas a poder encontrar dentro del [Tech-Guides](https://github.com/Wolox/tech-guides) de Wolox que es el lugar donde todos los woloxers hacen aportes al departamento. El equalizer se encuentra al leer el `readme` en `/frontend/layout` dentro del repositorio. \n\nel contenido del equalizer lo vamos a copiar y lo vamos a agregar en un nuevo archivo dentro de nuestra carpeta `scss` bajo el nombre de `equalizer.scss`.\n\nUna vez realizado esto, vamos a reacomodar el `application.scss`, vamos a crear un archivo `styles.scss` que tendrá nuestros estilos y moveremos el contenido del application a styles. \n\nPor ultimo, dado que el application es el único archivo que se va a importar en el html lo que haremos sera agregarle el siguiente contenido para que incluya el contenido de `styles` y del `equalizer`:\n\n```\n@import 'equalizer';\n@import 'styles';\n```\n\n** IMPORTANTE**: recordar que el orden es super importante a la hora de importar archivos de CSS ya que el archivo que se importe mas abajo pisara los estilos de igual especificidad del de mas arriba. Es por esto que el equalizer siempre tiene que estar arriba de todo ya que siempre queremos que nuestros estilos pisen los del equalizer.\n\nAhora si!, cuando abras el `index.html` con el browser nuevamente el `Hello World` deberá seguir en rojo pero con una fuente y un tamaño de texto distintos.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":22,"idAttachmentCover":"5a7f6002b26534c4a699ef59","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"CSS Resets","pos":94207.28125,"shortLink":"JCelzfHS","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":1,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pr50m32a52uvwb0ie1+2nepek9epv@boards.trello.com","idChecklists":["5a7f6e6e2019e79cd49688c9"],"idMembers":["5214c82c9c798125080000e1"],"labels":[],"shortUrl":"https://trello.com/c/JCelzfHS","subscribed":false,"url":"https://trello.com/c/JCelzfHS/22-css-resets","attachments":[{"bytes":104106,"date":"2018-02-10T21:11:30.008Z","edgeColor":null,"idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":2081,"url":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/70x50/3791d59ebd78756063d9b845c157e61d/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","height":50,"width":70,"_id":"5a7f60023a198edf8e99097c","scaled":false},{"bytes":12901,"url":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/250x150/1f203ddce128790229c1acb623eafa70/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","height":150,"width":250,"_id":"5a7f60023a198edf8e99097b","scaled":false},{"bytes":5950,"url":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/150x28/64ae55cc43ef98e66b6e526688cdca32/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","height":28,"width":150,"_id":"5a7f60023a198edf8e99097a","scaled":true},{"bytes":17814,"url":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/300x56/8b278903ec10e2473785429f7feff848/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","height":56,"width":300,"_id":"5a7f60023a198edf8e990979","scaled":true},{"bytes":55341,"url":"https://trello-attachments.s3.amazonaws.com/5a7f5ff3ac746c82d2f33819/600x112/ae76a8790829a2f26820a5cb9d7e1fed/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","height":112,"width":600,"_id":"5a7f60023a198edf8e990978","scaled":true},{"bytes":104106,"height":170,"width":909,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f5ff3ac746c82d2f33819/d1f060054603b2a3cb455982446ac106/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","_id":"5a7f60023a198edf8e990977","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f5ff3ac746c82d2f33819/d1f060054603b2a3cb455982446ac106/6bd1bd0d0c65f3ecc85080cf9f11064894a43069.png","pos":16384,"id":"5a7f6002b26534c4a699ef59"}],"pluginData":[],"customFieldItems":[]},{"id":"5a7f6b08d3e48fe4355ec116","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-09-28T19:51:52.630Z","desc":"Lo último que vamos a hacer antes de empezar a codear es ver la guía de estilos que usamos en Wolox. Esta guía es super importante para que todos desarrollemos de la misma forma y podamos entender de forma mas fácil que es lo que otros desarrolladores hicieron.\n\nLa guía de estilo podrás encontrarla en el Tech-Guides de Front-End en la sección de Layout, podes acceder directamente desde [acá](https://github.com/Wolox/tech-guides/blob/master/frontend/docs/css-style-guide.md).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":23,"idAttachmentCover":"5a7f6cbcacddd38285b4b421","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"Guia de estilos","pos":104447.203125,"shortLink":"jFYYWBuL","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":1,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pr594w8lxt2uo4aiom+2j9nils0oi@boards.trello.com","idChecklists":["5a7f6eefcefd6e92f2cec5e4"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/jFYYWBuL","subscribed":false,"url":"https://trello.com/c/jFYYWBuL/23-guia-de-estilos","attachments":[{"bytes":50528,"date":"2018-02-10T22:05:48.429Z","edgeColor":"#cc4c34","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"1_vePubKIIK_96qGEgKo5G4Q.jpeg","previews":[{"bytes":6808,"url":"https://trello-attachments.s3.amazonaws.com/5a7f6b08d3e48fe4355ec116/70x50/fc59f8fd55e76ea9d62e74549e1381f3/1_vePubKIIK_96qGEgKo5G4Q.jpeg.png","height":50,"width":70,"_id":"5a7f6cbd61eea734ca0ba744","scaled":false},{"bytes":47529,"url":"https://trello-attachments.s3.amazonaws.com/5a7f6b08d3e48fe4355ec116/250x150/35f6f77f05bc3f0df9acbb61a01b1e2d/1_vePubKIIK_96qGEgKo5G4Q.jpeg.png","height":150,"width":250,"_id":"5a7f6cbd61eea734ca0ba743","scaled":false},{"bytes":7216,"url":"https://trello-attachments.s3.amazonaws.com/5a7f6b08d3e48fe4355ec116/150x149/985b33ff9da5e7289aff29dfab2816c9/1_vePubKIIK_96qGEgKo5G4Q.jpeg.jpg","height":149,"width":150,"_id":"5a7f6cbd61eea734ca0ba742","scaled":true},{"bytes":20898,"url":"https://trello-attachments.s3.amazonaws.com/5a7f6b08d3e48fe4355ec116/300x298/a52e048ed92d774578e3532615f60e27/1_vePubKIIK_96qGEgKo5G4Q.jpeg.jpg","height":298,"width":300,"_id":"5a7f6cbd61eea734ca0ba741","scaled":true},{"bytes":50528,"height":313,"width":315,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f6b08d3e48fe4355ec116/7eba2b18c1b40022faff1fd352442dec/1_vePubKIIK_96qGEgKo5G4Q.jpeg","_id":"5a7f6cbd61eea734ca0ba740","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a7f6b08d3e48fe4355ec116/7eba2b18c1b40022faff1fd352442dec/1_vePubKIIK_96qGEgKo5G4Q.jpeg","pos":32768,"id":"5a7f6cbcacddd38285b4b421"}],"pluginData":[],"customFieldItems":[]},{"id":"5a85e217a587cf531a169684","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:26.296Z","desc":"Para empezar con el desarrollo vamos a separar todo en \"componentes\". Llamaremos componentes a un conjunto de elementos de HTML y clases que hacen que solo cambiando el contenido la representación sea siempre la misma. Las componentes que vamos a plantear van a ser:\n\n- Títulos\n- Tecnologias\n- Navbar\n- Footer\n\nSi bien la navbar y el footer no se reutilizaran esta bueno tenerlos por separado para que no se mezcle con el resto de la vista y sea mas facil de mantener.\n\nComenzaremos por los títulos. Aquí lo que deberas lograr es agregar al `index.html` el código HTML necesario para representar el titulo. y agregarle al `application.scss` un nuevo `@import` de un archivo `titles.scss` que tenga los estilos del titulo.\n\n-------\n\n## Tip\nSolo necesitas hacer el título que figura en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":24,"idAttachmentCover":"5a85e217a587cf531a169689","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Page Titles","pos":175103.1640625,"shortLink":"5xX7rUjb","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2ps4lvcc21bhxfzrlvo+01ww71wsk2@boards.trello.com","idChecklists":["5a85e217a587cf531a16968a"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/5xX7rUjb","subscribed":false,"url":"https://trello.com/c/5xX7rUjb/24-page-titles","attachments":[{"bytes":18213,"date":"2018-02-14T20:58:29.309Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"titulos","previews":[{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/70x50/a858b2b6ff2887637616cafaf1d5de51/Screen_Shot_2018-02-14_at_17.55.40.png","bytes":2109,"height":50,"width":70,"_id":"5a84a2f88765439543491f4b","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/250x150/cf6f7b150a14b8f7b7cc4e9466f1f65a/Screen_Shot_2018-02-14_at_17.55.40.png","bytes":10936,"height":150,"width":250,"_id":"5a84a2f88765439543491f4a","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/150x71/15e2e9d33da98a4f4a4dd6ae45781720/Screen_Shot_2018-02-14_at_17.55.40.png","bytes":5447,"height":71,"width":150,"_id":"5a84a2f88765439543491f49","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/300x141/6709dc5cc7f813e25d60be46019348cb/Screen_Shot_2018-02-14_at_17.55.40.png","bytes":13953,"height":141,"width":300,"_id":"5a84a2f88765439543491f48","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/518x244/f7f553181038486f773754ed49a3003e/Screen_Shot_2018-02-14_at_17.55.40.png","bytes":18213,"height":244,"width":518,"_id":"5a84a2f88765439543491f47","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e217a587cf531a169684/x/e11d23a8ebecf562fed24108b9ea253f/Screen_Shot_2018-02-14_at_17.55.40.png","pos":16384,"id":"5a85e217a587cf531a169689"}],"pluginData":[],"customFieldItems":[]},{"id":"5a85e22985fea328daadb2b2","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:31.149Z","desc":"Al igual que con los títulos vamos a armar cada tecnología como un componente, para esto le agregaremos al `index.html`, debajo del código que representa el titulo, el código que representa una tecnología. También le agregaremos al `application.scss` otro `@import` incluyendo un nuevo archivo `tech.scss` que contenga los estilos que se le aplican a las tecnologías.\n\nCon respecto a los espaciados tendremos que decidir cuando usar padding y cuando usar margin. Para esto te pedimos que leas [este post](https://medium.com/wolox-driving-innovation/what-margin-padding-taught-me-after-50-projects-6878b53c903f) de Wolox así entendes la forma en la que solemos usar cada uno.\n\n-------\n\n## Tip\n\nSolamente necesitas hacer una tecnología, la que figura en la imagen adjunta a la card.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":25,"idAttachmentCover":"5a85e22985fea328daadb335","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Tecnología","pos":210431.14453125,"shortLink":"fp56JD2Y","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2ps4lx9xhiwuw2zp5f6+2kf0umpq1x@boards.trello.com","idChecklists":["5a85e22985fea328daadb336"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/fp56JD2Y","subscribed":false,"url":"https://trello.com/c/fp56JD2Y/25-tecnolog%C3%ADa","attachments":[{"bytes":47412,"date":"2018-02-14T21:11:12.443Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"tecnologia","previews":[{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/70x50/42dd60caa5d153ac9a84b0de9a787010/Screen_Shot_2018-02-14_at_18.07.51.png","bytes":1895,"height":50,"width":70,"_id":"5a84a5f28ecb230e7a06d338","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/250x150/1e565c2970d8b5b94e53e1930ee933ed/Screen_Shot_2018-02-14_at_18.07.51.png","bytes":10116,"height":150,"width":250,"_id":"5a84a5f28ecb230e7a06d337","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/150x209/8b9bc9049acb4bf0a9b7c300aa5cf141/Screen_Shot_2018-02-14_at_18.07.51.png","bytes":16165,"height":209,"width":150,"_id":"5a84a5f28ecb230e7a06d336","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/300x417/4b1382b41324dfc0cc6453fe9bea652a/Screen_Shot_2018-02-14_at_18.07.51.png","bytes":43856,"height":417,"width":300,"_id":"5a84a5f28ecb230e7a06d335","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/492x684/1dd428e4020a06a5a43bf3f953aab903/Screen_Shot_2018-02-14_at_18.07.51.png","bytes":47412,"height":684,"width":492,"_id":"5a84a5f28ecb230e7a06d334","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e22985fea328daadb2b2/x/b03e9ae92cdfeb4c64f84c4402059621/Screen_Shot_2018-02-14_at_18.07.51.png","pos":16384,"id":"5a85e22985fea328daadb335"}],"pluginData":[],"customFieldItems":[]},{"id":"5a85e235887ce1485de05225","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:31.805Z","desc":"Ya tenemos nuestros 2 componentes, ahora solo resta ubicarlos correctamente en la vista para formar un layout como el que tiene la imagen adjunta.\n\nCon tus conocimientos ninjas de flexbox (y la ayuda de la cheetsheet de la card de flexbox) deberías poder alinearlos correctamente.\n\nLos textos de cada una de las tecnologías se encuentran [acá](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://docs.google.com/document/d/1EyEX_PTJLDsWs68N-ULOnJpPmSWrP9I_2FR_dQfmGRo/edit?usp=sharing) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":26,"idAttachmentCover":"5a85e235887ce1485de0522e","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Content layout","pos":228095.134765625,"shortLink":"ocUYMthv","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2ps4lykonc5l5ok6qzp+27ph6hhh0y@boards.trello.com","idChecklists":["5a85e235887ce1485de0522f"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/ocUYMthv","subscribed":false,"url":"https://trello.com/c/ocUYMthv/26-content-layout","attachments":[{"bytes":328943,"date":"2017-12-16T22:50:00.485Z","edgeColor":"#fcfcfc","idMember":"55363ccdd77096c9244dadc7","isUpload":true,"mimeType":null,"name":"image.png","previews":[{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/70x50/eec8e207ffd475259545bb162e299a23/image.png","bytes":2402,"height":50,"width":70,"_id":"5a35a31a5ce232c34cb67d08","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/250x150/fa9e5147a1120042f37bc45cb251589d/image.png","bytes":11027,"height":150,"width":250,"_id":"5a35a31a5ce232c34cb67d07","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/150x170/821b6993680038dd735341c85e46a185/image.png","bytes":12905,"height":170,"width":150,"_id":"5a35a31a5ce232c34cb67d06","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/300x340/6d3c50552454adc1334b33f314b5571b/image.png","bytes":38429,"height":340,"width":300,"_id":"5a35a31a5ce232c34cb67d05","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/600x680/c86b5e5db4fb6111b55380b76768919e/image.png","bytes":116996,"height":680,"width":600,"_id":"5a35a31a5ce232c34cb67d04","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/1200x1359/7de80055f95766a8efcbbe1e112b2afe/image.png","bytes":317520,"height":1359,"width":1200,"_id":"5a35a31a5ce232c34cb67d03","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/1356x1536/354976eb8661e2eb666b10f71d6832e3/image.png","bytes":328943,"height":1536,"width":1356,"_id":"5a35a31a5ce232c34cb67d02","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a85e235887ce1485de05225/x/32c0ae80b47b62d57f9cf46769690533/image.png","pos":16384,"id":"5a85e235887ce1485de0522e"}],"pluginData":[],"customFieldItems":[]},{"id":"5a900dfcba03cb2bc777ccac","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:33.231Z","desc":"Ahora esta toda la pagina lista pero para que quede un poco mas linda vamos a agregarle una animación a las tecnologías. Para esto vamos a usar la propiedad `transition` de css. Esta propiedad se usa para animaciones simples como la que tenemos que hacer mientras que las cosas mas complejas se hacen con `animations`.\n\nPara entender mas de que se trata podes leer la documentación [aquí](https://css-tricks.com/almanac/properties/t/transition/).\n\nEl objetivo de esta card es que al hacer `hover` (repasar pseudo-clases de css [aquí](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)) sobre una tecnología el borde se mueva hacia la parte inferior derecha de la misma como se muestra en la imagen adjunta.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":28,"idAttachmentCover":"5a900ead4c32d672c3d142c5","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"CSS Transitions","pos":236927.1298828125,"shortLink":"k2cLMCkF","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":2,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pto89ahsf1jcufaqp8+1ecqmr3gat@boards.trello.com","idChecklists":["5a9010be7505e45e77d7926a"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/k2cLMCkF","subscribed":false,"url":"https://trello.com/c/k2cLMCkF/28-css-transitions","attachments":[{"bytes":165547,"date":"2018-02-23T12:53:01.580Z","edgeColor":null,"idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"tech.gif","previews":[{"bytes":9364,"url":"https://trello-attachments.s3.amazonaws.com/5a900dfcba03cb2bc777ccac/37x50/637ddac9a697ce9db79f48dc767260d2/tech.gif","height":50,"width":37,"_id":"5a900eae37f20b4bf838a769","scaled":false},{"bytes":49978,"url":"https://trello-attachments.s3.amazonaws.com/5a900dfcba03cb2bc777ccac/181x150/fb719d01b923238d8b8304cae25dd6df/tech.gif","height":150,"width":181,"_id":"5a900eae37f20b4bf838a768","scaled":false},{"bytes":48434,"url":"https://trello-attachments.s3.amazonaws.com/5a900dfcba03cb2bc777ccac/150x201/bd990965aa3b5e87b09845086f59833f/tech.gif","height":201,"width":150,"_id":"5a900eae37f20b4bf838a767","scaled":true},{"bytes":165547,"height":384,"width":287,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a900dfcba03cb2bc777ccac/1ea0712be60ef6c6317cbcc72040f9ff/tech.gif","_id":"5a900eae37f20b4bf838a766","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a900dfcba03cb2bc777ccac/1ea0712be60ef6c6317cbcc72040f9ff/tech.gif","pos":32768,"id":"5a900ead4c32d672c3d142c5"}],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d7","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:33.715Z","desc":"Ya tenemos el contenido hecho. Es hora de agregar una navbar en la parte superior de la pagina!\n\nLos estilos de esta componente vamos a plantearlos por separado (en un archivo `navbar.scss`) al igual que los anteriores para tener los estilos separados.\n\nLa navbar deberá permanecer fija y visible en el lugar mientras que el contenido de la aplicación deberá ser scrolleable y pasar por detrás de la misma.\n\n### Tamaños\nnav-height: 90px;\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n\n","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":15,"idAttachmentCover":"5c07ee2d0bfe0b8e1fd37d1a","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Navbar","pos":245759.125,"shortLink":"idzggaPE","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2v+1xoy35arbj@boards.trello.com","idChecklists":["5a85e378e118d279595aa1c2"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/idzggaPE","subscribed":false,"url":"https://trello.com/c/idzggaPE/15-navbar","attachments":[{"bytes":15227,"date":"2018-12-05T15:26:37.103Z","edgeColor":"#f4f4f4","idMember":"5b0c13b32bc41d8adb288b99","isUpload":true,"mimeType":null,"name":"navbar.png","previews":[{"bytes":483,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/70x50/e7e1ac1ad2a49b86bc9fe077efbb15a4/navbar.png","height":50,"width":70,"_id":"5c07ee2d4dbe1f266e9b1d78","scaled":false},{"bytes":2108,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/250x150/b9fd6f80ffeac9830c14e3ec07ab4202/navbar.png","height":150,"width":250,"_id":"5c07ee2d4dbe1f266e9b1d77","scaled":false},{"bytes":877,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/150x10/0d3712e660a9718748e81505ddaa3631/navbar.png","height":10,"width":150,"_id":"5c07ee2d4dbe1f266e9b1d76","scaled":true},{"bytes":2023,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/300x20/3021050dd5a8b0b5eda12ff9fe5a9954/navbar.png","height":20,"width":300,"_id":"5c07ee2d4dbe1f266e9b1d75","scaled":true},{"bytes":4987,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/600x40/b8d9c6f0fc64c5a2246d6a90acd21419/navbar.png","height":40,"width":600,"_id":"5c07ee2d4dbe1f266e9b1d74","scaled":true},{"bytes":12288,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d7/1200x80/1ebd8568406539ac241fad585ea4f5bf/navbar.png","height":80,"width":1200,"_id":"5c07ee2d4dbe1f266e9b1d73","scaled":true},{"bytes":15227,"height":115,"width":1722,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d7/fa1d9fa905911da52469e12314473870/navbar.png","_id":"5c07ee2d4dbe1f266e9b1d72","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d7/fa1d9fa905911da52469e12314473870/navbar.png","pos":32768,"id":"5c07ee2d0bfe0b8e1fd37d1a"}],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d8","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:34.186Z","desc":"Ahora que tenemos el header y el contenido falta cerrar la pagina con un footer. Este componente vamos a plantearlo en un archivo `footer.scss` para tener sus estilos separados como el resto.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":16,"idAttachmentCover":"5a86f636d1702528b257c0f1","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"Footer","pos":376831.125,"shortLink":"lzoSWWwg","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":2,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2w+2jcpqerxw8@boards.trello.com","idChecklists":["5a86de971ef40d2934af6171"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/lzoSWWwg","subscribed":false,"url":"https://trello.com/c/lzoSWWwg/16-footer","attachments":[{"bytes":70480,"date":"2018-02-16T15:18:14.765Z","edgeColor":"#74d4f4","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"footer.png","previews":[{"bytes":688,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/70x50/12f8ceacf5db64c5dab891d355c1bbbc/footer.png","height":50,"width":70,"_id":"5a86f6389ea2a891738e5647","scaled":false},{"bytes":3294,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/250x150/5225c6f2d181cc75412d49f4c7fac4fa/footer.png","height":150,"width":250,"_id":"5a86f6389ea2a891738e5646","scaled":false},{"bytes":1505,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/150x21/92b97fdc5565ac4688f863f2cc9a4948/footer.png","height":21,"width":150,"_id":"5a86f6389ea2a891738e5645","scaled":true},{"bytes":3843,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/300x42/8f8720595c27e15878936ef3f509b1ef/footer.png","height":42,"width":300,"_id":"5a86f6389ea2a891738e5644","scaled":true},{"bytes":9777,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/600x84/1db48b9f10256842ac8217e835b81c98/footer.png","height":84,"width":600,"_id":"5a86f6389ea2a891738e5643","scaled":true},{"bytes":23506,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d8/1200x169/1b68ba4b3dfff901799371abe9544edd/footer.png","height":169,"width":1200,"_id":"5a86f6389ea2a891738e5642","scaled":true},{"bytes":70480,"height":191,"width":1359,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d8/ce060d2c535ea926d0a78e98c433376b/footer.png","_id":"5a86f6389ea2a891738e5641","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d8/ce060d2c535ea926d0a78e98c433376b/footer.png","pos":16384,"id":"5a86f636d1702528b257c0f1"}],"pluginData":[],"customFieldItems":[]},{"id":"5bae7e0e3f4d7d62a8e94eef","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:45:11.219Z","desc":"Ahora que terminaste una primera version de la pagina vamos a mandarla a QA para que la prueben. como habrás visto la card `Setup del proyecto` tiene el label de `story` y las cards siguientes hasta esta tienen el label de `task`.\n\nEn la metodología `Story/Task`  de QA la `Story` describe la funcionalidad a implementar y las tasks son las tareas concretas que en su conjunto harán que la funcionalidad planteada en la story este realizada. \n\nSi bien en este training la card `Setup del proyecto` implicaba realizar una tarea concreta, a modo de ejemplo, vamos a suponer que esta solo se utilizo para explicar en que consistía la funcionalidad y que las tasks siguientes se encuentran asociadas a esta tarea siendo estas las funcionalidades concretas para lograr la pagina que tenemos en este momento.\n\nLo que vamos a hacer es agregar las cards `Page Titles`, `Tecnología`, `Content Layout`, `CSS Transitions`, `Navbar` y `Footer` al listado de checkboxes que se encuentran bajo el nombre de `Cards asociadas` en la card de `Setup del proyecto` copiando y pegando la URL de cada una.\n\nUna vez realizado esto vamos a asignar a la card al usuario `QA Test plan` (Des no estar en el board, solicitarle al capacitador que lo agregue) para que cree un texto que explicara la forma en la que van a probar la card. Una vez que QA termina de realizar el test plan te taggeará para controlar que el test plan es apropiado.\n\nDe ser asi deberas taggear al usuario `QA` en la card quien se encargara de revisar la card y moverla a `approved` en caso de estar aprobada.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":36,"idAttachmentCover":"5bae7e366a828b2f5c425b74","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Test it!","pos":507903.125,"shortLink":"ossafQA9","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2r16lbrkvvo96q589gv+20ah0fattk@boards.trello.com","idChecklists":["5bae82a7dd242b597f515efe"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/ossafQA9","subscribed":false,"url":"https://trello.com/c/ossafQA9/36-test-it","attachments":[{"bytes":12808,"date":"2018-09-28T19:17:10.624Z","edgeColor":"#044cfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"upload 28/9/2018 at 16:17:10.png","previews":[{"bytes":2639,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e0e3f4d7d62a8e94eef/70x50/20dd1e4ebda50153ff3c4f3156ecc2ef/upload_28_9_2018_at_16_17_10.png","height":50,"width":70,"_id":"5bae7e37e44660529750a263","scaled":false},{"bytes":16455,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e0e3f4d7d62a8e94eef/250x150/2757ce1b4972ea4025679188fd9ffedc/upload_28_9_2018_at_16_17_10.png","height":150,"width":250,"_id":"5bae7e37e44660529750a262","scaled":false},{"bytes":2736,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e0e3f4d7d62a8e94eef/150x45/50d2b50082dbbf9992714140718e9be4/upload_28_9_2018_at_16_17_10.png.jpg","height":45,"width":150,"_id":"5bae7e37e44660529750a261","scaled":true},{"bytes":6464,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e0e3f4d7d62a8e94eef/300x90/e34a675c360082b28f0be720f5e16802/upload_28_9_2018_at_16_17_10.png.jpg","height":90,"width":300,"_id":"5bae7e37e44660529750a260","scaled":true},{"bytes":12808,"height":123,"width":408,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e0e3f4d7d62a8e94eef/72a248ef553765a21608cbd1a02af50a/upload_28/9/2018_at_16_17_10.png","_id":"5bae7e37e44660529750a25f","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e0e3f4d7d62a8e94eef/72a248ef553765a21608cbd1a02af50a/upload_28/9/2018_at_16_17_10.png","pos":16384,"id":"5bae7e366a828b2f5c425b74"}],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d6","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:37.591Z","desc":"Ya casi estamos! Ahora que tenemos nuestra pagina funcionando vamos a aprender algo nuevo.\n\nCSS Grid es una nueva forma de crear layout para vistas. Al igual que flexbox esta es una forma revolucionaria para definir la ubicación de los componentes. \n\nComo es algo tan moderno todavía no lo estamos incluyendo en nuestros proyectos, ya que al día de hoy (enero 2018) [no esta soportado en todos los browsers](https://caniuse.com/#feat=css-grid) y si se necesita un amplio soporte de browsers habría que hacer una nueva implementación compatible con los mismos.\n\nNo obstante nos parece importante que puedas manejar este tipo de herramientas así que veremos [este](https://www.youtube.com/watch?v=7kVeCqQCxlk) video y luego comenzaremos a reimplementar la pagina para que se vea como en la imagen adjunta.\n\n**Nota:** si necesitas ayuda con todos los comandos de CSS Grid podes ver una cheatsheet [aca](https://css-tricks.com/snippets/css/complete-guide-grid/)\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. \n","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":14,"idAttachmentCover":"5a86e892ad1da82977804df4","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Rediseño de la página","pos":638975.125,"shortLink":"npmP4ny2","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":2,"checkItemsChecked":0,"comments":1,"attachments":2,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2u+1ia4p95qaj@boards.trello.com","idChecklists":["5a86e96c41c905bb6e79f8cf"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/npmP4ny2","subscribed":false,"url":"https://trello.com/c/npmP4ny2/14-redise%C3%B1o-de-la-p%C3%A1gina","attachments":[{"bytes":382926,"date":"2018-02-16T13:44:30.760Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"new design","previews":[{"bytes":1682,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/70x50/b5b4fe119fc7249dc9cc7e490bd9669f/Screenshot-2017-12-16_Maquetado(2).png","height":50,"width":70,"_id":"5a86e0404a7fd3bd5d55e034","scaled":false},{"bytes":7283,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/250x150/d8edf352826aab0f664dca88d7b7f1ee/Screenshot-2017-12-16_Maquetado(2).png","height":150,"width":250,"_id":"5a86e0404a7fd3bd5d55e033","scaled":false},{"bytes":14188,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/150x245/001e0988d4881d74580ab6fc9aa562d8/Screenshot-2017-12-16_Maquetado(2).png","height":245,"width":150,"_id":"5a86e0404a7fd3bd5d55e032","scaled":true},{"bytes":42625,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/300x489/6497042a36758f39f2dd8d45522e15b0/Screenshot-2017-12-16_Maquetado(2).png","height":489,"width":300,"_id":"5a86e0404a7fd3bd5d55e031","scaled":true},{"bytes":125506,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/600x978/1d417496acfc0c175179eed3b31a9bcb/Screenshot-2017-12-16_Maquetado(2).png","height":978,"width":600,"_id":"5a86e0404a7fd3bd5d55e030","scaled":true},{"bytes":344052,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/1200x1957/a339f252bb1836eaf6f8c68b4821c606/Screenshot-2017-12-16_Maquetado(2).png","height":1957,"width":1200,"_id":"5a86e0404a7fd3bd5d55e02f","scaled":true},{"bytes":382926,"height":2216,"width":1359,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/31ecc514bf37061468ac05d957376c16/Screenshot-2017-12-16_Maquetado(2).png","_id":"5a86e0404a7fd3bd5d55e02e","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/31ecc514bf37061468ac05d957376c16/Screenshot-2017-12-16_Maquetado(2).png","pos":32768,"id":"5a86e03efcacfa47073683d3"},{"bytes":5911,"date":"2018-02-16T14:20:02.446Z","edgeColor":"#ec8cbc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":1281,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/70x50/9a11050cc7be7193c4c43cc75d86ab39/20170621-CSS-Grid-Layout-710x355-tiny.png","height":50,"width":70,"_id":"5a86e89440bd672691ab6db1","scaled":false},{"bytes":7287,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/250x150/140e8a132ffabaf162205461c9e1def7/20170621-CSS-Grid-Layout-710x355-tiny.png","height":150,"width":250,"_id":"5a86e89440bd672691ab6db0","scaled":false},{"bytes":3121,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/150x75/3982dad1406a37dd987d271db704733e/20170621-CSS-Grid-Layout-710x355-tiny.png","height":75,"width":150,"_id":"5a86e89440bd672691ab6daf","scaled":true},{"bytes":8617,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/300x150/7d7a4953c67dc5c7c56c7ab795cb7bac/20170621-CSS-Grid-Layout-710x355-tiny.png","height":150,"width":300,"_id":"5a86e89440bd672691ab6dae","scaled":true},{"bytes":28873,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d6/600x300/be256808f95fe5840dc1e4648cebb4d0/20170621-CSS-Grid-Layout-710x355-tiny.png","height":300,"width":600,"_id":"5a86e89440bd672691ab6dad","scaled":true},{"bytes":5911,"height":355,"width":710,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/a0d85abde0b0386bda8527b2093182bb/20170621-CSS-Grid-Layout-710x355-tiny.png","_id":"5a86e89440bd672691ab6dac","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d6/a0d85abde0b0386bda8527b2093182bb/20170621-CSS-Grid-Layout-710x355-tiny.png","pos":49152,"id":"5a86e892ad1da82977804df4"}],"pluginData":[],"customFieldItems":[]},{"id":"5bae7e20cc5a7d2d27069748","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:34:18.421Z","desc":"A diferencia de la anterior card de testing en este caso vamos a enviar la card `Rediseño de la página` siguiendo el otro modelo de trabajo de QA. En este modelo todas las cards se envían a QA y el procedimiento es el siguiente:\n\n1) tendrás que editar la descripción de la card `Rediseño de la página` agregando una sección de `Test plan` en donde incluirás un test plan respetando el formato explicado en la card `Quality Assurance (QA)`\n\n2) Deberas asignar al usuario `QA` para que haga el testeo de la card. En este caso QA rebotara la card para que veas como es ese caso del proceso. Cuando esto ocurra deberas volver a mover la card a `developed` y asignar nuevamente a QA. Finalmente la card será aprobada en este segundo intento.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":37,"idAttachmentCover":"5bae7e81393b523781b54d8c","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Test it 2: the return of QA!","pos":671743.125,"shortLink":"1Rk6boVd","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2r16ldrssstzv7c88y0+2l1er3o73r@boards.trello.com","idChecklists":["5bae8554443d380f4cac5133"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/1Rk6boVd","subscribed":false,"url":"https://trello.com/c/1Rk6boVd/37-test-it-2-the-return-of-qa","attachments":[{"bytes":23570,"date":"2018-09-28T19:18:25.552Z","edgeColor":"#ececec","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"Software-QA-testing-750x330.jpg","previews":[{"bytes":4349,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/70x50/ff52eede3baedae228f750983589ff1c/Software-QA-testing-750x330.jpg.png","height":50,"width":70,"_id":"5bae7e82952b583bef7b5999","scaled":false},{"bytes":23566,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/250x150/34c128ed6b7824d3065113b049e8e0ea/Software-QA-testing-750x330.jpg.png","height":150,"width":250,"_id":"5bae7e82952b583bef7b5998","scaled":false},{"bytes":2784,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/150x66/2ff4f5c044a2e7d0b96ca8ae99ed143c/Software-QA-testing-750x330.jpg","height":66,"width":150,"_id":"5bae7e82952b583bef7b5997","scaled":true},{"bytes":6535,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/300x132/e5ccd31d2aa973adfedd496f538555c5/Software-QA-testing-750x330.jpg","height":132,"width":300,"_id":"5bae7e82952b583bef7b5996","scaled":true},{"bytes":15741,"url":"https://trello-attachments.s3.amazonaws.com/5bae7e20cc5a7d2d27069748/600x264/bb0038c3b0e37d8f806a5c0d2450556a/Software-QA-testing-750x330.jpg","height":264,"width":600,"_id":"5bae7e82952b583bef7b5995","scaled":true},{"bytes":23570,"height":330,"width":750,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e20cc5a7d2d27069748/d8219d6ed17c8caefed7a062ac6887ed/Software-QA-testing-750x330.jpg","_id":"5bae7e82952b583bef7b5994","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5bae7e20cc5a7d2d27069748/d8219d6ed17c8caefed7a062ac6887ed/Software-QA-testing-750x330.jpg","pos":16384,"id":"5bae7e81393b523781b54d8c"}],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d9","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-02-16T15:37:01.399Z","desc":"Ahora tenemos una web que funciona perfectamente en los últimos browsers, pero que pasa en la realidad.\n\nMuchos de nuestros usuarios no varian solo de browser sino también en tamaños de pantalla. De hecho hoy en día gran cantidad de los usuarios se manejan únicamente con el teléfono y es por esto que tenemos que lograr que nuestro sitio sea usable en teléfonos.\n\nEsto no indica que nuestra web se tiene que volver una app visualmente sino que hay que decidir que cosas tiene sentido que se muestren en una version mobile y adaptar nuestras vistas para que el contenido se muestre bien en estos casos.\n\nPara esto existen en CSS las [media queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) con ellas podemos definir estilos que solo se aplicaran si se cumplen las reglas de la media query. \n\nComo decíamos antes, nosotros queremos que existan ciertos estilos que se apliquen cuando el ancho de pantalla ya no es el de una pc y que dichos estilos pisen los de pc para hacer que la pagina se vea bien en un dispositivo mas pequeño. Normalmente definimos `1024px` como el breakpoint entre algo desktop y algo mobile y por un tema de optimización de tiempo hacemos que las vistas mobile apliquen a tablet y a teléfono (salvo algunos casos en donde explícitamente se piden diseños para tablet y teléfono diferentes).\n\nAhora si, vamos a cerrar este training haciendo que nuestra pagina se vea como en la imagen adjunta cuando la pantalla sea menor que `1024px` de ancho.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":17,"idAttachmentCover":"5a86e9cfd4723275f4c125eb","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"Diseño responsive","pos":704511.125,"shortLink":"TQqUUoD8","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":3,"checkItemsChecked":0,"comments":1,"attachments":2,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2x+21tfbfof91@boards.trello.com","idChecklists":["5a86f1125780adc6d2df8b2d"],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/TQqUUoD8","subscribed":false,"url":"https://trello.com/c/TQqUUoD8/17-dise%C3%B1o-responsive","attachments":[{"bytes":61564,"date":"2018-02-16T14:25:19.929Z","edgeColor":null,"idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"cover","previews":[{"bytes":3367,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/70x50/dd7f6ae11faf2cc58ff88bfbc159ac0a/que-es-responsive-web-design.jpg.png","height":50,"width":70,"_id":"5a86e9d26e209647a8f6ce7a","scaled":false},{"bytes":13633,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/250x150/9d787e20e601e56b8e595a2eee1f1409/que-es-responsive-web-design.jpg.png","height":150,"width":250,"_id":"5a86e9d26e209647a8f6ce79","scaled":false},{"bytes":8279,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/150x94/a5350ca88edea7d3f69cf553924c3e76/que-es-responsive-web-design.jpg.png","height":94,"width":150,"_id":"5a86e9d26e209647a8f6ce78","scaled":true},{"bytes":17293,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/300x188/50ce573ffe939a9e678fb6c4431806c6/que-es-responsive-web-design.jpg.png","height":188,"width":300,"_id":"5a86e9d26e209647a8f6ce77","scaled":true},{"bytes":35237,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/600x375/70cfff77e6f46eb247f40c1ada946195/que-es-responsive-web-design.jpg.png","height":375,"width":600,"_id":"5a86e9d26e209647a8f6ce76","scaled":true},{"bytes":73502,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/1200x750/57f7c13a3826b876dcd270664f0c3ee3/que-es-responsive-web-design.jpg.png","height":750,"width":1200,"_id":"5a86e9d26e209647a8f6ce75","scaled":true},{"bytes":61564,"height":900,"width":1440,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e962f07a0db029c747fd6a2957603b2e/que-es-responsive-web-design.jpg","_id":"5a86e9d26e209647a8f6ce74","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e962f07a0db029c747fd6a2957603b2e/que-es-responsive-web-design.jpg","pos":32768,"id":"5a86e9cfd4723275f4c125eb"},{"bytes":409469,"date":"2018-02-16T15:17:10.168Z","edgeColor":"#fcfcfc","idMember":"5214c82c9c798125080000e1","isUpload":true,"mimeType":null,"name":"maquetado_mobile_2.png","previews":[{"bytes":856,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/70x50/4f4f5ca0b6fd3b92e1033ca2ff9a5392/maquetado_mobile_2.png","height":50,"width":70,"_id":"5a86f5f82d076fe3868b36dc","scaled":false},{"bytes":3568,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/250x150/32c5d1ad7bf57f47c50475164591ec2b/maquetado_mobile_2.png","height":150,"width":250,"_id":"5a86f5f82d076fe3868b36db","scaled":false},{"bytes":95108,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/150x1590/c8b813dd5cdba962b3c509290e51a555/maquetado_mobile_2.png","height":1590,"width":150,"_id":"5a86f5f82d076fe3868b36da","scaled":true},{"bytes":256532,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/300x3180/a8d6041ff262fa70870a49e0d1003061/maquetado_mobile_2.png","height":3180,"width":300,"_id":"5a86f5f82d076fe3868b36d9","scaled":true},{"bytes":634341,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290d9/600x6360/bfa171f6e7c916c6f2da7d87dd43be50/maquetado_mobile_2.png","height":6360,"width":600,"_id":"5a86f5f82d076fe3868b36d8","scaled":true},{"bytes":409469,"height":7950,"width":750,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e2b269fe68c6f834c5e1849a3f951fb5/maquetado_mobile_2.png","_id":"5a86f5f82d076fe3868b36d7","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5a37bc4aac4a6249874290d9/e2b269fe68c6f834c5e1849a3f951fb5/maquetado_mobile_2.png","pos":65536,"id":"5a86f5f67be0ce30f382c63d"}],"pluginData":[],"customFieldItems":[]},{"id":"5b806c9947ea6831356e004d","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-04-01T14:49:01.663Z","desc":"##Metodología Quality Assurance\n\n- https://docs.google.com/document/d/1q3G0mIWc5wbFBLLoZoU1XSpDoZPtCf5Ac3g-X6tcywY/edit\n\n\n##¿Cómo envio una card a QA?\n\n- https://docs.google.com/document/d/1qTn2f2-iiPbLEfJPBilID8zj-WCMvet62wyZQ5kQCkQ/\n\n##Armado de Test Plan\n\n- https://docs.google.com/document/d/1nEAKCbFbIg4ak2DjCox4C0d1GCw2MNAwTnK-aBuoj8g","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":30,"idAttachmentCover":"5b806d1024492b82fad001e0","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Quality Assurance (QA)","pos":770047.125,"shortLink":"ULLOsxwO","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":1,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2qu6o6ye2a1a5bkuafh+2m2m71uhbo@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/ULLOsxwO","subscribed":false,"url":"https://trello.com/c/ULLOsxwO/30-quality-assurance-qa","attachments":[{"bytes":41511,"date":"2018-08-24T20:39:44.493Z","edgeColor":"#fcfcfc","idMember":"584575f0c159a4ef605082c7","isUpload":true,"mimeType":null,"name":"logo-qa.png","previews":[{"bytes":3594,"url":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/70x50/ce48f57cbe7899124749691fc3752795/logo-qa.png","height":50,"width":70,"_id":"5b806d11c6d9d48285cc1c95","scaled":false},{"bytes":14300,"url":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/250x150/d8ac24f50e3defec1a34aeaa0a28bd8d/logo-qa.png","height":150,"width":250,"_id":"5b806d11c6d9d48285cc1c94","scaled":false},{"bytes":9249,"url":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/150x112/89e33e2bae813aaa5d073263810dbc01/logo-qa.png","height":112,"width":150,"_id":"5b806d11c6d9d48285cc1c93","scaled":true},{"bytes":21129,"url":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/300x225/c7e415977480f96f4c73c452e836ff92/logo-qa.png","height":225,"width":300,"_id":"5b806d11c6d9d48285cc1c92","scaled":true},{"bytes":47504,"url":"https://trello-attachments.s3.amazonaws.com/5b806c9947ea6831356e004d/600x450/7e381a9009362f7dcff53c8a49481a9c/logo-qa.png","height":450,"width":600,"_id":"5b806d11c6d9d48285cc1c91","scaled":true},{"bytes":41511,"height":660,"width":880,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5b806c9947ea6831356e004d/bc74a5cd26bbfa1c9e5e1eecfce4eaa3/logo-qa.png","_id":"5b806d11c6d9d48285cc1c90","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5b806c9947ea6831356e004d/bc74a5cd26bbfa1c9e5e1eecfce4eaa3/logo-qa.png","pos":16384,"id":"5b806d1024492b82fad001e0"}],"pluginData":[],"customFieldItems":[]},{"id":"5c758258518ac9899bd1aeba","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-02-26T18:46:47.082Z","desc":"## Descripción\n\nAntes de avanzar con tu framework principal, vamos a empezar a conocer [Javascript](https://www.javascript.com). Esta card se considerará aprobada una vez que completes el [este](https://www.codecademy.com/learn/learn-javascript) curso interactivo que cubre las bases del lenguaje.\n\n- No te olvides que también contás con la WBiblioteca: “Javascript: The good parts” y la serie “You Don’t Know Js” son excelentes libros para aprender el lenguaje.\n\n- Por otro lado, cuando programamos, el código no siempre se comporta como esperamos. A veces necesitamos _debuggear_ para poder resolver este tipo de problemas. Te dejamos un link detallando un poco el proceso de debugging desde la consola de Chrome:\nhttps://developers.google.com/web/tools/chrome-devtools/javascript/\n\nTiempo promedio para este curso: 4 Horas.\nEs probable que no necesitemos todo el curso completo como para avanzar con el training.\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":41,"idAttachmentCover":"5c758296e143be8df0da1bad","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"JavaScript Basics","pos":770047.125,"shortLink":"WMP4JobO","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2rvewet3eu8hqjn08my+0k13cyjrn9@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/WMP4JobO","subscribed":false,"url":"https://trello.com/c/WMP4JobO/41-javascript-basics","attachments":[{"bytes":11875,"date":"2019-02-26T18:16:54.848Z","edgeColor":"#f4dc4c","idMember":"534eb03773417f7d62807f1c","isUpload":true,"mimeType":null,"name":"javascript.png","previews":[{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/70x50/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":1148,"height":50,"width":70,"_id":"5c758297e143be8df0da1c81","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/250x150/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":4546,"height":150,"width":250,"_id":"5c758297e143be8df0da1c80","scaled":false},{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/150x65/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":2394,"height":65,"width":150,"_id":"5c758297e143be8df0da1c7f","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/300x130/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":4901,"height":130,"width":300,"_id":"5c758297e143be8df0da1c7e","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/600x260/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":10435,"height":260,"width":600,"_id":"5c758297e143be8df0da1c7d","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5c758258518ac9899bd1aeba/785x340/55f511171b197e60efb0e2ce9ca5be02/javascript.png","bytes":11546,"height":340,"width":785,"_id":"5c758297e143be8df0da1c7c","scaled":true},{"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758258518ac9899bd1aeba/ed1bc075396fe945264ef4ab73142c9b/javascript.png","width":785,"height":340,"bytes":11875,"_id":"5c758297e143be8df0da1c7b","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758258518ac9899bd1aeba/ed1bc075396fe945264ef4ab73142c9b/javascript.png","pos":16384,"id":"5c758296e143be8df0da1bad"}],"pluginData":[],"customFieldItems":[]},{"id":"5c758855dffe43224ae4fcba","address":null,"checkItemStates":null,"closed":true,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-02-26T18:46:49.677Z","desc":"EcmaScript es el estandar que sigue Javascript. EcmaScript 6 (ES6) es el último estándar que agrega nuevas features al lenguaje, podés consultarlas [acá](http://es6-features.org/). Prestá especial atención a las siguientes features, que seguramente sean las que mas utilices de ahora en adelante: Constants, Block Scoped Variables, Arrow Functions, Extended Parameter Handling, Template Literals, Enhanced Object Properties, Destructuring Assignment. En la WBiblioteca contamos con [“You Don't Know JS: ES6 & Beyond”](https://github.com/getify/You-Dont-Know-JS/blob/master/es6%20&%20beyond/README.md#you-dont-know-js-es6--beyond) que explica a la perfección cada una de las nuevas features y más.\n\nAntes de comenzar a usar ES6 libremente, tenemos que tener en cuenta un detalle: el entorno. ES6 es un estándar relativamente nuevo  y no todos los entornos lo soportan al 100% (por entornos se entiende: browsers o runtimes como NodeJS). Podés consultar la siguiente [tabla](https://kangax.github.io/compat-table/es6/) para ver el soporte actual de ES6.\n\nPara salvarnos de esta limitación (el entorno), existen herramientas como [Babel](https://babeljs.io/), que nos permiten escribir código en ES6, y enviarlo a los browsers sin problemas de compatibilidad. Dado que la mayoría de nuevas features de ES6 son [syntactic sugars](https://en.wikipedia.org/wiki/Syntactic_sugar), Babel compila nuestro código y lo traduce al estándar soportado por el entorno (translate + compile = transpile).\n\n-------\n\n## Feedback!\n\nPor favor si tenés alguna sugerencia o encontrás algún error en esta card enviánosla mediante [este](https://goo.gl/forms/MkZCUYmDCoJG1NVF3) form. ","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b2","idMembersVoted":[],"idShort":42,"idAttachmentCover":"5c758855dffe43224ae4fcbf","limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":true,"name":"EcmaScript","pos":786431.125,"shortLink":"2G2cNMlk","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":1,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2rvf10nawq8m7dfa8je+10ml7n0d97@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/2G2cNMlk","subscribed":false,"url":"https://trello.com/c/2G2cNMlk/42-ecmascript","attachments":[{"bytes":273783,"date":"2018-04-16T13:55:22.973Z","edgeColor":null,"idMember":"5c758855dffe43224ae4fcc0","isUpload":true,"mimeType":null,"name":"babel (1).png","previews":[{"bytes":3378,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/70x50/10da897e46dc2d4e27cf2a9e11c2ff45/babel_(1).png","height":50,"width":70,"_id":"5c758855dffe43224ae4fcc1","scaled":false},{"bytes":17285,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/250x150/94cb90a74db6e56b78b9b408f34cd3c1/babel_(1).png","height":150,"width":250,"_id":"5c758855dffe43224ae4fcc2","scaled":false},{"bytes":9685,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/150x68/aa95d3a59bbcbccdcf06cc871d177918/babel_(1).png","height":68,"width":150,"_id":"5c758855dffe43224ae4fcc3","scaled":true},{"bytes":21655,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/300x136/f04e744d4dbac8b585aab327f5506ab8/babel_(1).png","height":136,"width":300,"_id":"5c758855dffe43224ae4fcc4","scaled":true},{"bytes":50555,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/600x273/1c870e114be42a8976781984265e4405/babel_(1).png","height":273,"width":600,"_id":"5c758855dffe43224ae4fcc5","scaled":true},{"bytes":114229,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/1200x545/c5de34e2b4a0c26500321873ae6ba607/babel_(1).png","height":545,"width":1200,"_id":"5c758855dffe43224ae4fcc6","scaled":true},{"bytes":273783,"height":1488,"width":3276,"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/3276x1488/c4acb6ea4e699ca3275330c221e90e6d/babel_(1).png","_id":"5c758855dffe43224ae4fcc7","scaled":true}],"url":"https://trello-attachments.s3.amazonaws.com/5a37bc4aac4a6249874290b1/5c758855dffe43224ae4fcba/x/cdf0cd9976d64b09eaf91eb04e1e4258/babel_(1).png","pos":16384,"id":"5c758855dffe43224ae4fcbf"}],"pluginData":[],"customFieldItems":[]},{"id":"5b855b5b9554407de22d6e6f","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-08-31T15:16:04.751Z","desc":"La columna **Backlog QA** es una columna en la cual el equipo de QA cargará  errores tanto visuales como funcionales que no perjudiquen alguna funcionalidad directamente. Estas cards pueden cargarse cuando se está testeando y se encuentra algo por fuera de la funcionalidad que se está probando o algun error que no impida testear la funcionalidad en sí\n\nSe cargará la card analizando el error, detallando en que card se encontró y describiendo cuáles son los criterios de aceptación.\n\nLas cards de **Backlog QA** deben ser tenidas en cuenta en la Planning y será decisión del TM o del equipo decidir si la card será vista en el sprint o no. Si la card es tenida en cuenta para trabajar en el sprint, se trabajará exactamente igual que cualquier otra card. \n\nEs recomendación del Equipo de QA que se atiendan este tipo de cards, ya que son las que terminan agregándole un valor al producto o una mejor experiencia de usuario. \n\n\n","descData":{"emoji":{}},"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5b806cc8b42d705604b637f4","idMembersVoted":[],"idShort":32,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"¿Qué es Backlog QA?","pos":360447.5625,"shortLink":"wqhmmM52","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2quxn91hpbkulivga5r+0cm8fjhfb2@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/wqhmmM52","subscribed":false,"url":"https://trello.com/c/wqhmmM52/32-qu%C3%A9-es-backlog-qa","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5b855b3e81e93056332e2b8c","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-08-28T14:25:18.966Z","desc":"## Test Plan\n\n- **Ambiente:**\n   - _Web 1\n   >URL: [Link]\n   >Credenciales:\n      - Usuario: `user`\n      - Password: `password`\n   - _Web 2_\n   >URL: [Link]\n   >Credenciales:\n      - Usuario: `another_user`\n      - Password: `password`\n\n---\n###Caso 1 - Título del caso 1\n---\n\n- **Pre-condición**:\n   1. Condiciones necesarias enumeradas para poder realizar las acciones. En caso de no contener, colocar \"N/A\".\n\n- **Acción**:\n   1. Acciones que el tester debe seguir. Se pueden referenciar a acciones de casos anteriores.\n   2. Acción 2.\n   > - Sub-acción 2.1.\n   > - Sub-acción 2.2.\n   3. Acción 3.\n\n- **Resultado esperado**:\n   1. Resultado 1.\n   2. Resultado 2.\n\n---\n\n*Para más información detallada se puede acceder al siguiente link: *https://docs.google.com/document/d/1nEAKCbFbIg4ak2DjCox4C0d1GCw2MNAwTnK-aBuoj8g/edit\n\n---\n\n*Ver en comentarios para encontrar un ejemplo.* ","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5b806cc8b42d705604b637f4","idMembersVoted":[],"idShort":31,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Test Plan Template","pos":720895.125,"shortLink":"k8mW8aid","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2quxn5waqbdehdf3zws+2qfscx3yrj@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/k8mW8aid","subscribed":false,"url":"https://trello.com/c/k8mW8aid/31-test-plan-template","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5b8d57388eb79354c024ec6b","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-09-03T15:46:00.548Z","desc":"\n## Descripción\n\nComo usario quiero poder mostrar Refill Reminders para cada medicamento. Estos reminders están basados en los Last Refilled Date de cada medicamento.\n\nComo usuario quiero recibir un recordatorio para recargar mis medicamentos, esta fecha se va a calcular en base al \"Last Refilled Date\" ingresado en cada medicamento. Para que esto funcione debe estar activado el toggle de **Refill Reminders**\n\n\n## Criterios de Aceptación\n\n* Activar los Refill Reminders se debe poder hacer desde la pantalla de My Meds.\n* Para cada Medicamento, se muestran Refill Reminders. Estos se triggerean durante 9 días del mes siguiente a la última vez que se tomó un medicamento: \ndesde 5 días antes hasta 3 días después. Por ejemplo: Si el usuario tomó un Medicamento por última vez el día 10/04/2018 entonces se deben mostrar los Reminders desde el día 05/05/18 al 13/05/2018.\n* Cuando ocurra un Refill Reminder y el usuario esté fuera de la aplicación, se debe mostrar una system notification que al ser clickeada lleve el usuario a la app.\n* Cuando ocurra un reminder, la próxima vez que el usuario entre a la aplicación se debe mostrar el popup de la notificación. Si hay más de uno pendiente, se muestran ambos.\n* Los Reminders se cancelan (hasta el mes que viene) cuando el usuario hace Call Pharmacy en el popup. Nota: La fecha de last refill date no se impacta todavía, se creó otra card de JIRA para atacar esto.\n* Tocar en Later dismissea el popup. De esta forma, se muestra el día siguiente.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5b806cc8b42d705604b637f4","idMembersVoted":[],"idShort":33,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Ejemplo Card Story 1","pos":737279.125,"shortLink":"0rAYOMgE","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2qw5az4shki6vhatxez+1j7zr767pg@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/0rAYOMgE","subscribed":false,"url":"https://trello.com/c/0rAYOMgE/33-ejemplo-card-story-1","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5b8d575f3331dc48cd5a70ce","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2018-09-03T15:46:39.023Z","desc":"## Descripción\n\nComo Usuario, quiero poder snoozear las in-app notifications que aparecen para los Meds Reminder. El usuario puede snoozear cada reminder hasta 6 veces.\n\n## Criterios de Aceptación\n\n* Cuando ocurra un reminder y el usuario esté fuera de la aplicación, se debe mostrar una system notification que al ser clickeada lleve el usuario a la app.\n* Cuando ocurra un reminder, la próxima vez que el usuario entre a la aplicación se debe mostrar el popup de la notificación. Notar que el popup que se muestra se correspone a la última alarma que sonó. Esto quiere decir que si el usuario tenía una alarma a las 15 y otra a las 18, la que se muestra es la de las 18.\n* El popup no se muestra en todas las pantallas. Se muestra únicamente en las pantallas en las que el usuario está logueado en Salesforce y en la app (Passcode).\n* Tocar Yes o No impacta el Adherence del usuario. Tocar Snooze pospone la alarma media hora.\n* Si un reminder es snoozeado pero su horario ocurre después de un reminder predefinido, entonces el que \"suena\" es el predefinido. Por ejemplo: Tengo un reminder a las 18 45 y otro a las 19. Si snoozeo el de las 18 45, suena el de las 19 de todas formas y el otro se considera como que pasó.\n* El mensaje del popup es el que el usuario pone en la pantalla Set Reminder Message.\n\n## Credenciales Admin\n\nuser: emanuel.lamela@wyz.ucsf.edu.int\npass: Wyzadmin1\n\n## Credenciales Participant\n\nuser: emanuel.participant@wyz.ucsf.edu.int\npass: Wyzparticipant1\n\n## Admin URL\n\nhttps://wyz--int.cs13.my.salesforce.com/\n\n## Nota para QA\n\nLa imagen de la card es de los diseños de iOS. Lo importante de la imagen es el popup.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5b806cc8b42d705604b637f4","idMembersVoted":[],"idShort":34,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Ejemplo Card Story 2","pos":753663.125,"shortLink":"MczGHzSw","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2qw5b3b87zt0tyegwy6+11u91zatfa@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/MczGHzSw","subscribed":false,"url":"https://trello.com/c/MczGHzSw/34-ejemplo-card-story-2","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5b8d576ddfc61966a5eba309","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2019-02-26T19:28:00.816Z","desc":"### DESCRIPCIÓN\n\nComo usuario de la App Mobile, quiero ver agrupadas las condiciones de cotización y de financiamiento por separados para tener una mejor organización y visibilidad de los precios.\n\n### Criterios de aceptación: \n- La vista de Condiciones de Financiamiento, debe visualizarse como en el diseño adjunto.\n- Debe ser posible ingresar el precio del vehiculo (primer campo anteriormente no estaba en financiamiento)\n- La oferta creada, que aparece en la web, debe utilizar el precio del vehiculo ingresado desde la app en los cálculos.\n- El precio de cotización es:  Pago contado inicial + flete + patentamiento + formularios + gastos de otorgamiento\n- El precio financiado es: Numero de cuotas por valor de la cuota.\n- El precio total es: cotización + financiado.\n\n### Consideraciones\n\n- Aunque ingresar el precio del vehículo y el porcentaje de tasa de interes es obligatorio, estos no son utilizados para las cuentas que realiza el dealer. Sin embargo son requeridos, luego, para las cuentas que debe realizar el back.\n\n##TEST PLAN\n\n- **Ambiente:** \n   - Android: (Completar link)[]\n   - iOS: Versión TestFlight\n- Credenciales:\n   - Dealer: `Completar usuario dealer`\n\n---\n\n**Caso 1**\n\n- **Pre-condición**: \n\n   1. Loguearse con un usuario dealer en la app mobile.\n\n- **Acción**:\n\n   1. Ir a la vista de condiciones de financiamiento.\n\n- **Resultado esperado**: \n\n   1. Verificar que la vista se vea como en la imagen adjunta.\n\n**Caso 2** \n\n- **Pre-condición**: \n\n   1. Loguearse con un usuario dealer en la app mobile.\n\n- **Acción**:\n\n   1. Ir a la vista de condiciones de financiamiento.\n\n- **Resultado esperado**: \n\n   1. Verificar que es posible ingresar el precio del vehiculo\n\n**Caso 3** \n\n- **Pre-condición**: \n\n   1. Loguearse con un usuario dealer en la app mobile.\n\n- **Acción**:\n\n   1. En la app web crear una nueva cotización a la que se pueda tener acceso posteriormente.\n   2. En la app mobile. Ir a la vista de condiciones de financiamiento.\n   3. En la app mobile. Ingresar un precio al vehiculo y guardar.\n\n- **Resultado esperado**: \n\n   1. La oferta creada, que aparece en la web, debe utilizar el precio del vehículo ingresado desde la app en los cálculos. \n   2. El precio de cotización es:  Pago contado inicial + flete + patentamiento + formularios + gastos de otorgamiento\n   3. El precio financiado es: Numero de cuotas por valor de la cuota.\n   4. El precio total es: cotización + financiado.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5b806cc8b42d705604b637f4","idMembersVoted":[],"idShort":35,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Ejemplo Card Story 3","pos":770047.125,"shortLink":"FIyIcEdz","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2qw5b4wcsqeyehr7kll+0af2ju8t1z@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/FIyIcEdz","subscribed":false,"url":"https://trello.com/c/FIyIcEdz/35-ejemplo-card-story-3","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290ca","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.819Z","desc":"En esta columna vas a encontrar las cards a desarrollarse en el siguiente sprint. Las mismas deben venir del Backlog y tener una estimación.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b3","idMembersVoted":[],"idShort":2,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards a desarrollarse durante el sprint","pos":16384,"shortLink":"AGuNnPw0","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2i+0fkowfcy1z@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/AGuNnPw0","subscribed":false,"url":"https://trello.com/c/AGuNnPw0/2-cards-a-desarrollarse-durante-el-sprint","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290cb","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.826Z","desc":"En esta columna vas a encontrar cards que refieren a hotfixes. Estos son errores que aparecen en producción y tienen una severidad muy alta. En tu training no vas a encontrar este tipo de cards, pero es bueno que te familiarices con esta columna.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b4","idMembersVoted":[],"idShort":3,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards que refieren a hot fixes en producción","pos":16384,"shortLink":"kmrc4DRQ","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2j+1unsbw4zkq@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/kmrc4DRQ","subscribed":false,"url":"https://trello.com/c/kmrc4DRQ/3-cards-que-refieren-a-hot-fixes-en-producci%C3%B3n","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290cc","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.832Z","desc":"Cards que se están asignadas a una persona y están siendo llevadas a cabo. También incluye cards que fueron aprobadas en el proceso de code review. Para distinguir esas cards de las que se están desarrollando, podes usar un Label de `CODE REVIEWED`","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b5","idMembersVoted":[],"idShort":4,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards en desarrollo","pos":32767.5,"shortLink":"3MMB10jR","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2k+1pxb4lvemt@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/3MMB10jR","subscribed":false,"url":"https://trello.com/c/3MMB10jR/4-cards-en-desarrollo","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290cd","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.839Z","desc":"Cards que están listas para hacer QA. Las cards en esta columna ya tuvieron code review  y se les hizo un deploy para que la persona de QA asignada las revise.\n\nEn tu training vos mismo vas a realizar QA de tus cards, pero en el proximo proyecto vas a tener asignada una persona para esto, con lo cual es importante que te familiarices con el proceso.\n\nConsultar a tu TL o capacitador como es el branching model de QA","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b6","idMembersVoted":[],"idShort":5,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards listas para QA","pos":16384,"shortLink":"8oTnAgzi","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2l+0jgv5a2obk@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/8oTnAgzi","subscribed":false,"url":"https://trello.com/c/8oTnAgzi/5-cards-listas-para-qa","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290ce","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.846Z","desc":"En esta columna vas a encontrar las cards que están siendo revisadas por una persona de QA. Mientras la misma va revisando las cards, te va a ir indicando si están aprobadas o no. Similar al proceso de Pull Requests.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b7","idMembersVoted":[],"idShort":6,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards en proceso de QA","pos":16384,"shortLink":"txmbEP9f","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2m+0iwmhtndfw@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/txmbEP9f","subscribed":false,"url":"https://trello.com/c/txmbEP9f/6-cards-en-proceso-de-qa","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290cf","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.852Z","desc":"Cards que se encuentran en el servidor de stage listas para ser revisadas por el cliente. Cuando el cliente apruebes las cards, las va a mover a Approved by Client\n\nEn tu training vos vas a ser tu propio cliente en conjunto con tu capacitador","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b8","idMembersVoted":[],"idShort":7,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards siendo validadas por el cliente en stage","pos":16384,"shortLink":"vh1W8WFS","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2n+25yhk9ukxj@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/vh1W8WFS","subscribed":false,"url":"https://trello.com/c/vh1W8WFS/7-cards-siendo-validadas-por-el-cliente-en-stage","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d0","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.858Z","desc":"Cards que ya fueron totalmente aprobadas por el cliente y que deberían estar listas para un deploy a producción\n","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290b9","idMembersVoted":[],"idShort":8,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards aprobadas por el cliente y listas para producción","pos":16384,"shortLink":"uVHyIe4p","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2o+2kod7qvaqr@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/uVHyIe4p","subscribed":false,"url":"https://trello.com/c/uVHyIe4p/8-cards-aprobadas-por-el-cliente-y-listas-para-producci%C3%B3n","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d1","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.865Z","desc":"En esta columna deberían estar todas las cards del sprint que ya están listas para un deploy a producción.","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290ba","idMembersVoted":[],"idShort":9,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards listas para producción","pos":16384,"shortLink":"32t8Cp1o","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2p+0mapfhgdb9@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/32t8Cp1o","subscribed":false,"url":"https://trello.com/c/32t8Cp1o/9-cards-listas-para-producci%C3%B3n","attachments":[],"pluginData":[],"customFieldItems":[]},{"id":"5a37bc4aac4a6249874290d2","address":null,"checkItemStates":null,"closed":false,"coordinates":null,"creationMethod":null,"dateLastActivity":"2017-12-18T13:02:02.872Z","desc":"Siempre que se hace un deploy a producción, se crea una columna con la fecha del día y se mueven las cards que incluye el deploy.\n","descData":null,"dueReminder":null,"idBoard":"5a37bc4aac4a6249874290b1","idLabels":[],"idList":"5a37bc4aac4a6249874290bb","idMembersVoted":[],"idShort":10,"idAttachmentCover":null,"limits":{"attachments":{"perCard":{"status":"ok","disableAt":1000,"warnAt":900}},"checklists":{"perCard":{"status":"ok","disableAt":500,"warnAt":450}},"stickers":{"perCard":{"status":"ok","disableAt":70,"warnAt":63}}},"locationName":null,"manualCoverAttachment":false,"name":"Cards en producción","pos":16384,"shortLink":"dfIM3mMg","badges":{"attachmentsByType":{"trello":{"board":0,"card":0}},"location":false,"votes":0,"viewingMemberVoted":false,"subscribed":false,"fogbugz":"","checkItems":0,"checkItemsChecked":0,"comments":0,"attachments":0,"description":true,"due":null,"dueComplete":false},"dueComplete":false,"due":null,"email":"frankiglesias+2od0o3zaffusreem6ew+2pg99gvkpi5im1mfr2q+0y6c14brxp@boards.trello.com","idChecklists":[],"idMembers":[],"labels":[],"shortUrl":"https://trello.com/c/dfIM3mMg","subscribed":false,"url":"https://trello.com/c/dfIM3mMg/10-cards-en-producci%C3%B3n","attachments":[],"pluginData":[],"customFieldItems":[]}],"labels":[{"id":"5a37bc4aac4a6249874290da","idBoard":"5a37bc4aac4a6249874290b1","name":"Task","color":"green"},{"id":"5a37bc4aac4a6249874290db","idBoard":"5a37bc4aac4a6249874290b1","name":"","color":"yellow"},{"id":"5a37bc4aac4a6249874290de","idBoard":"5a37bc4aac4a6249874290b1","name":"","color":"purple"},{"id":"5a37bc4aac4a6249874290dc","idBoard":"5a37bc4aac4a6249874290b1","name":"","color":"orange"},{"id":"5a37bc4aac4a6249874290dd","idBoard":"5a37bc4aac4a6249874290b1","name":"","color":"red"},{"id":"5a37bc4aac4a6249874290df","idBoard":"5a37bc4aac4a6249874290b1","name":"Story","color":"blue"},{"id":"5b806ce4de677a68af4e36ca","idBoard":"5a37bc4aac4a6249874290b1","name":"QA Tested","color":"lime"}],"lists":[{"id":"5a37bc4aac4a6249874290b2","name":"Backlog","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":16384,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5b806cc8b42d705604b637f4","name":"Backlog QA","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":24576,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b3","name":"Ongoing Sprint","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":32768,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b4","name":"Hotfixes","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":36864,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b5","name":"Doing","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":40960,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b6","name":"Developed","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":49152,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b7","name":"QA Approved","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":81920,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b8","name":"Stage","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":114688,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290b9","name":"Approved by Client","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":180224,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290ba","name":"Production Ready","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":245760,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null},{"id":"5a37bc4aac4a6249874290bb","name":"Production MM/DD/YYYY","closed":false,"idBoard":"5a37bc4aac4a6249874290b1","pos":311296,"subscribed":false,"softLimit":null,"limits":{"cards":{"openPerList":{"status":"ok","disableAt":5000,"warnAt":4500},"totalPerList":{"status":"ok","disableAt":1000000,"warnAt":900000}}},"creationMethod":null}],"members":[{"id":"544119e3cb7db04b63ec1cc1","avatarHash":"9bdde623a07dae8fd8ab2b84275e1c74","avatarUrl":"https://trello-avatars.s3.amazonaws.com/9bdde623a07dae8fd8ab2b84275e1c74","bio":"","bioData":null,"confirmed":true,"fullName":"Admin Wolox","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"AW","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/userwolox","username":"userwolox","status":"disconnected"},{"id":"568aa5a0e73df1864699f877","avatarHash":"bb3024d4d935ea6f1acfad0c28a36098","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb3024d4d935ea6f1acfad0c28a36098","bio":"","bioData":null,"confirmed":true,"fullName":"Dana Tilve","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"DT","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/danatilve","username":"danatilve","status":"disconnected"},{"id":"52044a4b633d1c0a3b000d3f","avatarHash":"78aa6ffffd4f4538a82f6a3c53fb8d1e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/78aa6ffffd4f4538a82f6a3c53fb8d1e","bio":"","bioData":null,"confirmed":true,"fullName":"Esteban Pintos","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"EP","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/estebanpintos","username":"estebanpintos","status":"disconnected"},{"id":"56f0048259f9b1bed796daba","avatarHash":"34b424bb401eeaa73427602e2c570e7b","avatarUrl":"https://trello-avatars.s3.amazonaws.com/34b424bb401eeaa73427602e2c570e7b","bio":"","bioData":null,"confirmed":true,"fullName":"Ezequiel Schwemmer","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"ES","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/ezequielschwemmer","username":"ezequielschwemmer","status":"disconnected"},{"id":"54bd28bab7e7a018b9cac724","avatarHash":"f2367de0fd5d86603a8e282cbf05f277","avatarUrl":"https://trello-avatars.s3.amazonaws.com/f2367de0fd5d86603a8e282cbf05f277","bio":"","bioData":null,"confirmed":true,"fullName":"Franco Prudhomme","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"FP","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/francoprudhomme1","username":"francoprudhomme1","status":"disconnected"},{"id":"59356ad582f177ee4f8b3ff8","avatarHash":"3086ce2ab693dcd4b211cd9245a75170","avatarUrl":"https://trello-avatars.s3.amazonaws.com/3086ce2ab693dcd4b211cd9245a75170","bio":"","bioData":{"emoji":{}},"confirmed":true,"fullName":"FrankIglesias","idEnterprise":"5cdcdd54e97a012d8ca85794","idEnterprisesDeactivated":[],"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"F","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/frankiglesias","username":"frankiglesias","status":"disconnected"},{"id":"5214c82c9c798125080000e1","avatarHash":"4a424c3e2c25dcd6290e3befaabdab5c","avatarUrl":"https://trello-avatars.s3.amazonaws.com/4a424c3e2c25dcd6290e3befaabdab5c","bio":"","bioData":null,"confirmed":true,"fullName":"Gabriel Zanzotti","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"GZ","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/gabrielzanzotti","username":"gabrielzanzotti","status":"disconnected"},{"id":"5ce83d9c3dd3996159cb5f6f","avatarHash":null,"avatarUrl":null,"bio":"","bioData":null,"confirmed":true,"fullName":"Ivo Biaus","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"IB","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/ivobiaus","username":"ivobiaus","status":"disconnected"},{"id":"58cfe1855cfb12d34d8d3269","avatarHash":"759805e2ea166c0780b5c6b9421c862f","avatarUrl":"https://trello-avatars.s3.amazonaws.com/759805e2ea166c0780b5c6b9421c862f","bio":"","bioData":{"emoji":{}},"confirmed":true,"fullName":"Juan Cruz Segura","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"JC","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/juancruzsegura","username":"juancruzsegura","status":"disconnected"},{"id":"576028060f98cb636419ea4f","avatarHash":"dabdeee4b096df8ecf10c4101cd2a10e","avatarUrl":"https://trello-avatars.s3.amazonaws.com/dabdeee4b096df8ecf10c4101cd2a10e","bio":"","bioData":null,"confirmed":true,"fullName":"Lucas Melul","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"LM","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/lucasmelul","username":"lucasmelul","status":"disconnected"},{"id":"584575f0c159a4ef605082c7","avatarHash":"bb86b9958aa35a8774822000bfef85af","avatarUrl":"https://trello-avatars.s3.amazonaws.com/bb86b9958aa35a8774822000bfef85af","bio":"","bioData":null,"confirmed":true,"fullName":"Martin Callegari","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MC","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/martincallegari1","username":"martincallegari1","status":"disconnected"},{"id":"5b4ca97809f7a637ab3d2b14","avatarHash":"8f2a671e5d08aa0c1e328d4ca3d6df90","avatarUrl":"https://trello-avatars.s3.amazonaws.com/8f2a671e5d08aa0c1e328d4ca3d6df90","bio":"","bioData":null,"confirmed":true,"fullName":"Mateo Ruiz","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MR","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/mateoruiz2","username":"mateoruiz2","status":"disconnected"},{"id":"520417d57596a37b3d00046d","avatarHash":"36a210b63d2bd384dd072618ac15cddc","avatarUrl":"https://trello-avatars.s3.amazonaws.com/36a210b63d2bd384dd072618ac15cddc","bio":"","bioData":null,"confirmed":true,"fullName":"Matias De Santi","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MS","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/matiasdesanti","username":"matiasdesanti","status":"disconnected"},{"id":"5b0c13b32bc41d8adb288b99","avatarHash":null,"avatarUrl":null,"bio":"","bioData":null,"confirmed":true,"fullName":"Mauro Mamani","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MM","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/mauromamani","username":"mauromamani","status":"disconnected"},{"id":"55363ccdd77096c9244dadc7","avatarHash":"c553bb91ffbfb33da44972097e7273cd","avatarUrl":"https://trello-avatars.s3.amazonaws.com/c553bb91ffbfb33da44972097e7273cd","bio":"","bioData":null,"confirmed":true,"fullName":"Meli Rossi","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MR","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/melirossi","username":"melirossi","status":"disconnected"},{"id":"5440ae938973216b99021a56","avatarHash":"b130f982dc4165b62ff271904be97834","avatarUrl":"https://trello-avatars.s3.amazonaws.com/b130f982dc4165b62ff271904be97834","bio":"","bioData":{"emoji":{}},"confirmed":true,"fullName":"Mishu Agopian","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"MA","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/mishuagopian","username":"mishuagopian","status":"disconnected"},{"id":"534eb03773417f7d62807f1c","avatarHash":null,"avatarUrl":null,"bio":"","bioData":null,"confirmed":true,"fullName":"Pablo Ferro","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"PF","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/pabloferro1","username":"pabloferro1","status":"disconnected"},{"id":"533590ab113c6305387ede70","avatarHash":"10754c0252ea79058d55ec70037f13e1","avatarUrl":"https://trello-avatars.s3.amazonaws.com/10754c0252ea79058d55ec70037f13e1","bio":"","bioData":null,"confirmed":true,"fullName":"riveign","idEnterprise":null,"idEnterprisesDeactivated":null,"idMemberReferrer":null,"idPremOrgsAdmin":[],"initials":"R","memberType":"normal","nonPublic":{},"nonPublicAvailable":false,"products":[],"url":"https://trello.com/riveign","username":"riveign","status":"disconnected"}],"checklists":[{"id":"5bae82a7dd242b597f515efe","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5bae7e0e3f4d7d62a8e94eef","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5bae82a7dd242b597f515efe","state":"incomplete","id":"5bae82c00a00f865a861c0eb","name":"Agregar link de tasks a story","nameData":null,"pos":17357},{"idChecklist":"5bae82a7dd242b597f515efe","state":"incomplete","id":"5bae82ca02cd380fa85eef04","name":"taggear a qa test plan","nameData":null,"pos":33772},{"idChecklist":"5bae82a7dd242b597f515efe","state":"incomplete","id":"5bae82dc5eb27c2c09e01c7e","name":"taggear a QA y que apruebe la card de `Setup del proyecto`","nameData":null,"pos":50584}]},{"id":"5bae8554443d380f4cac5133","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5bae7e20cc5a7d2d27069748","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5bae8554443d380f4cac5133","state":"incomplete","id":"5bae85640313716fc8cdf8d9","name":"realizar el testplan del rediseño de la pagina","nameData":null,"pos":16951},{"idChecklist":"5bae8554443d380f4cac5133","state":"incomplete","id":"5bae856be6c387320b564bbc","name":"Mandar a QA","nameData":null,"pos":33834},{"idChecklist":"5bae8554443d380f4cac5133","state":"incomplete","id":"5bae85722f4a0e605f36f2af","name":"Volver a mandar a QA","nameData":null,"pos":50575}]},{"id":"5a7f0ec5b7a4e7817a3fa714","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a7f0a96086dd7a09276bb6d","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f111bad382e0c526ab6d2","name":"Haber visto el video 1","nameData":null,"pos":16918},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f111d3ab921b274844e94","name":"Haber visto el video 2","nameData":null,"pos":34134},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f111f9f9701e3f5f4f047","name":"Haber visto el video 3","nameData":null,"pos":50836},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f1123f0ae4af404c60bc7","name":"Haber visto el video 4","nameData":null,"pos":68166},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f11252561218afbd591f0","name":"Haber visto el video 5","nameData":null,"pos":85506},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f112819138d62e93045fb","name":"Haber visto el video 6","nameData":null,"pos":102290},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f112b8278b4cfdc0396a5","name":"Haber visto el video 7","nameData":null,"pos":118768},{"idChecklist":"5a7f0ec5b7a4e7817a3fa714","state":"incomplete","id":"5a7f112ff4df8bfe14407e29","name":"Haber visto el video 8","nameData":null,"pos":135664}]},{"id":"5a7f2412b8b49fe1927c1927","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a7f11a3016f4c1eb4e5875a","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f245628bbe5c48b2491fc","name":"Haber visto el video 1.1","nameData":null,"pos":16611},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f2459f0ae4af404c77d30","name":"Haber visto el video 1.2","nameData":null,"pos":33194},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f245f3b94bbdf7baaa556","name":"Haber visto el video 2.1","nameData":null,"pos":50089},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f24622669aaa03a8dfee2","name":"Haber visto el video 2.2","nameData":null,"pos":66856},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f24667f5a0b713a15c14a","name":"Haber visto el video 3.1","nameData":null,"pos":83642},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f246891d257fc1c9cc817","name":"Haber visto el video 4.1","nameData":{"emoji":{}},"pos":100591},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f2477cc73ffdd0e256928","name":"Haber visto el video 4.2","nameData":null,"pos":117638},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f247917e4484eba8c1f77","name":"Haber visto el video 5.1","nameData":null,"pos":134411},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f247e89fc3bdf9be028bd","name":"Haber visto el video 5.2","nameData":null,"pos":151357},{"idChecklist":"5a7f2412b8b49fe1927c1927","state":"incomplete","id":"5a7f2497660417e3e1cc43f0","name":"Haber realizado los 24 niveles del tutorial","nameData":null,"pos":168555}]},{"id":"5a7f3a1df17c424fe611c4b6","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a7f36fde10a73260220b3b5","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a7f3a1df17c424fe611c4b6","state":"incomplete","id":"5a7f3a2dde0580e472bf4e8f","name":"Haber leido la guia de SASS","nameData":null,"pos":17323}]},{"id":"5a7f6e6e2019e79cd49688c9","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a7f5ff3ac746c82d2f33819","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a7f6e6e2019e79cd49688c9","state":"incomplete","id":"5a7f6ec06f7fdb34a0861db6","name":"haber agregado el equalizer y que el Hello World se muestre en rojo con la fuente cambiada.","nameData":null,"pos":16505}]},{"id":"5a7f6eefcefd6e92f2cec5e4","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a7f6b08d3e48fe4355ec116","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a7f6eefcefd6e92f2cec5e4","state":"incomplete","id":"5a7f6f02d27d24f9986284f1","name":"Haber leido y entendido todos los puntos de la guia de estilos de Wolox","nameData":null,"pos":17217}]},{"id":"5a85e217a587cf531a16968a","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a85e217a587cf531a169684","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a85e217a587cf531a16968a","state":"incomplete","id":"5a85e217a587cf531a16968b","name":"que el html sea lo mas simple posible","nameData":null,"pos":16595},{"idChecklist":"5a85e217a587cf531a16968a","state":"incomplete","id":"5a85e217a587cf531a16968c","name":"que los titulos se vean igual que la imagen adjunta","nameData":null,"pos":33677},{"idChecklist":"5a85e217a587cf531a16968a","state":"incomplete","id":"5a85e217a587cf531a16968d","name":"que el css tenga la menor especificidad posible","nameData":null,"pos":50360}]},{"id":"5a85e22985fea328daadb336","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a85e22985fea328daadb2b2","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a85e22985fea328daadb336","state":"incomplete","id":"5a85e22985fea328daadb337","name":"Que el html sea lo mas simple posible","nameData":null,"pos":16895},{"idChecklist":"5a85e22985fea328daadb336","state":"incomplete","id":"5a85e22985fea328daadb338","name":"Que el css sea lo menos especifico posible","nameData":null,"pos":33561},{"idChecklist":"5a85e22985fea328daadb336","state":"incomplete","id":"5a85e22985fea328daadb339","name":"que la tecnologia se vea igual a la imagen adjunta","nameData":null,"pos":50321}]},{"id":"5a85e235887ce1485de0522f","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a85e235887ce1485de05225","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a85e235887ce1485de0522f","state":"incomplete","id":"5a85e235887ce1485de05230","name":"crear los elementos necesarios para que el contenido del html sea el mismo que el de la imagen adjunta","nameData":null,"pos":17172},{"idChecklist":"5a85e235887ce1485de0522f","state":"incomplete","id":"5a85e235887ce1485de05231","name":"utilizar flexbox para alinear correctamente los elementos","nameData":null,"pos":34438},{"idChecklist":"5a85e235887ce1485de0522f","state":"incomplete","id":"5a85e235887ce1485de05232","name":"utilizar los nuevos conocimientos de margin y padding para poder generar los espaciados deseados.","nameData":null,"pos":51717}]},{"id":"5a89d1229393e0e0cba8af87","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a89d1229393e0e0cba8af82","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af88","name":"Haber leido la pagina de `Getting Started`","nameData":null,"pos":16442},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af89","name":"Haber leido la pagina de `Tags, Attributes and Elements`","nameData":null,"pos":33257},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8a","name":"Haber leido la pagina de `Page Titles`","nameData":null,"pos":50165},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8b","name":"Haber leido la pagina de `Paragraphs`","nameData":null,"pos":67331},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8c","name":"Haber leido la pagina de `Headings`","nameData":null,"pos":84544},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8d","name":"Haber leido la pagina de `Lists`","nameData":null,"pos":101912},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8e","name":"Haber leido la pagina de `Links`","nameData":null,"pos":118545},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af8f","name":"Haber leido la pagina de `Images`","nameData":null,"pos":135946},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af90","name":"Haber leido la pagina de `Tables`","nameData":null,"pos":152393},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af91","name":"Haber leido la pagina de `Forms`","nameData":null,"pos":168861},{"idChecklist":"5a89d1229393e0e0cba8af87","state":"incomplete","id":"5a89d1229393e0e0cba8af92","name":"Haber leido la pagina de `Putting It All Together`","nameData":null,"pos":185313}]},{"id":"5a9010be7505e45e77d7926a","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a900dfcba03cb2bc777ccac","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a9010be7505e45e77d7926a","state":"incomplete","id":"5a9010d20952dbd8c07048ad","name":"se debe agregar una transicion a cada tecnologia","nameData":null,"pos":17321},{"idChecklist":"5a9010be7505e45e77d7926a","state":"incomplete","id":"5a9010e2e8867ea78e0afb31","name":"se debe modificar al minimo el css","nameData":null,"pos":34595}]},{"id":"5a7f559fdc1ad00fce45dab9","name":"Cards asociadas","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a37bc4aac4a6249874290d3","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[]},{"id":"5a85e378e118d279595aa1c2","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a37bc4aac4a6249874290d7","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a85e378e118d279595aa1c2","state":"incomplete","id":"5a85e389d22a09c01cf8c69c","name":"Que la navbar se vea igual que la imagen adjunta","nameData":null,"pos":17128},{"idChecklist":"5a85e378e118d279595aa1c2","state":"incomplete","id":"5a85e3b28433c7c49645e098","name":"Que la navbar quede fija en la parte superior de la pagina y el contenido scrollee por detras","nameData":{"emoji":{}},"pos":33708},{"idChecklist":"5a85e378e118d279595aa1c2","state":"incomplete","id":"5a86df6b1218c0e3a5df4d42","name":"Que los estilos esten separados en su propio archivo","nameData":null,"pos":50960}]},{"id":"5a86de971ef40d2934af6171","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a37bc4aac4a6249874290d8","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a86de971ef40d2934af6171","state":"incomplete","id":"5a86de971ef40d2934af6172","name":"Que el footer se vea igual que la imagen adjunta","nameData":{"emoji":{}},"pos":17128},{"idChecklist":"5a86de971ef40d2934af6171","state":"incomplete","id":"5a86df710be5c354c51d3b7b","name":"Que los estilos esten separados en su propio archivo","nameData":null,"pos":34414}]},{"id":"5a86e96c41c905bb6e79f8cf","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a37bc4aac4a6249874290d6","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a86e96c41c905bb6e79f8cf","state":"incomplete","id":"5a86e97d8f10d9a288a8bcb2","name":"Que el layout de la pagina sea generado usando CSS Grid","nameData":null,"pos":16670},{"idChecklist":"5a86e96c41c905bb6e79f8cf","state":"incomplete","id":"5a86e99c4ecfecc70ee0f4b8","name":"Que se hagan la menor cantidad de cambios posibles para lograr la adaptacion visual","nameData":null,"pos":33797}]},{"id":"5a86f1125780adc6d2df8b2d","name":"Criterio de Aceptación","idBoard":"5a37bc4aac4a6249874290b1","idCard":"5a37bc4aac4a6249874290d9","pos":16384,"limits":{"checkItems":{"perChecklist":{"status":"ok","disableAt":200,"warnAt":180}}},"creationMethod":null,"checkItems":[{"idChecklist":"5a86f1125780adc6d2df8b2d","state":"incomplete","id":"5a86f11eff0022c6cc861245","name":"Que la vista se vea como la imagen adjunta","nameData":null,"pos":16729},{"idChecklist":"5a86f1125780adc6d2df8b2d","state":"incomplete","id":"5a86f12a617942cc9a897dd9","name":"Que el breakpoint se de en 1024px de ancho","nameData":null,"pos":33816},{"idChecklist":"5a86f1125780adc6d2df8b2d","state":"incomplete","id":"5a86f1402b968de3916c9053","name":"Que se utilicen la menor cantidad de estilos bajo media query posible.","nameData":null,"pos":50342}]}],"customFields":[],"memberships":[{"id":"5a37bc4bac4a624987429144","idMember":"584575f0c159a4ef605082c7","memberType":"admin","unconfirmed":false,"deactivated":false},{"id":"5a37bc7d343bbde80c5b322a","idMember":"568aa5a0e73df1864699f877","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bc7e1ebf5de579cb4091","idMember":"52044a4b633d1c0a3b000d3f","memberType":"admin","unconfirmed":false,"deactivated":false},{"id":"5a37bc8552d524273e1c6c5a","idMember":"576028060f98cb636419ea4f","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bc899db5d1a8cd899cfc","idMember":"55363ccdd77096c9244dadc7","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bc8e68d13f25dfc4576a","idMember":"5214c82c9c798125080000e1","memberType":"admin","unconfirmed":false,"deactivated":false},{"id":"5a37bc9d080bfc4640af8a54","idMember":"54bd28bab7e7a018b9cac724","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bca7fd11023dbae47fac","idMember":"520417d57596a37b3d00046d","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bcb65fc3e48e0d58a93c","idMember":"533590ab113c6305387ede70","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37bcdad72da80d96880fef","idMember":"544119e3cb7db04b63ec1cc1","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5a37c4fe3992839adae31df1","idMember":"5440ae938973216b99021a56","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5ab55eebdde513f7655274ce","idMember":"59356ad582f177ee4f8b3ff8","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5b6c87e75cb54840933c9ef6","idMember":"56f0048259f9b1bed796daba","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5b855a2c86e9655969c467b6","idMember":"58cfe1855cfb12d34d8d3269","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5bb4db5e4c30ab19bc1a86e9","idMember":"5b0c13b32bc41d8adb288b99","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5c758053f629501315041c71","idMember":"534eb03773417f7d62807f1c","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5ce58d58612ccf2e53aac957","idMember":"5b4ca97809f7a637ab3d2b14","memberType":"normal","unconfirmed":false,"deactivated":false},{"id":"5ce84a68af2812446b454832","idMember":"5ce83d9c3dd3996159cb5f6f","memberType":"normal","unconfirmed":false,"deactivated":false}],"pluginData":[]}