MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Basissoftware installeren

In Basissoftware installeren gaan we je tonen welke gereedschappen je nodig hebt om eenvoudige websites te maken en hoe je deze gereedschappen correct kan installeren.

Welke gereedschappen gebruiken de professionals?

  • Een computer - Dit klinkt logisch voor de meeste mensen, maar sommigen onder jullie lezen dit artikel op een smartphone of een computer in de bibliotheek. Voor serieuze webontwikkeling is het beter om te investeren in een desktop computer (Windows, Mac of Linux).
  • Een broncodeverwerker (noemen we ook een tekstverwerker) - Dit kan een gratis broncodeverwerker zijn (bijvoorbeeld: Notepad++, gedit, Brackets, Atom of Text Wrangler), een commerciële tekstverwerker (Sublime Text of Coda) of een hybride tekstverwerker (Dreamweaver).
  • Webbrowsers voor het testen van jouw code. De meest gebruikte browsers van dit moment zijn Firefox, Chrome, Opera, Safari, en Internet Explorer. Je moet hierbij ook rekening houden met de prestaties van je site op mobiele toestellen en oudere browsers waar je doelpubliek misschien nog gebruik van maakt (zoals IE 6-8.)
  • Een grafische editor, zoals GIMP, Paint.NET of Photoshop om afbeeldingen te maken voor je webpagina's.
  • Een versiebeheersysteem - Hiermee kan je je bestanden beheren, samenwerken met een team, je code en hulpprogramma's delen en bewerkingsconflicten voorkomen. Momenteel is Git het populairste version control gereedschap. GitHub, de hostingdienst voor code en gebaseerd op Git, is ook heel populair.
  • Een FTP-programma - Op oudere webhosting accounts wordt het gebruikt om de bestanden op servers te beheren (Hiervoor is Git FTP meer en meer aan het vervangen). Het wordt gebruikt om webpagina's te uploaden naar een server. Er zijn veel programma's beschikbaar zoals onder andere Cyberduck, Fetch, en FileZilla.
  • Een automatiseringssysteem, zoals Grunt of Gulp, dat repititieve opdrachten automatisch uitvoert, voor bijvoorbeeld het minimaliseren van code en om code te testen.
  • Sjablonen, bibliotheken, frameworks, etc., waarmee je allerlei functionaliteit die je vaak gebruikt, veel sneller kan schrijven.
  • En nog zoveel meer!

Welke gereedschappen heb ik nu nodig?

Het is een akelige lijst, maar gelukkig kan je al met webontwikkeling beginnen zonder al te veel kennis over dit gereedschap. In dit artikel gaan we het minimum benodigdheden, installeren: een tekstverwerker en een paar moderne webbrowsers.

Een tekstverwerker installeren

Waarschijnlijk heb je al een eenvoudige tekstverwerker op jouw computer. Windows bevat standaard Notepad en OS X heeft TextEdit. Linux verschilt per distro; gedit wordt standaard met Ubuntu geïnstalleerd.

Voor webontwikkeling, kun je wel een beter programma gebruiken dan Notepad of TextEdit. Wij raden beginners Brackets aan, een gratis editor met een live voorbeeldmodus en code hints.

Moderne webbrowsers installeren

We beginnen met de installatie van een paar webbrowsers op je desktop waarmee we onze code kunnen uittesten. Kies je besturingssysteem hieronder en klik op de relevante links om de installatieprogramma's van je favoriete browsers te downloaden :

Voor je verder gaat, zou je op zijn minst twee van deze browsers geïnstalleerd moeten hebben, klaar om je code mee uit te testen.

Documentlabels en -medewerkers

 Aan deze pagina hebben bijgedragen: mientje, physicbits
 Laatst bijgewerkt door: mientje,