In Basissoftware installeren gaan we je laten zien welke gereedschappen je nodig hebt om eenvoudige websites te maken en hoe je deze gereedschappen correct kunt installeren.
Welke gereedschappen gebruiken de professionals?
Een computer - Dit klinkt logische voor de meeste mensen, maar sommige mensen lezen dit artikel bijvoorbeeld op een smartphone of een computer in de bibliotheek. Voor serieuze web ontwikkeling is het beter om te investeren in een desktop-computer of laptop.
Een brondcodeverwerker (tekstverwerker / IDE) - Dit kan een gratis variant zijn of een betaalde. Bekijk voor handige tips bijvoorbeeld: Welke IDE software gebruik jij?. Enkele voorbeelden:
Een webbrowser - voor het testen van je code. Je moet hierbij ook rekening houden met de prestaties van je site op mobiele toestellen en oudere browsers waar je doelpubliek misschien nog gebruikt van maakt (zoals IE 6-8). De meeste gebruikte browsers van dit moment zijn:
Een grafische editor - Om afbeeldingen te maken voor je webpagina's. De meeste gebruikte grafische editors van dit moment zijn:
Een versiebeheersysteem - Hiermee kan je jouw bestanden beheren, samenwerken met een team, je code en hulpprogramma's delen en bewerkingsconflicten voorkomen. Momenteel is Git het populairste versiebeheersysteem. GitHub, de hostingdienst voor code en die is gebaseerd op Git, is ook heel populair.
Een FTP-programma - Op oudere webhosting accounts wordt het gebruikt om de bestanden op servers te beheren. Het wordt gebruikt om webpagina's te uploaden naar een server. Er zijn veel programma's beschikbaar zoals onder andere:
Een automatiseringssysteem - zoals Grunt of Gulp, dat repetitieve 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 gaan schrijven.
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 deze discussie gaan we de minimale benodigdheden installeren: een tekstverwerker (IDE) en een paar moderne webbrowsers.
Een tekstverwerker installeren
Waarschijnlijk heb je al een eenvoudige tekstverwerker op je computer. Windows bevat standaard Notepad en OS X heeft TextEdit. Linux verschilt per distro; gedit word standaard met Ubuntu geïnstalleerd.
Voor webontwikkeling, kan je wel een beter programma gebruiken dan Notepad of TextEdit. DevNL raad beginners Visual Studio aan, een gratis editor (IDE) met hints voor de code.
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 browser te downloaden.
Voor je verder gaat, zou je op zijn minst twee van deze browsers geïnstalleerd moeten hebben om de code goed mee te kunnen testen.
Wij raden je de volgende tutorials ook aan:
