En la Instal·lació de programari bàsic, us mostrarem les eines que necessiteu per fer un desenvolupament web senzill, i com instal·lar-lo correctament.

Quines eines fan servir els professionals ?

  • Un ordinador. Potser això sona obvi per a algunes persones, però alguns de vosaltres esteu llegint aquest article des del vostre telèfon o un ordinador de la biblioteca. Per un desenvolupament web seriós, és millor invertir en un ordinador d'escriptori (Windows, Mac, o Linux).
  • Un editor de text, per escriure codi. Això podria ser un editor de text (per exemple Brackets, Atom o Visual Studio Code), o un editor híbrid (per exemple Dreamweaver). Editors de documents d'oficina no són adequats per a aquest ús, ja que es basen en els elements ocults que interfereixen amb els motors de renderitzat utilitzats pels navegadors web.
  • Navegadors web, per posar a prova el codi. Actualment els navegadors més utilitzats són Firefox, Chrome, Opera, Safari i Internet Explorer. També heu de provar com funciona el vostre lloc en dispositius mòbils i en qualsevol navegador antic en què el seu públic objectiu encara pugui està utilitzant-lo extensivament (com IE 6-8).
  • Un editor de gràfics, com GIMP, Paint.NET o Photoshop, per crear imatges per a les vostres pàgines web.
  • Un sistema de control de versions, per administrar arxius en servidors, col·labora en un projecte amb un equip, compartir codi i actius, i evitar conflictes d'edició. En aquest moment Git és l'eina de control de versions més populars, i el servei d'allotjament de codi en GitHub basat en Git, és també molt popular.
  • Un programa FTP, utilitzat en els comptes d'allotjament web més antigues per administrar arxius en servidors (Git està reemplaçant cada vegada més els FTP per a aquest propòsit). Hi ha un munt de programes (S)FTP disponibles, incloent Cyberduck, Fetch i FileZilla.
  • Un sistema d'automatització, com Grunt o Gulp, per a realitzar tasques repetitives de forma automàtica, per exemple minifying codi i execució de proves.
  • Plantilles, biblioteques, marcs, etc., per accelerar l'escriptura de funcions comunes.
  • Més eines a més!

Quines eines realment necessito, ara mateix?

Sembla una llista aterridora, però, afortunadament, es pot començar en el desenvolupament web sense saber res de la major part d'aquests. En aquest article només haurem de configurar un mínim - un editor de text i alguns navegadors web moderns.

Instal·lació d'un editor de text

Probablement ja teniu un editor de text bàsic en l'equip. Per defecte, Windows inclou el Notepad i OS X ve amb TextEdit. Les distribucions de Linux varien; Ubuntu ve amb gedit per defecte.

Per al desenvolupament web, és probable que el pugueu fer millor amb el NotePad o TextEdit. Es recomana començar amb Brackets, que és un editor gratuït que ofereix vistes prèvies i suggeriments per al codi.

Instal·lació de navegadors web moderns

Per ara, només haurem d'instal·lar un parell de navegadors web d'escriptori per provar el nostre codi. Seleccioneu el vostre sistema operatiu i feu clic a l'enllaç corresponent per descarregar els instal·ladors per als vostres navegadors preferits:

Abans de continuar, heu d'instal·lar almenys dos d'aquests navegadors i tenir-los llestos per a la prova.

Document Tags and Contributors

 Contributors to this page: Legioinvicta
 Last updated by: Legioinvicta,