{"id":6816,"date":"2022-09-22T20:09:50","date_gmt":"2022-09-22T18:09:50","guid":{"rendered":"https:\/\/valencia.wordcamp.org\/2022\/?post_type=wcb_session&#038;p=6816"},"modified":"2022-11-05T16:12:53","modified_gmt":"2022-11-05T15:12:53","slug":"de-mockup-a-css-y-bastante-de-sass","status":"publish","type":"wcb_session","link":"https:\/\/valencia.wordcamp.org\/2022\/session\/de-mockup-a-css-y-bastante-de-sass\/","title":{"rendered":"Conceptos b\u00e1sicos y pilares para desarrollar con CSS"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-6d257fe9 wp-block-columns-is-layout-flex\" style=\"padding-right:8%;padding-left:8%\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:66.66%\">\n<p>Vi\u00e9ndolo con mis a\u00f1os de experiencia puedo deciros que desarrollar con CSS es una aut\u00e9ntica delicia pero tambi\u00e9n soy consciente que puede resultar engorroso incorporar tantas definiciones para un principante en la tecnolog\u00eda.<\/p>\n\n\n\n<p>En esta charla te mostrar\u00e9 las puntos m\u00e1s importantes que hay que saber al empezar con CSS para que tengas un buen punto de partida y seas todo un profesional del Frontend.<\/p>\n\n\n\n<p>Mencionar\u00e9 los conceptos de:<br>&#8211; Herencia<br>&#8211; Cascada<br>&#8211; El Box-Model<br>&#8211; Especificidad (y de c\u00f3mo evitar los !important)<br>&#8211; Asignar nombres a los elementos<br>&#8211; Definir estructuras<br>&#8211; Estructuras versus contenido<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Horario de la ponencia:<\/h4>\n\n\n\n<p>De 13:00h a 13:45h. Track 1. <\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>P\u00fablico al que va dirigido:<\/strong><\/h5>\n\n\n\n<p>Programadores y\/o frontenders<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wordpress-tv wp-block-embed-wordpress-tv wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='750' height='422' src='https:\/\/video.wordpress.com\/embed\/gPiKn2tS?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1658470809'><\/script>\n<\/div><\/figure>\n\n\n\n<p>No disponemos de la presentaci\u00f3n en pdf de Mauricio ya que su charla fue en \u00abformato taller\u00bb.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"background-color:#ebebeb;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60);flex-basis:33.33%\"><figure style=\"width:256px;height:256px;\" class=\"aligncenter is-style-rounded wp-block-wordcamp-avatar\"><img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/c1e02b78939cfec5683d393e3f8ba7978bf1ed27c084bcba4cc7b414352ae0f4?s=256&amp;d=mm&amp;r=g\" alt=\"Mauricio Gelves\" \/><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Ponente:<br>Mauricio Gelves<\/h2>\n\n\n\n<p>Mauricio Gelves es Licenciado en Inform\u00e1tica, especializado en el desarrollo de sitios web con WordPress desde el 2012 y trabaja actualmente como Ingeniero Web para la empresa Human Made.<\/p>\n\n\n\n<p>Es un miembro activo de la Comunidad de WordPress desde el a\u00f1o 2014 habiendo participado como organizador de la WordCamp Madrid, moderador de WordPress TV, ponente y voluntario de diferentes WordCamps de Europa y Am\u00e9rica.<\/p>\n\n\n\n<ul class=\"wp-block-social-links has-small-icon-size is-horizontal is-content-justification-left is-layout-flex wp-container-core-social-links-is-layout-7e5fce0a wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-twitter  wp-block-social-link\"><a rel=\"noopener nofollow\" target=\"_blank\" href=\"https:\/\/twitter.com\/maugelves\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><a href=\"\/2022\/programa\" data-type=\"URL\" data-id=\"\/programa\"><strong>Ver el programa completo<\/strong><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vi\u00e9ndolo con mis a\u00f1os de experiencia puedo deciros que desarrollar con CSS es una aut\u00e9ntica delicia pero tambi\u00e9n soy consciente que puede resultar engorroso incorporar tantas definiciones para un principante en la tecnolog\u00eda. En esta charla te mostrar\u00e9 las puntos m\u00e1s importantes que hay que saber al empezar con CSS para que tengas un buen&hellip; <a class=\"more-link\" href=\"https:\/\/valencia.wordcamp.org\/2022\/session\/de-mockup-a-css-y-bastante-de-sass\/\">Seguir leyendo <span class=\"screen-reader-text\">Conceptos b\u00e1sicos y pilares para desarrollar con CSS<\/span><\/a><\/p>\n","protected":false},"author":11565751,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1666436400,"_wcpt_session_duration":2700,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[6460],"footnotes":""},"session_track":[1079849],"session_category":[],"class_list":["post-6816","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-track-1","entry"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"22\/10\/2022","time":"1:00 pm"},"session_speakers":[{"id":"6460","slug":"mauricio-gelves","name":"Mauricio Gelves","link":"https:\/\/valencia.wordcamp.org\/2022\/speaker\/mauricio-gelves\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6816","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":9,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6816\/revisions"}],"predecessor-version":[{"id":9301,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/sessions\/6816\/revisions\/9301"}],"speakers":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/speakers\/6460"}],"author":[{"embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wporg\/v1\/users\/mgelves"}],"wp:attachment":[{"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/media?parent=6816"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_track?post=6816"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/valencia.wordcamp.org\/2022\/wp-json\/wp\/v2\/session_category?post=6816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}