{"id":85,"date":"2019-06-27T11:45:07","date_gmt":"2019-06-27T09:45:07","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=85"},"modified":"2019-07-26T17:28:16","modified_gmt":"2019-07-26T15:28:16","slug":"1-1-introduccio","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/1-1-introduccio\/","title":{"rendered":"1.1. Introducci\u00f3"},"content":{"rendered":"<p>Ja sabem com d\u2019interessant \u00e9s programar i com, fent servir la programaci\u00f3, podem estendre els nostres dissenys.<\/p>\n<p>Ara comen\u00e7arem a fer els nostres primers programes. De moment, abordarem coses senzilles i, a poc a poc, anirem afegint noves instruccions i noves possibilitats. Proveu, proveu i torneu a provar. La millor manera d\u2019aprendre a programar \u00e9s programant, preguntant i tornant a programar.<\/p>\n<p>A l\u2019aula teniu una relaci\u00f3 d\u2019exercicis a fer. No us quedeu amb els que fareu seguint aquesta guia. Com ja hem dit (i ho tornarem a repetir), la millor manera d\u2019aprendre a programar \u00e9s programant, aix\u00ed que com m\u00e9s exercicis feu, m\u00e9s f\u00e0cil us resultar\u00e0 tot.<\/p>\n<h2>Per qu\u00e8 p5.js?<\/h2>\n<p>Actualment, fer programes per a la web significa, sobretot, fer programes amb JavaScript. JavaScript \u00e9s un llenguatge de programaci\u00f3 molt potent que ens permetr\u00e0 fer moltes coses, i no solament a la web. Aix\u00ed doncs, si hem d\u2019aprendre a programar, JavaScript \u00e9s una bona opci\u00f3.<\/p>\n<div class=\"featured featured-blue\"><p><strong>p5.js<\/strong> \u00e9s una llibreria de JavaScript. Les llibreries s\u00f3n conjunts de funcions que ens faciliten fer determinades coses d\u2019una manera m\u00e9s senzilla. p5.js ens permet dibuixar i fer animacions amb JavaScript.<\/p>\n<\/div>\n<h2>Qu\u00e8 farem en aquest repte?<\/h2>\n<p>En aquesta guia treballarem els cap\u00edtols 2 i 3 del llibre <em>Make: Getting Started with p5.js<\/em>. En el cap\u00edtol 2, comen\u00e7arem a treballar amb p5.js i a fer els nostres primers programes, senzills, per\u00f2 programes al cap i a la fi. I, en el cap\u00edtol 3, veurem les diferents instruccions que ens ajudaran a dibuixar amb p5.js. Veurem com fer diferents figures geom\u00e8triques i com pintar-les de color i, fins i tot, fer-les mig transparents. De moment, ens limitarem a fer dibuixos senzills. M\u00e9s endavant veurem com, mitjan\u00e7ant la programaci\u00f3, podem fer coses veritablement complexes. Preparats? Som-hi!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ja sabem com d\u2019interessant \u00e9s programar i com, fent servir la programaci\u00f3, podem estendre els nostres dissenys. Ara comen\u00e7arem a fer els nostres primers programes. De moment, abordarem coses senzilles i, a poc a poc, anirem afegint noves instruccions i noves possibilitats. Proveu, proveu i torneu a provar. La millor manera d\u2019aprendre a programar \u00e9s [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/85"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/comments?post=85"}],"version-history":[{"count":8,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/85\/revisions"}],"predecessor-version":[{"id":2585,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/85\/revisions\/2585"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=85"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}