{"id":1259,"date":"2015-04-02T11:42:52","date_gmt":"2015-04-02T11:42:52","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?p=1259"},"modified":"2018-02-19T10:24:27","modified_gmt":"2018-02-19T10:24:27","slug":"editors-web-lliures-o-de-codi-obert","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/responsive-web\/editors-web-lliures-o-de-codi-obert\/","title":{"rendered":"Editors web lliures o de codi obert"},"content":{"rendered":"<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"A la hora de crear p\u00e1ginas web, la referencia m\u00e1s conocida en Adobe Dreamweaver.\">A l&#8217;hora de crear p\u00e0gines web, la refer\u00e8ncia m\u00e9s coneguda \u00e9s l&#8217;Adobe Dreamweaver. <\/span><span title=\"Es un editor muy extendido desde su aparici\u00f3n en 1998, y fue desarrollado por la compa\u00f1\u00eda Macromedia, la misma que desarrollo Flash y que luego fue absorbida por Adobe. \">\u00c9s un editor molt est\u00e8s des de la seva aparici\u00f3 el 1998, i va ser desenvolupat per la companyia Macromedia, la mateixa que va desenvolupar Flash i que despr\u00e9s va ser absorbida per Adobe.<\/span><\/span><\/p>\n<p><span title=\"Actualmente mantiene el 90% del mercado de editores HTML pero bastantes desarrolladores web lo critican ya que puede incluir mucho c\u00f3digo in\u00fatil lo cual puede ir en contra de la velocidad de carga o ejecuci\u00f3n de las p\u00e1ginas web en el navegador.\">Actualment mant\u00e9 el 90% del mercat d&#8217;editors HTML per\u00f2 bastants desenvolupadors web el critiquen ja que pot incloure molt codi in\u00fatil la qual cosa pot anar en contra de la velocitat de c\u00e0rrega o execuci\u00f3 de les p\u00e0gines web al navegador. <\/span><span title=\"Esto es especialmente significativo si usamos el soporte que permite por ejemplo para conexiones de bases de datos y\/o las opciones para programar sin necesidad de tener conocimiento de programar en algunos lenguajes como asp, jsp o php. \">Aix\u00f2 \u00e9s especialment significatiu si fem servir el suport que permet, per exemple, les connexions de bases de dades i \/ o les opcions per programar sense necessitat de tenir coneixement de programar en alguns llenguatges com asp, jsp o php.<\/span><\/p>\n<p><span title=\"Frente a este editor de pago, tenemos muchos otros editores de c\u00f3digo abierto.\">A part d&#8217;aquest editor de pagament, tenim molts altres editors de codi obert. H<\/span><span title=\"En este caso tenemos que distinguir principalmente dos tipos, los que est\u00e1n m\u00e1s orientados a dise\u00f1adores que son editores WYSIWYG (acr\u00f3nimo en ingles de&quot; lo que ves es lo que obtienes&quot;) y los que son mas orientados a programadores. \">em de distingir principalment dos tipus, els que estan m\u00e9s orientats a dissenyadors que s\u00f3n editors WYSIWYG (acr\u00f2nim en angl\u00e8s de &#8220;el que veus \u00e9s el que obtens&#8221;) i els que s\u00f3n mes orientats a programadors.<\/span><\/p>\n<p><span title=\"Una caracter\u00edstica interesante de estos editores de c\u00f3digo abierto es que muchos de ellos tienen versiones &quot;portables&quot; esto es, los puedes llevar en una memoria USB y ejecutarlos desde ella en cualquier ordenador sin necesidad de instalarlo en ese equipo.\">Una caracter\u00edstica interessant d&#8217;aquests editors de codi obert \u00e9s que molts d&#8217;ells tenen versions &#8220;portables&#8221; aix\u00f2 \u00e9s, els pots portar en una mem\u00f2ria USB i executar des d&#8217;ella en qualsevol ordinador sense necessitat d&#8217;instal\u00b7lar en aquest equip. <\/span><span title=\"Esta caracter\u00edstica puede ser muy interesante, por ejemplo, si vais a visitar a un cliente y os alguna cosa que no ten\u00edais prevista, sac\u00e1is vuestra memoria USB ya trabajar en cualquier ordenador. \">Aquesta caracter\u00edstica pot ser molt interessant, per exemple, si aneu a visitar un client i sorgeix alguna cosa que no ten\u00edeu prevista, traieu la vostra mem\u00f2ria USB i a treballar en qualsevol ordinador.<\/span><\/p>\n<p><span title=\"Los principales editores libres que podemos encontrar son: \">Els principals editors lliures que podem trobar s\u00f3n:<br \/>\n<\/span><\/p>\n<h2><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Editores WYSIWYG \">Editors WYSIWYG<br \/>\n<\/span><\/span><\/h2>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"KompoZer Es un editor de p\u00e1ginas WYSIWYG que permite tambi\u00e9n ver el c\u00f3digo fuente as\u00ed como una opini\u00f3n de vista dividida de c\u00f3digo gr\u00e1fico .Adem\u00e1s tiene un peque\u00f1o soporte para PHP. \"><strong>KompoZer<\/strong> \u00c9s un editor de p\u00e0gines WYSIWYG que permet tamb\u00e9 veure el codi font i una opci\u00f3 de vista dividida de codi gr\u00e0fic. A m\u00e9s t\u00e9 un petit suport per a PHP.<\/span><\/span><\/p>\n<p><span title=\"Tiene versiones para Linux, Windows, MacOSX.\">T\u00e9 versions per a Linux, Windows, MacOSX. <\/span><span title=\"y adem\u00e1s esta disponible para descargar una versi\u00f3n en castellano \">i a m\u00e9s est\u00e0 disponible en castell\u00e0.<\/span><\/p>\n<p><span title=\"KompoZer cumple con los est\u00e1ndares web de W3C.\">KompoZer compleix amb els est\u00e0ndards web de W3C. <\/span><span title=\"Por defecto, las p\u00e1ginas son creadas en acuerdo a HTML 4.01 Strict aunque se puede modificar en las opciones avanzadas y permite el uso de hojas de estilos CSS.\">Per defecte, les p\u00e0gines s\u00f3n creades d&#8217;acord a HTML 4.01 Strict encara que es pot modificar en les opcions avan\u00e7ades i permet l&#8217;\u00fas de fulls d&#8217;estils CSS. <\/span><span title=\"Adem\u00e1s incluye un validador HTML que sube las p\u00e1ginas al W3C para su validaci\u00f3n. \">A m\u00e9s inclou un validador HTML que puja les p\u00e0gines al W3C per a la seva validaci\u00f3.<\/span><\/p>\n<ul>\n<li><a title=\"Kompozer\" href=\"http:\/\/www.kompozer.net\/\" target=\"_blank\" rel=\"noopener\"><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Web oficial de Kompozer\">Web oficial de Kompozer<\/span><\/span><\/a><\/li>\n<\/ul>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Amaya es un editor web creado por el W3C compuesta por un navegador web y una herramienta de creaci\u00f3n con el cual se puede trabajar en l\u00ednea y fuera de l\u00ednea.\"><strong>Amaya<\/strong> \u00e9s un editor web creat pel W3C composta per un navegador web i una eina de creaci\u00f3 amb el qual es pot treballar en l\u00ednia i fora de l\u00ednia. <\/span><span title=\"Se pueden ver y generar p\u00e1ginas HTML y XHTML con hojas de estilo CSS, o dibujos SVG.\">Es poden veure i generar p\u00e0gines HTML i XHTML amb fulls d&#8217;estil CSS, o dibuixos SVG. <\/span><span title=\"Ademas renderiza im\u00e1genes, por ejemplo en PNG y un subconjunto del formato de Gr\u00e1ficos Vectoriales Escalables (SVG), como figuras b\u00e1sicas, texto, im\u00e1genes o puede incluir fragmentos HTML o expresiones MathML en los dibujos.\">A m\u00e9s renderitza imatges, per exemple en PNG i un subconjunt del format de Gr\u00e0fics vectorials escalables (SVG), com a figures b\u00e0siques, text, imatges o pot incloure fragments HTML o expressions MathML en els dibuixos. <\/span><span title=\"Est\u00e1 disponible para Windows, Mac y Linux.\">Est\u00e0 disponible per a Windows, Mac i Linux. <\/span><span title=\"Soporta HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, muchas caracter\u00edsticas CSS 2, e incluye soporte para gr\u00e1ficos SVG (transformaci\u00f3n, transparencia y animaci\u00f3n SMIL), adem\u00e1s se puede, no s\u00f3lo visualizar sino adem\u00e1s editar,\">Suporta HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, moltes caracter\u00edstiques CSS 2, i inclou suport per a gr\u00e0fics SVG (transformaci\u00f3, transpar\u00e8ncia i animaci\u00f3 SMIL), a m\u00e9s es pot, no nom\u00e9s visualitzar sin\u00f3 a m\u00e9s editar, <\/span><span title=\"de manera parcial, documentos XML. \">de manera parcial, documents XML.<\/span><\/span><\/p>\n<p><span title=\"Algunas de las caracter\u00edsticas principales de Amaya son;\">Algunes de les caracter\u00edstiques principals d&#8217;Amaya s\u00f3n; <\/span><span title=\"editor grafico HTML, tablas para abrir documentos en lote, amplia selecci\u00f3n de etiquetas HTML con inserci\u00f3n autom\u00e1tica, correcci\u00f3n ortogr\u00e1fica y c\u00f3digo de limpieza, vista previa en tiempo real de la p\u00e1gina web, comparaci\u00f3n de c\u00f3digo fuente. \">editor gr\u00e0fic HTML, taules per obrir documents en lot, \u00e0mplia selecci\u00f3 d&#8217;etiquetes HTML amb inserci\u00f3 autom\u00e0tica, correcci\u00f3 ortogr\u00e0fica i codi de neteja, vista pr\u00e8via en temps real de la p\u00e0gina web, comparaci\u00f3 de codi font.<br \/>\n<\/span><\/p>\n<ul>\n<li><a title=\"Amaya\" href=\"http:\/\/www.w3.org\/Amaya\" target=\"_blank\" rel=\"noopener\"><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Sitio web oficial de Amaya\">Lloc web oficial d&#8217;Amaya<\/span><\/span><\/a><\/li>\n<\/ul>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"BlueGriffon se trata tambi\u00e9n de un editor WYSIWYG creado por Mozilla y como todo producto de Mozilla, presenta la posibilidad de usar plugins o complementos para ampliar sus funcionalidades.\"><strong>BlueGriffon<\/strong> es tracta tamb\u00e9 d&#8217;un editor WYSIWYG creat per Mozilla i com tot producte de Mozilla, presenta la possibilitat d&#8217;usar plugins o complements per ampliar les seves funcionalitats. <\/span><span title=\"Est\u00e1 basado en Gecko, el motor de renderizado dentro de Firefox, y usa XULRunner.\">Est\u00e0 basat en Gecko, el motor de renderitzat dins de Firefox, i usa XULRunner. <\/span><span title=\"Se puede bajar gratuitamente y est\u00e1 disponible para Mac OS X, Windows y Linux y est\u00e1 traducido al castellano. \">Es pot baixar gratu\u00eftament i est\u00e0 disponible per a Mac OS X, Windows i Linux i est\u00e0 tradu\u00eft al castell\u00e0.<\/span><\/span><\/p>\n<p><span title=\"BlueGriffon cumple con los est\u00e1ndares web W3C.\">BlueGriffon compleix amb els est\u00e0ndards web W3C. <\/span><span title=\"Puede crear y editar p\u00e1ginas conforme a HTML 4, XHTML 1.0, HTML 5 y XHTML 5. Es compatible con CSS 2.1 y todas las partes de CSS 3 ya aplicadas por Gecko.\">Podeu crear i editar p\u00e0gines d&#8217;acord amb HTML 4, XHTML 1.0, HTML 5 i XHTML 5. \u00c9s compatible amb CSS 2.1 i totes les parts de CSS 3 ja aplicades per Gecko. <\/span><span title=\"BlueGriffon tambi\u00e9n incluye SVG-edit, un editor basado en SVG que se distribuy\u00f3 originalmente como una extensi\u00f3n para Firefox y se adapt\u00f3 a BlueGriffon. \">BlueGriffon tamb\u00e9 inclou SVG-edit, un editor basat en SVG que es va distribuir originalment com una extensi\u00f3 per Firefox i es va adaptar a BlueGriffon.<br \/>\n<\/span><\/p>\n<ul>\n<li><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"P\u00e1gina oficial de Bluegriffon\"><a title=\"Bluegriffon\" href=\"http:\/\/bluegriffon.org\/\" target=\"_blank\" rel=\"noopener\">P\u00e0gina oficial de Bluegriffon<\/a><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<h2><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Editores orientados a programadores. \">Editors orientats a programadors<\/span><\/span><\/h2>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Lo primero que hay que destacar es que estos editores no est\u00e1n solo orientados a la creaci\u00f3n de p\u00e1ginas web, quiz\u00e1s una excepci\u00f3n seria Bluefish, son editores que se pueden usar normalmente con multitud de lenguajes, desde C++ hasta lenguajes que normalmente solo se suelen usar en\">El primer que cal destacar \u00e9s que aquests editors no estan nom\u00e9s orientats a la creaci\u00f3 de p\u00e0gines web, potser una excepci\u00f3 seriosa Bluefish. S\u00f3n editors que es poden usar normalment amb multitud de llenguatges, des de C ++ fins llenguatges que normalment nom\u00e9s se solen usar en <\/span><span title=\"p\u00e1ginas web din\u00e1micas como son asp o PHP.\">p\u00e0gines web din\u00e0miques com s\u00f3n asp o PHP. <\/span><span title=\"La principal caracter\u00edstica es el coloreado del c\u00f3digo para hacer m\u00e1s f\u00e1cil su lectura. \">La principal caracter\u00edstica \u00e9s l&#8217;acoloriment del codi per fer m\u00e9s f\u00e0cil la seva lectura.<\/span><\/span><\/p>\n<p><span title=\"Alguno de los principales serian: \">Algun dels principals serien:<\/span><\/p>\n<p><span title=\"Bluefish es un editor de p\u00e1ginas web muy completo, dirigido a dise\u00f1adores web experimentados y programadores y se enfoca en la edici\u00f3n de p\u00e1ginas din\u00e1micas e interactivas.\"><strong>Bluefish<\/strong> \u00e9s un editor de p\u00e0gines web molt complet, dirigit a dissenyadors web experimentats i programadors i s&#8217;enfoca en l&#8217;edici\u00f3 de p\u00e0gines din\u00e0miques i interactives. <\/span><span title=\"Tiene un potente soporte para HTML, PHP, Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave\/Matlab y resaltado de sintaxis. \">T\u00e9 un potent suport per HTML, PHP, Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave \/ Matlab i ressaltat de sintaxi.<\/span><\/p>\n<p><span title=\"Seguramente uno de los editores m\u00e1s completos que puede usarse tambi\u00e9n en diversos sistemas operativos, l\u00e1stima que no tenga soporte WYSIWYG , quiz\u00e1s lo \u00fanico que se pueda echar en falta. \">Segurament un dels editors m\u00e9s complets que pot usar-se tamb\u00e9 en diversos sistemes operatius, ll\u00e0stima que no tingui suport WYSIWYG, potser l&#8217;\u00fanic que es pugui trobar a faltar.<br \/>\n<\/span><\/p>\n<ul>\n<li><a title=\"Bluefish\" href=\"https:\/\/bfwiki.tellefsen.net\/index.php\/Main_Page\" target=\"_blank\" rel=\"noopener\"><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Wiki de Bluefish\">Wiki de Bluefish<\/span><\/span><\/a><\/li>\n<li><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"P\u00e1gina oficial de Bluefish \"><a title=\"Bluefish\" href=\"http:\/\/bluefish.openoffice.nl\/download.html\" target=\"_blank\" rel=\"noopener\">P\u00e0gina oficial de Bluefish<\/a><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Notepad2 es un editor de texto de c\u00f3digo abierto para Windows.\"><strong>Notepad2<\/strong> \u00e9s un editor de text de codi obert per a Windows. <\/span><span title=\"Ofrece resaltado de sintaxis para los lenguajes de programaci\u00f3n : ASP, PHP, JavaScript, CSS, HTML, , XHTML y XML y otros no orientados a la web como lenguaje ensamblador, C, C++, C#, CGI, Java, NSIS,Pascal, Perl\">Ofereix ressaltat de sintaxi per als llenguatges de programaci\u00f3: ASP, PHP, JavaScript, CSS, HTML,, XHTML i XML i altres no orientats a la web com a llenguatge assemblador, C, C ++, C #, CGI, Java, NSIS, Pascal, Perl<\/span><span title=\", , Python, SQL, VB, VBScript.\">, Python, SQL, VB, VBScript. <\/span><span title=\"Tiene alguna caracter\u00edstica mas como el emparejamiento de par\u00e9ntesis o la auto indentaci\u00f3n \">T\u00e9 alguna caracter\u00edstica m\u00e9s com l&#8217;aparellament de par\u00e8ntesi o l&#8217;auto indentaci\u00f3<br \/>\n<\/span><\/span><\/p>\n<ul>\n<li><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"P\u00e1gina oficial de Notepad2\u00a0\u00a0\u00a0\u00a0\"><a title=\"Notepad2\" href=\"http:\/\/www.flos-freeware.ch\/notepad2.html\" target=\"_blank\" rel=\"noopener\">P\u00e0gina oficial de Notepad2<\/a><br \/>\n<\/span><\/span><\/li>\n<\/ul>\n<p><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"Notepad++ es un editor de texto y de c\u00f3digo fuente libre para Windows con soporte para la mayor parte de los lenguajes de programaci\u00f3n.\"><strong>Notepad ++<\/strong> \u00e9s un editor de text i de codi font lliure per a Windows amb suport per a la major part dels llenguatges de programaci\u00f3. <\/span><span title=\"como C++, CSS, Flash ActionScript, HTML, Java, JavaScript, JSP, Perl, PHP, Python, Ruby, SQL, XML y muchos m\u00e1s.\">com C ++, CSS, Flash ActionScript, HTML, Java, JavaScript, JSP, Perl, PHP, Python, Ruby, SQL, XML i molts m\u00e9s. <\/span><span title=\"Adem\u00e1s, permite al usuario definir su propio lenguaje. \">A m\u00e9s, permet a l&#8217;usuari definir el seu propi llenguatge.<\/span><\/span><\/p>\n<p><span title=\"Incluye opciones que pueden ser \u00fatiles para usuarios avanzados como desarrolladores y programadores como el coloreado y envoltura de sintaxis: es capaz de resaltar las expresiones propias de la sintaxis de ese lenguaje para facilitar su lectura.\">Inclou opcions que poden ser \u00fatils per a usuaris avan\u00e7ats com desenvolupadors i programadors com l&#8217;acolorit i embolcall de sintaxi: \u00e9s capa\u00e7 de ressaltar les expressions pr\u00f2pies de la sintaxi d&#8217;aquest llenguatge per facilitar la seva lectura. <\/span><span title=\"Resaltado de par\u00e9ntesis, corchetes y llaves e indentaci\u00f3n.\">Ressaltat de par\u00e8ntesis, claud\u00e0tors i claus i indentaci\u00f3. <\/span><span title=\"Tambi\u00e9n permite la grabaci\u00f3n y reproducci\u00f3n de macros.\">Tamb\u00e9 permet l&#8217;enregistrament i reproducci\u00f3 de macros. <\/span><span title=\"y se le pueden a\u00f1adir extensiones \">i se li poden afegir extensions<br \/>\n<\/span><\/p>\n<ul>\n<li><a title=\"Notepad ++\" href=\"http:\/\/notepad-plus-plus.org\/\" target=\"_blank\" rel=\"noopener\"><span id=\"result_box\" class=\"\" lang=\"ca\"><span title=\"P\u00e1gina oficial de Notepad++\">P\u00e0gina oficial de Notepad ++<\/span><\/span><\/a><\/li>\n<\/ul>\n<p><strong>NetBeans IDE \u00a0<\/strong>Finalment anem a veure un dels editors m\u00e9s importants, es tracta de NetBeans IDE, un entorn absolutament lliure per al desenvolupament de programari amb codi obert. Est\u00e0 enfocat a llenguatge de Programaci\u00f3 Java, per\u00f2 actualment suporta PHP, C\/C,++ Groovy, Javascript i HTML entre altres.<\/p>\n<p>Ve integrat amb servidors d&#8217;aplicacions GlassFish v3, Apatxe Tomcat i treballa amb Bases de dades MySQL, PostgreSQL i qualsevol que es connecti amb JDBC com Oracle, SQL Server, i d\u2019altres m\u00e9s. \u00c9s una eina de programaci\u00f3 integrada.<\/p>\n<p>El seu aprenentatge s&#8217;ha convertit en fonamental pels qui estan interessats en el desenvolupament d&#8217;aplicacions multiplataforma.<\/p>\n<p><strong>Caracter\u00edstiques principals:<\/strong><\/p>\n<ul>\n<li>El codi obert<\/li>\n<li>Compatibilitat amb els seg\u00fcents llenguatges de programaci\u00f3: C\/C++ Java, PHP, Groovy, JavaScript, etc.<\/li>\n<li>La capacitat per crear diversos tipus d&#8217;aplicacions<\/li>\n<li>Suporta: refactoritzaci\u00f3, perfilat, color de ressaltat de sintaxi, autocompletat, plantilles de codis definits, etc.<\/li>\n<li>\u00c9s possible dissenyar aplicacions amb nom\u00e9s arrossegar i deixar anar objectes sobre la interf\u00edcie d&#8217;un formulari.<\/li>\n<li>No nom\u00e9s \u00e9s possible elaborar potents aplicacions per a escriptori, tamb\u00e9 per a la Web i per a dispositius port\u00e0tils, com a m\u00f2bils o Pocket PC, sense que canvi\u00ef la forma de programar.<\/li>\n<li>La programaci\u00f3 mitjan\u00e7ant NetBeans es realitza a trav\u00e9s de components de programari modulars, tamb\u00e9 anomenats m\u00f2duls.<\/li>\n<li>NetBeans posa a disposici\u00f3 dels usuaris desenes de m\u00f2duls mitjan\u00e7ant la seva p\u00e0gina web, que podr\u00e0s integrar en ell per aconseguir millors aplicacions.<\/li>\n<li>Ens ajuda en la navegaci\u00f3 de les classes predefinides en la plataforma (milers)<\/li>\n<li>Netbeans no treballa a nivell d&#8217;arxiu sin\u00f3 a nivell de projecte<\/li>\n<li>Un projecte inclou tots els recursos necessaris per construir un programa: \u2013 Arxius amb el codi \u2013 Biblioteques externes (per exemple ACM Task Force) \u2013 Imatges, sons, etc.<\/li>\n<li>Possibilitat de connectar amb repositoris de control de versions tipus git, subversion,<\/li>\n<li>&#8230;<\/li>\n<\/ul>\n<p>\u00c9s un programa molt complet i nom\u00e9s s&#8217;han incl\u00f2s en la llista algunes de les caracter\u00edstiques que t\u00e9, per\u00f2 sens dubte hi ha algunes que el \u00a0fan diferent a altres programes, la principal \u00e9s que treballa a nivell de tot el projecte i no d&#8217;arxiu. A m\u00e9s t\u00e9 un sistema de indentat del codi que facilita molt la seva lectura, o un sistema de marques que permet veure f\u00e0cilment on tanca un codi (per exemple una clau que tanca una sent\u00e8ncia if). A m\u00e9s la possibilitat de connectar-lo a un repositori de control de versions, ens permet veure directament que arxius necessiten ser actualitzats, amb quins estem treballant, veure quins canvis estem fent en un arxiu, o fer un puch amb el seu commit directament des d&#8217;aquesta eina.<\/p>\n<p>T\u00e9 un petit handicap, i \u00e9s que el seu aprenentatge pot ser cost\u00f3s, \u00e9s un programa molt complet per\u00f2 els beneficis que ens aportar\u00e0 superen les dificultats que pugui suposar aix\u00f2.<\/p>\n<p>Una cosa a tenir en compte,\u00e9s que per poder instal\u00b7lar NetBeans primer had\u2019estar instal\u00b7lat en el teu equip la plataforma de desenvolupament Java Development Kit (JDK), que tamb\u00e9 pots descarregar de forma gratu\u00efta.<br \/>\nEnlla\u00e7os<\/p>\n<ul>\n<li><a href=\"https:\/\/netbeans.org\" target=\"_blank\" rel=\"noopener\">https:\/\/netbeans.org<\/a>\u00a0\u00a0 p\u00e0gina oficial<\/li>\n<li><a href=\"http:\/\/wiki.netbeans.org\/Avbravo_TutorialesEspanol\" target=\"_blank\" rel=\"noopener\">http:\/\/wiki.netbeans.org\/Avbravo_TutorialesEspanol<\/a> wiki tutorial oficial en castell\u00e0<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>A l&#8217;hora de crear p\u00e0gines web, la refer\u00e8ncia m\u00e9s coneguda \u00e9s l&#8217;Adobe Dreamweaver. \u00c9s un editor molt est\u00e8s des de la seva aparici\u00f3 el 1998, i va ser desenvolupat per la companyia Macromedia, la mateixa que va desenvolupar Flash i que despr\u00e9s va ser absorbida per Adobe. Actualment mant\u00e9 el 90% del mercat d&#8217;editors HTML &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/responsive-web\/editors-web-lliures-o-de-codi-obert\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abEditors web lliures o de codi obert\u00bb<\/span><\/a><\/p>\n","protected":false},"author":58,"featured_media":0,"parent":1165,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-1259","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/users\/58"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/comments?post=1259"}],"version-history":[{"count":15,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1259\/revisions"}],"predecessor-version":[{"id":1659,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1259\/revisions\/1659"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/pages\/1165"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/media?parent=1259"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/wp-json\/wp\/v2\/tags?post=1259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}