{"id":551,"date":"2019-06-09T10:31:38","date_gmt":"2019-06-09T09:31:38","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/?p=551"},"modified":"2019-09-16T15:42:39","modified_gmt":"2019-09-16T14:42:39","slug":"juegos-para-aprender-desarrollo-web","status":"publish","type":"post","link":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/css\/juegos-para-aprender-desarrollo-web\/","title":{"rendered":"Jocs per aprendre desenvolupament web"},"content":{"rendered":"<p> <br>Els qui us vau endinsar en el m\u00f3n web fa una pila d&#8217;anys segur que  recordareu que era dif\u00edcil formar-se, perqu\u00e8 hi havia pocs llocs webs  destinats a aprendre programaci\u00f3 web i calia comprar-se llibres cars i  que nom\u00e9s es trobaven en llocs especialitzats. Afortunadament, tot aix\u00f2  ha canviat molt\u00edssim. Ara, la Xarxa \u00e9s plena de webs on es pot aprendre a  desenvolupar llocs i aplicacions web. I, a m\u00e9s, es pot fer de maneres  molt m\u00e9s amenes.<br><br>No trobeu que \u00e9s  molt m\u00e9s senzill aprendre a programar tot practicant o jugant? Avui us  presentem un recull de jocs de navegador que us ajudaran a aprendre  HTML, CSS, Flexbox, Grid CSS i altres temes relacionats amb el  desenvolupament web. <br><\/p>\n\n\n\n<p><strong>Flexbox Froggy<\/strong><br><a>http:\/\/flexboxfroggy.com\/<\/a><\/p>\n\n\n\n<p><strong>CSS dinner<\/strong><br><a rel=\"noreferrer noopener\" href=\"http:\/\/flukeout.github.io\" target=\"_blank\">http:\/\/flukeout.github.io <\/a><\/p>\n\n\n\n<p><strong>Grid Garden<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/cssgridgarden.com\/\" target=\"_blank\">https:\/\/cssgridgarden.com\/<\/a> <\/p>\n\n\n\n<p> <strong>Grid Garden<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/cssgridgarden.com\/\" target=\"_blank\">https:\/\/cssgridgarden.com\/<\/a> <\/p>\n\n\n\n<p><strong>Flexbox Defense<\/strong><br><a>http:\/\/www.flexboxdefense.com\/<\/a> <\/p>\n\n\n\n<p><strong>Quiz: well aimed? CSS selectors<\/strong>  <br><a rel=\"noreferrer noopener\" href=\"https:\/\/codepen.io\/pehaa\/full\/ROapJZ\" target=\"_blank\">https:\/\/codepen.io\/pehaa\/full\/ROapJZ<\/a> <\/p>\n\n\n\n<p><strong>Learn CSS<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/whatpixel.com\/css-learning-games\/\" target=\"_blank\">https:\/\/whatpixel.com\/css-learning-games\/<\/a> <\/p>\n\n\n\n<p> <strong>Unfolding the box model &#8211; 3d transforms<\/strong><br><a rel=\"noreferrer noopener\" href=\"https:\/\/rupl.github.io\/unfold\/\" target=\"_blank\">https:\/\/rupl.github.io\/unfold\/<\/a> <\/p>\n\n\n\n<p> <strong>Code combat  <\/strong><br><a href=\"https:\/\/codecombat.com\/\">https:\/\/codecombat.com\/<\/a> <\/p>\n\n\n\n<p>","protected":false},"excerpt":{"rendered":"<p>Els qui us vau endinsar en el m\u00f3n web fa una pila d&#8217;anys segur que recordareu que era dif\u00edcil formar-se, perqu\u00e8 hi havia pocs llocs webs destinats a aprendre programaci\u00f3 web i calia comprar-se llibres cars i que nom\u00e9s es trobaven en llocs especialitzats. Afortunadament, tot aix\u00f2 ha canviat molt\u00edssim. Ara, la Xarxa \u00e9s plena &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/css\/juegos-para-aprender-desarrollo-web\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Jocs per aprendre desenvolupament web&#8221;<\/span><\/a><\/p>\n","protected":false},"author":163,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,3,4],"tags":[],"class_list":["post-551","post","type-post","status-publish","format-standard","hentry","category-blog","category-css","category-html","entry"],"_links":{"self":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/551","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/users\/163"}],"replies":[{"embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/comments?post=551"}],"version-history":[{"count":34,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/551\/revisions"}],"predecessor-version":[{"id":587,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/posts\/551\/revisions\/587"}],"wp:attachment":[{"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/media?parent=551"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/categories?post=551"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/multimedia.uoc.edu\/blogs\/htmlcss\/ca\/wp-json\/wp\/v2\/tags?post=551"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}