{"id":608,"date":"2019-07-05T19:27:34","date_gmt":"2019-07-05T17:27:34","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=608"},"modified":"2019-07-25T19:39:42","modified_gmt":"2019-07-25T17:39:42","slug":"1-1-introduccion","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/1-1-introduccion\/","title":{"rendered":"1.1. Introducci\u00f3n"},"content":{"rendered":"<p>Ya sabemos cu\u00e1nto de interesante es programar y c\u00f3mo, usando la programaci\u00f3n, podemos extender nuestros dise\u00f1os.<\/p>\n<p>Vamos ahora a empezar a hacer nuestros primeros programas. De momento, empezaremos con cosas sencillas y poco a poco iremos a\u00f1adiendo nuevas instrucciones y nuevas posibilidades. Probad, probad, y volved a probar. La mejor manera de aprender a programar es programando, preguntando y volviendo a programar.<\/p>\n<p>En el aula ten\u00e9is una relaci\u00f3n de ejercicios para hacer. No os qued\u00e9is con los que har\u00e9is siguiendo esta gu\u00eda, como ya hemos dicho (y volveremos a repetir), la mejor manera de aprender a programar es programando, as\u00ed que cuantos m\u00e1s ejercicios hag\u00e1is, m\u00e1s f\u00e1cil os resultar\u00e1 todo.<\/p>\n<h2>\u00bfPor qu\u00e9 p5.js?<\/h2>\n<p>Actualmente hacer programas para la web significa, sobre todo, hacer programas con JavaScript. JavaScript es un lenguaje de programaci\u00f3n muy potente que nos permitir\u00e1 hacer muchas cosas, y no solo en la web. As\u00ed, si tenemos que aprender a programar, JavaScript es una buena opci\u00f3n.<\/p>\n<div class=\"featured featured-blue\"><p><strong>p5.js<\/strong> es una librer\u00eda de JavaScript. Las librer\u00edas son conjuntos de funciones que nos facilitan hacer determinadas cosas de una manera m\u00e1s sencilla. p5.js nos permite dibujar y hacer animaciones con JavaScript.<\/p>\n<\/div>\n<h2>\u00bfQu\u00e9 haremos en este reto?<\/h2>\n<p>En esta gu\u00eda trabajaremos los cap\u00edtulos 2 y 3 del libro <em>Make: Getting Started with p5.js<\/em>. En el cap\u00edtulo 2 empezaremos a trabajar con p5.js y a hacer nuestros primeros programas, sencillos, pero programas al fin y al cabo. Y en el cap\u00edtulo 3 veremos las diferentes instrucciones que nos ayudar\u00e1n a dibujar con p5.js. Veremos c\u00f3mo hacer diferentes figuras geom\u00e9tricas y c\u00f3mo pintarlas de color e, incluso, hacerlas medio transparentes. De momento nos limitaremos a hacer dibujos sencillos; m\u00e1s adelante veremos c\u00f3mo, mediante la programaci\u00f3n, podremos hacer cosas verdaderamente complejas. \u00bfPreparados? \u00a1Vamos!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ya sabemos cu\u00e1nto de interesante es programar y c\u00f3mo, usando la programaci\u00f3n, podemos extender nuestros dise\u00f1os. Vamos ahora a empezar a hacer nuestros primeros programas. De momento, empezaremos con cosas sencillas y poco a poco iremos a\u00f1adiendo nuevas instrucciones y nuevas posibilidades. Probad, probad, y volved a probar. La mejor manera de aprender a programar [&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\/es\/wp-json\/wp\/v2\/pages\/608"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/comments?post=608"}],"version-history":[{"count":7,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/608\/revisions"}],"predecessor-version":[{"id":2311,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/608\/revisions\/2311"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}