We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

In Basissoftware installeren gaan we u laten zien welke gereedschappen u nodig hebt om eenvoudige websites te maken en hoe u deze gereedschappen correct kunt installeren.

Welke gereedschappen gebruiken de professionals?

  • Een computer - Dit klinkt logisch voor de meeste mensen, maar sommige mensen 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 uw code. De meest gebruikte browsers van dit moment zijn Firefox, Chrome, Opera, Safari, en Internet Explorer. U moet hierbij ook rekening houden met de prestaties van uw site op mobiele toestellen en oudere browsers waar uw doelpubliek misschien nog gebruik van maakt (zoals IE 6-8.)
  • Een grafische editor, zoals GIMP, Paint.NET of Photoshop om afbeeldingen te maken voor uw webpagina's.
  • Een versiebeheersysteem - Hiermee kunt u uw bestanden beheren, samenwerken met een team, uw 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 (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 u allerlei functionaliteit die u vaak gebruikt, veel sneller kunt schrijven.
  • En nog zoveel meer!

Welke gereedschappen heb ik nu nodig?

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

Een tekstverwerker installeren

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

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

Moderne webbrowsers installeren

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

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

Documentlabels en -medewerkers

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