IDE webdevelopment

Leerdoelen

Ontwikkelomgeving opzetten voor webontwikkeling

Resultaat

Een ontwikkelomgeving op je eigen laptop die je nodig hebt bij het maken van applicaties.
Schermafbeeldingen waarmee je aantoont dat je een onderdeel hebt geïnstalleerd en geconfigureerd.
Presentatie van je de ontwikkelomgeving op je eigen laptop aan 1 van de docenten.

Presentatie ontwikkelomgeving

Wanneer je het control-panel van XAMPP opent, kun je Apache en MySQL (zonder errors) starten.
Toon het versienummer van git als het opstart vanuit een willekeurige directory met git --verson.
Toon php vanuit een willekeurige directory met php --version.
Laat zien dat Visual Studio is geïnstalleerd en werkt.
Toon je accountinformatie op github.com

Browsers

Installeer minimaal 2 browsers die je kunt gebruiken om websites te bekijken en te testen.
Denk aan:

Google Chrome
Firefox
Safari
Opera

XAMPP

Xampp is een verzameling servers die je gebruikt bij de ontwikkeling van dynamische websites.
Download Xampp voor jouw operating system. (windows / mac / linux).
Installeer XAMPP zoals uitgelegd in onderstaande video.

Configureer PHP

Als developer wil je vanuit iedere directory php kunnen opstarten zonder dat je het hele pad naar php.exe moet opgeven.

Voeg het pad naar PHP toe aan de omgevingsvariabele PATH (windows)
Voeg het pad naar PHP toe aan ~/.bash_profile of ~/.zprofile (mac / linux)

Een editor installeren

Installeer Visual Studio Code of PHPstorm op je systeem
Installeer eventueel relevante plugins afhankelijk van de taal waarin je gaat programmeren *

Git installeren

In de opleiding ga je uitgebreid werken met Git. Voor nu is het voldoende als je git op je laptop hebt geïnstalleerd.
Installeer git vanaf git-scm.com

Github

Vrijwel alle software developers hebben een account op github.
Wij gebruiken github om je werk te bekijken en om je samen te laten werken in projectgroepen.

Maak een account aan op Github.
Gebruik je Deltion email adres!
Gebruik je echte naam (voornaam en achternaam)
Ga naar je profile op Github. Vul bij 'Name' je studentnummmer, voornaam en achternaam in.