{"id":22272,"date":"2026-04-23T11:39:51","date_gmt":"2026-04-23T09:39:51","guid":{"rendered":"https:\/\/iceberg.udg.edu\/?p=22272"},"modified":"2026-04-23T12:54:24","modified_gmt":"2026-04-23T10:54:24","slug":"vibe-coding-programar-amb-ia-seguint-la-intuicio","status":"publish","type":"post","link":"https:\/\/iceberg.udg.edu\/?p=22272","title":{"rendered":"Vibe coding: programar amb IA seguint la intu\u00efci\u00f3"},"content":{"rendered":"\n<p>En un moment en qu\u00e8 la intel\u00b7lig\u00e8ncia artificial generativa est\u00e0 transformant molts \u00e0mbits, tamb\u00e9 est\u00e0 canviant la manera com es programa. En aquest context apareix el concepte de <strong>vibe coding<\/strong>, una aproximaci\u00f3 que trenca amb la idea tradicional d\u2019escriure codi l\u00ednia a l\u00ednia.<\/p>\n\n\n\n<p>El <em>vibe coding<\/em> proposa un canvi de rol: passar de programar directament a <strong>descriure qu\u00e8 volem i gestionar la creaci\u00f3 del codi amb l\u2019ajuda de la IA<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Qu\u00e8 \u00e9s el vibe coding?<\/strong><\/h2>\n\n\n\n<p>El <em>vibe coding<\/em> \u00e9s una manera de programar en qu\u00e8 la persona:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>no escriu manualment cada l\u00ednia de codi,<\/li>\n\n\n\n<li>sin\u00f3 que descriu el que vol aconseguir,<\/li>\n\n\n\n<li>i ho va refinant mitjan\u00e7ant el di\u00e0leg amb una intel\u00b7lig\u00e8ncia artificial.<\/li>\n<\/ul>\n\n\n\n<p>La idea clau \u00e9s que, si saps explicar b\u00e9 qu\u00e8 vols (si tens el \u201cvibe\u201d correcte), la IA s\u2019encarrega de la part m\u00e9s t\u00e8cnica.<\/p>\n\n\n\n<p>En aquest sentit, el canvi \u00e9s molt clar: d&#8217;\u201cescriure codi\u201d a \u201cgestionar la creaci\u00f3 de codi\u201d.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Eines <em>full-stack<\/em>: de la idea al producte<\/strong><\/h2>\n\n\n\n<p>Un dels elements m\u00e9s transformadors d\u2019aquest enfocament \u00e9s l\u2019aparici\u00f3 d\u2019eines que van molt m\u00e9s enll\u00e0 de generar codi.<\/p>\n\n\n\n<p>Les anomenades eines full-stack permeten:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>crear aplicacions completes,<\/li>\n\n\n\n<li>executar-les,<\/li>\n\n\n\n<li>gestionar servidors i bases de dades,<\/li>\n\n\n\n<li>publicar-les a internet en pocs segons.<\/li>\n<\/ul>\n\n\n\n<p>Aquest ecosistema est\u00e0 creixent molt r\u00e0pid i t\u00e9 un objectiu clar: eliminar la barrera entre la idea i el producte final.<\/p>\n\n\n\n<p>Alguns exemples d\u2019aquest tipus d\u2019eines s\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/lovable.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Lovable<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/base44.com\/\" data-type=\"link\" data-id=\"https:\/\/base44.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Base44<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/replit.com\/ai\" target=\"_blank\" rel=\"noreferrer noopener\">Replit<\/a><\/li>\n<\/ul>\n\n\n\n<p>La majoria funcionen amb model <em>freemium<\/em>, amb opcions gratu\u00eftes limitades i funcionalitats avan\u00e7ades de pagament.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Treballar amb xats<\/strong><\/h2>\n\n\n\n<p>No sempre cal una eina especialitzada. Els models de llenguatge generals tamb\u00e9 permeten fer <em>vibe coding<\/em>.<\/p>\n\n\n\n<p>Eines com:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Gemini (amb Canvas),<\/li>\n\n\n\n<li>ChatGPT,<\/li>\n\n\n\n<li>Claude (amb Artifacts),<\/li>\n<\/ul>\n\n\n\n<p>ofereixen espais h\u00edbrids on:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>el codi i el xat conviuen,<\/li>\n\n\n\n<li>es poden fer canvis parcials,<\/li>\n\n\n\n<li>i es pot iterar sobre el resultat de manera \u00e0gil.<\/li>\n<\/ul>\n\n\n\n<p>Aquestes opcions s\u00f3n especialment \u00fatils per:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>prototipar,<\/li>\n\n\n\n<li>aprendre,<\/li>\n\n\n\n<li>resoldre problemes.<\/li>\n<\/ul>\n\n\n\n<p>En general, generen el codi, per\u00f2 cal publicar-lo despr\u00e9s en un altre entorn.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Una estrat\u00e8gia h\u00edbrida<\/strong><\/h2>\n\n\n\n<p>Una manera pr\u00e0ctica de treballar amb <em>vibe coding<\/em> \u00e9s combinar eines:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>fer el disseny i l\u2019estructura amb un xat (Claude o Gemini, per exemple),<\/li>\n\n\n\n<li>generar el codi base,<\/li>\n\n\n\n<li>portar-lo a una eina full-stack (com Lovable o Base44),<\/li>\n\n\n\n<li>publicar-lo f\u00e0cilment a internet.<\/li>\n<\/ol>\n\n\n\n<p>Aquesta combinaci\u00f3 permet aprofitar el millor de cada entorn.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Una comunitat educativa en creixement<\/strong><\/h2>\n\n\n\n<p>El <em>vibe coding<\/em> tamb\u00e9 est\u00e0 entrant amb for\u00e7a en l\u2019\u00e0mbit educatiu.<\/p>\n\n\n\n<p>Un exemple \u00e9s la comunitat: <a href=\"https:\/\/vibe-coding-educativo.github.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/vibe-coding-educativo.github.io\/<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/iceberg.udg.edu\/wp-content\/uploads\/2026\/04\/image-1.png\" alt=\"\" class=\"wp-image-22276\" style=\"width:197px;height:auto\" srcset=\"https:\/\/iceberg.udg.edu\/wp-content\/uploads\/2026\/04\/image-1.png 600w, https:\/\/iceberg.udg.edu\/wp-content\/uploads\/2026\/04\/image-1-300x300.png 300w, https:\/\/iceberg.udg.edu\/wp-content\/uploads\/2026\/04\/image-1-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n\n\n<p>Es tracta d\u2019un grup col\u00b7laboratiu de docents i persones interessades en tecnologia educativa que treballen per:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>explorar l\u2019\u00fas de la IA en la creaci\u00f3 d\u2019eines educatives,<\/li>\n\n\n\n<li>compartir recursos i prototips,<\/li>\n\n\n\n<li>ajudar altres docents a comen\u00e7ar.<\/li>\n<\/ul>\n\n\n\n<p>Aquesta comunitat promou un canvi de paradigma:<br>el docent deixa de ser nom\u00e9s consumidor de tecnologia per convertir-se en creador de les seves pr\u00f2pies eines digitals.<\/p>\n\n\n\n<p>Algunes de les seves caracter\u00edstiques s\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>metodologia basada en la definici\u00f3 de la intenci\u00f3 pedag\u00f2gica,<\/li>\n\n\n\n<li>publicaci\u00f3 de recursos i prototips,<\/li>\n\n\n\n<li>suport entre membres,<\/li>\n\n\n\n<li>reflexi\u00f3 sobre usos educatius i \u00e8tics de la IA.<\/li>\n<\/ul>\n\n\n\n<p>\u00c9s un dels espais de refer\u00e8ncia en l\u2019\u00e0mbit hispanoparlant.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Una nova oportunitat per al professorat<\/strong><\/h2>\n\n\n\n<p>El <em>vibe coding<\/em> obre la possibilitat que el professorat pugui crear les seves pr\u00f2pies eines digitals, com ara:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>formularis personalitzats,<\/li>\n\n\n\n<li>jocs did\u00e0ctics,<\/li>\n\n\n\n<li>generadors d\u2019exercicis,<\/li>\n\n\n\n<li>o petites aplicacions.<\/li>\n<\/ul>\n\n\n\n<p>Tot aix\u00f2 sense necessitat de tenir coneixements profunds de programaci\u00f3.<\/p>\n\n\n\n<p>Aix\u00f2 pot afavorir:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>una doc\u00e8ncia m\u00e9s adaptada,<\/li>\n\n\n\n<li>m\u00e9s autonomia tecnol\u00f2gica,<\/li>\n\n\n\n<li>i una major capacitat d\u2019innovaci\u00f3.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Una invitaci\u00f3 a provar-ho<\/strong><\/h2>\n\n\n\n<p>El <em>vibe coding<\/em> no substitueix la programaci\u00f3 tradicional, per\u00f2 s\u00ed que ofereix una nova manera de comen\u00e7ar: m\u00e9s accessible, m\u00e9s intu\u00eftiva i orientada a la creaci\u00f3.<\/p>\n\n\n\n<p>Pot ser una bona oportunitat per experimentar amb la intel\u00b7lig\u00e8ncia artificial i comen\u00e7ar a crear sense quedar bloquejat per la part t\u00e8cnica.<\/p>\n\n\n\n<p>No pensem que aquest concepte \u00e9s exclusiu per al professorat sin\u00f3 que pot ser molt interessant que l&#8217;estudiantat cre\u00ef les seves pr\u00f2pies aplicacions relacionades amb el contingut de les assignatures.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El vibe coding proposa una nova manera de programar amb IA, basada a descriure qu\u00e8 es vol fer i iterar el resultat, facilitant la creaci\u00f3 d\u2019aplicacions i recursos digitals tamb\u00e9 en l\u2019\u00e0mbit educatiu.<\/p>\n","protected":false},"author":1,"featured_media":22274,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-22272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-recursos"],"_links":{"self":[{"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/posts\/22272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22272"}],"version-history":[{"count":4,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/posts\/22272\/revisions"}],"predecessor-version":[{"id":22278,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/posts\/22272\/revisions\/22278"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=\/wp\/v2\/media\/22274"}],"wp:attachment":[{"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=22272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iceberg.udg.edu\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=22272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}