La forma de fer dissenys web ha canviat molt en els darrers temps. Si fa uns anys s’utilitzava algun tipus de dissenyador visual per a crear pàgines, que permetia comprovar en temps real com anaven quedant les coses, avui dia el disseny web requereix escriure en codi per comprovar després el resultat en un altre navegador. Et proposem alguns editors gratuïts per a HTLM, CSS i JavaScript.

Editors gratuïts per a disseny web i característiques que ofereixen

Encara que n’hi ha molts més, te’n recomanem aquests:

  1. Visual Studio Code. Entre els editors gratuïts és el més utilitzat per desenvolupadors de tota mena. Creat per Microsoft, és de codi obert, multiplataforma, a més de ràpid i molt potent. Disposa de multitud d’extensions per a poder ampliar la seva funcionalitat, però sense perdre agilitat. A més de programar en HTML, CSS i JavaScript, també disposa de suport per a infinitat de llenguatges (Node.js, PHP, Java, Python, etc.).
  2. Brackets. Ideal per a principiants, està molt enfocat als llenguatges HTML, CSS i també a JavaScript. Posseeix característiques habituals d’altres editors gratuïts, com ara ajuda contextual a l’escriptura i autotancament d’etiquetes, i d’altres pròpies com mostrar la definició de la línia sense canviar d’editor i la vista prèvia dels canvis en temps real.
  3. JSBin. Actualment escriure en codi és gairebé tan important com compartir-lo. Per aquest motiu els editors «en el núvol» s’usen cada vegada més, sobretot per a proves ràpides, experiments i compartició de codi amb altres desenvolupadors. Permet l’ús de gran quantitat de preprocessadors, HTML (Markdown, Jade), CSS (Sass, Myth, Stylus), JavaScript (TypeScript, Babel, LiveScript). Permet crear plantilles i afegir multitud de biblioteques JavaScript. Es pot descarregar per a l’ús offline i és molt fàcil de compartir gràcies als «URL pronunciables».

Podràs adquirir aquests i altres coneixements relatius al món de la informàtica en el nostre cicle formatiu d’Administració de Sistemes Informàtics en Xarxa.