Introductie Front-End Development

Leerdoelen

Lesplan

Kennismaken

Het vak: Front-End Development

De Modulewijzer

Netwerken

Verdere informatie:

Wat is programmeren?

Een computer werkt met schakelingen, aan/uit, eenen en nullen (bits), en het aansturen hiervan wordt gedaan door software. De software is zo gemaakt dat deze opdrachten doorgeeft aan de computer in een voor de computer begrijpbare taal, ook wel machinetaal genoemd.

Deze taal is voor de doorsnee mens niet te lezen. Daarom vind er een vertaling plaats. Een computerprogramma wordt in een bepaalde taal geschreven (bijvoorbeeld in C, Java of C#) wat meer is gebaseerd op een taal die de mens begrijpt, zoals engels. Zie het als een draaiboek voor een film. Iemand schrijft het filmscript wat door een regisseur wordt 'vertaald' naar een film. Het hele spul komt op celluloid waarna dit door de projector kan worden getoond. Bij de computer gaat het script door een verwerker (compiler of interpretor) die de boel vertaalt naar machinetaal zodat het resultaat door de computer bijvoorbeeld kan worden getoond op een beeldscherm.

Dit proces wordt ook wel programmeren genoemd. In een bepaalde taal met een bepaalde structuur maak je dus een draaiboek, scenario of script waarbij van te voren is bepaald welke gevolgen een bepaalde aktie heeft. Hier komt ook te term 'scripten' vandaan.

Wat er zoal geprogrammeerd wordt in deze wereld

Windows is ook een programma wat in een bepaalde taal is geprogrammeerd. Windows zorgt er voor dat de computer bestuurd kan worden, daarom wordt het ook wel een besturingsprogramma genoemd. In de computer zitten allerlei devices zoals een videokaart, usb poorten, netwerkaansluitingen, geheugenchips, een harddisk enzovoort. Het aansturen van deze devices wordt door Windows mogelijk gemaakt. Je klikt ergens op (My Computer) en Windows interpreteert die opdracht om vervolgens die opdracht uit te voeren (tonen Explorer met inhoud My Computer)

Ook portable devices zoals een PDA of een telefoon hebben een besturingssysteem. Hoe meer het apparaat kan, hoe geavanceerder het besturingssysteem dus moet zijn. Zo is er Windows Mobile voor Pocket PC's en hebben Nokia telefoons een besturingssysteem van Symbian.

Wat doen we bij FED

Bij FED richten we ons in de eerste 2 jaar vooral op het maken van een prototype van een applicatie. Ook kijken we met name in het eerste jaar naar het maken van webpages. Tools die bij FED gebruikt worden zijn:

Binnen de software maken we onderscheid in diverse takken zoals:

Je kunt een applicatie zien als een toepassing waar je iets mee kunt. Winamp is een applicatie waar je o.a. mediabestanden mee kunt afspelen. De Internet Explorer is een browser programma waar je internet pagina's mee kunt bekijken.

Sommige applicaties zijn platvorm onafhankelijk. Voorbeeld is Photoshop wat op Windows en op Apple platforms draait of FireFox dat op zowel Windows Apple als Linux draait

In het eerste kwartaal zullen we ons richten op het maken van een webpage. In feite is een webpage ook een applicatie, immers je maakt een toepassing voor een bepaald doel. Het is dus mogelijk dat je een applicatie maakt die, om te kunnen draaien, gebruik maakt van een andere applicatie. Immers, een webpagina (yourpage.htm) kun je alleen in een browser (IE) tonen en een browser draait weer in een besturingssysteem (Windows).

In de les behandelen we deze onderdelen en hoe deze tot elkaar in relatie staan. In de komende lessen van deze periode komt elk onderdeel nog eens uitvoerig aanbod. Om het hier niet alleen over te hebben, maar ook meteen een keer toe te passen, bestaat een deel van de les, aan het werken aan opdrachten.

Netwerk en internet

Internet staat voor 'international networking'. Computers 'praten' met elkaar via allerlei verbindingen, zowel via kabels als draadloos.

Dit praten gebeurt in diverse 'talen'. Een taal, zoals wij die kennen als bijvoorbeeld het Nederlands, bestaat uit een aantal woorden die een bepaalde betekenis hebben. Iemand anders die die taal ook kent, kan dus die taal interpreteren, begrijpen. Belangrijk is dat er afspraken zijn waar men zich aan houdt, anders wordt de taal niet goed geinterpreteerd en is er sprake van miscommunicatie.

Via netwerken wordt allerlei informatie uitgewisseld tussen computers via requests. Deze informatiestroom wordt geregeld door allerlei services waarbij informatie verpakt wordt in pakketjes. Een belangrijk protocol wat het verzenden en ontvangen regelt, is TCP/IP, het transmission control protocol / internet protocol.

In ieder pakketje bevindt zich naast de informatie, het IP-adres van de afzender en van de ontvanger. Ook wordt meegegeven via welke computer poort nummer de informatie wordt uitgewisseld. Zo gebruikt FTP (file transfer protocol) bijvoorbeeld standaard poort 20.

Email is ook een manier om gegevens uit te wisselen met andere computers via een netwerk. Hierbij wordt gebruik gemaakt van het post office protocol (POP) en het simple mail transfer protocol (SMTP).

Daarnaast is er het veelgebruikte hypertext transfer protocol (HTTP) om webpagina's in een web browser te kunnen bekijken.

De protocollen draaien als services (zie vorige les) op computers. Hierbij geven protocollen ook informatie aan elkaar door. Voorbeeld: je wilt een bestand op de server van CMD zetten met FTP. Omdat je naar een andere computer wilt, zul je gebruik moeten maken van een netwerk, een soort wegennet. Hier heb je wel toegang voor nodig via een provider. De informatie, het bestand, wordt ingepakt in een pakket, op de manier zoals de transporteur dat graag wil hebben. Op het pakket staat afzender en ontvanger. De verzender (FTP) geeft het door aan de transporteur (TCP/IP). Deze brengt het pakket (via kabelnetwerk of wireless) naar de ontvangende computer. Daar draait de service FTP die het pakketje van TCP/IP via een poortnummer (21) in ontvangst neemt en bepaalde aktie onderneemt.

Wat is het world wide web?

Hoe werkt het WWW?

Oefenopdrachten:

Literatuur en ICT-bronnen:

http://delicious.com/frontenddeveloper/internet

Auteur: Mio van der LijnSeizoen: HerfstStudiejaar: CMD1Lesnummer: 01Datum: 01-09-2008Type les: FED