{"id":4566,"date":"2026-04-24T10:25:00","date_gmt":"2026-04-24T08:25:00","guid":{"rendered":"https:\/\/edutictac.es\/blog\/sasogu\/npm-run-dev-crear-aplicacions-web-educatives-amb-ia-entre-la-fascinacio-i-el-criteri-propi\/"},"modified":"2026-04-24T10:25:00","modified_gmt":"2026-04-24T08:25:00","slug":"npm-run-dev-crear-aplicacions-web-educatives-amb-ia-entre-la-fascinacio-i-el-criteri-propi","status":"publish","type":"post","link":"https:\/\/edutictac.es\/blog\/sasogu\/npm-run-dev-crear-aplicacions-web-educatives-amb-ia-entre-la-fascinacio-i-el-criteri-propi\/","title":{"rendered":"npm run dev: Crear aplicacions web educatives amb IA entre la fascinaci\u00f3 i el criteri propi"},"content":{"rendered":"<p>Les eines d&#8217;Intel\u00b7lig\u00e8ncia Artificial han canviat radicalment la manera de crear programari. Avui dia \u00e9s possible dissenyar una aplicaci\u00f3 web funcional en poques hores conversant amb un model de llenguatge. Tanmateix, hi ha una gran difer\u00e8ncia entre generar una maqueta visualment atractiva i construir una eina fiable, segura i \u00fatil per a l&#8217;aula.<\/p>\n<p><strong>\u00abnpm run dev\u00bb<\/strong> narra en primera persona l&#8217;aprenentatge de crear eines web amb assistents d&#8217;IA des de la perspectiva d&#8217;un educador.<\/p>\n<p>A trav\u00e9s dels seus cap\u00edtols, s&#8217;aborden temes tan fonamentals com l&#8217;organitzaci\u00f3 d&#8217;un projecte en local, l&#8217;\u00fas de Git, la gesti\u00f3 de paquets amb <code>npm<\/code>, la resoluci\u00f3 d&#8217;errors de construcci\u00f3 (<code>build failed<\/code>), el control de la privacitat i la seguretat de les dades, i el desplegament final en servidors web.<\/p>\n<h3>Qu\u00e8 aprens amb aquest diari?<\/h3>\n<ul>\n\n<li>Com redactar instruccions (<em>prompts<\/em>) clares i estructurades per a agents de codi.<\/li>\n\n<li>Com interpretar els missatges d&#8217;error de la consola sense dependre a cegues de la IA.<\/li>\n\n<li>Com garantir la privacitat de les dades de l&#8217;alumnat quan dissenyes recursos digitals.<\/li>\n\n<li>El valor del criteri pedag\u00f2gic i t\u00e8cnic per damunt de l&#8217;automatitzaci\u00f3 irreflexiva.<\/li>\n<\/ul>\n<hr \/>\n<h3>\ud83d\udce5 Acc\u00e9s i Desc\u00e0rrega<\/h3>\n<p>Disponible en versi\u00f3 digital gratu\u00efta en PDF i en paper a Amazon:<\/p>\n<p style=\"margin-top: 15px\">\n  <a class=\"button\" href=\"https:\/\/samuelsoriano.es\/libros\/npm-run-dev\/npm-run-dev-web.pdf\" target=\"_blank\" rel=\"noopener\" style=\"background-color: #0073aa;color: #ffffff;padding: 10px 18px;border-radius: 5px;text-decoration: none;font-weight: bold;margin-right: 10px;display: inline-block\">\ud83d\udcc4 Descarregar PDF gratu\u00eft<\/a>\n  <a class=\"button\" href=\"https:\/\/amzn.to\/4b87lrM\" target=\"_blank\" rel=\"noopener\" style=\"background-color: #e47911;color: #ffffff;padding: 10px 18px;border-radius: 5px;text-decoration: none;font-weight: bold;display: inline-block\">\ud83d\uded2 Comprar a Amazon (Paper)<\/a>\n<\/p>","protected":false},"excerpt":{"rendered":"<p>Les eines d&#8217;Intel\u00b7lig\u00e8ncia Artificial han canviat radicalment la manera de crear programari. Avui dia \u00e9s possible dissenyar una aplicaci\u00f3 web funcional en poques hores conversant amb un model de llenguatge. Tanmateix, hi ha una gran difer\u00e8ncia entre generar una maqueta visualment atractiva i construir una eina fiable, segura i \u00fatil per a l&#8217;aula. \u00abnpm run &#8230; <a title=\"npm run dev: Crear aplicacions web educatives amb IA entre la fascinaci\u00f3 i el criteri propi\" class=\"read-more\" href=\"https:\/\/edutictac.es\/blog\/sasogu\/npm-run-dev-crear-aplicacions-web-educatives-amb-ia-entre-la-fascinacio-i-el-criteri-propi\/\" aria-label=\"M\u00e9s informaci\u00f3 sobre npm run dev: Crear aplicacions web educatives amb IA entre la fascinaci\u00f3 i el criteri propi\">Llegiu m\u00e9s<\/a><\/p>","protected":false},"author":3,"featured_media":4578,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"federated","footnotes":""},"categories":[5,9],"tags":[160,161,65,80,159],"class_list":["post-4566","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tic","category-programari","tag-aplicacions-web","tag-git","tag-ia","tag-llibres","tag-vibe-coding"],"_links":{"self":[{"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/posts\/4566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/comments?post=4566"}],"version-history":[{"count":0,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/posts\/4566\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/media\/4578"}],"wp:attachment":[{"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/media?parent=4566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/categories?post=4566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/edutictac.es\/blog\/sasogu\/wp-json\/wp\/v2\/tags?post=4566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}