Infofiche cursus Client Side Scripting

Leer om zelf interactiviteit toe te voegen aan je website door programmeren in Javascript.

Beschrijving

Javascript is dé programmeertaal waarmee je op een webpagina interactie met de bezoeker kan toevoegen. Hierdoor kan je, onder andere:

Kortom: Ga verder waar grafische editors als Dreamweaver stoppen.

Javascript werkt samen met de HTML code en CSS van je pagina. In deze cursus starten we dus met het in vogelvlucht overlopen van HTML en CSS.

Daarna storten we ons op het programmeren met Javascript vanaf het aller eenvoudigste begin. In deze cursus leer je dus de basis van programmeren, een kennis die later eventueel van pas komt bij andere programmeertalen zoals php, asp, ... Het schrijven van de code, gebruik van variabelen, het verloop van een programma, functies en objecten ... alles komt aan bod.

Deze kennis passen we dan toe op het programmeren in de browser met het Document Object Model zodat we onderdelen van de webpagina kunnen manipuleren.

Tot slot bekijken we ook kort de mogelijkheden van Ajax, Spry, enz.

Inhoudstafel

HTML
De grootste taak van Javascript bestaat in het manipuleren van de HTML code. We starten dan ook met een kort overzicht van de belangrijkste elementen en hun eigenschappen.
CSS
HTML zorgt voor structuur, CSS zorgt voor het uitzicht van die structuur. Vaak bied CSS oplossingen waar tot voor enkele jaren Javascript voor nodig was. Bovendien werkt Javascript ook samen met CSS. We herhalen in sneltreintempo de verschillende selectoren en opmaak mogelijkheden van Cascading Style Sheets.
Syntax
 
We zetten onze eerste stappen in het programmeren. Stap voor stap leren we alles over hoe je de code moet schrijven, het wat en hoe van variabelen, hoe je het programmaverloop kan beïnvloeden, de interactie met HTML, enz.
Dit alles met een diversiteit van oefeningen en een minimum aan theorie.
Vensters
Een eerste toepassing van Javascript is het openen van inhoud in een nieuw venster. We maken een kleine fotogallerij.
Ingebouwde objecten
Javascript is een object geörienteerde taal en bevat een aantal eigen objecten. We bekijken hoe je een tekst kan manipuleren, hoe je met datums werkt. Meerdere gegevens opslaan in een enkele variabele (arrays) komen eveneens aan bod.
Document object
Hier bekijken we meer in detail hoe je onderdelen van de webpagina kan selecteren en aanpassen. We maken een uitklapmenu
Beweging
Hoe kunnen we onderdelen van een webpagina laten bewegen over de pagina? We maken een enquête formulier dat van bovenaan de pagina te voorschijn komt.
Formulier
Voor onze jaarlijkse barbeque willen we een inschrijvingsformulier. Maar dat formulier moet automatisch de prijs en het aantal personen uitrekenen. Bovendien moet het formulier gecontroleerd worden alvorens het kan verstuurd worden. Hiervoor bekijken we het Spry framework.
Ajax
Asynchronous Javascript And XML maakt het mogelijk om de inhoud van je pagina te wijzigen zonder dat er een volledig nieuwe pagina ingeladen moet worden.

Voorbeelden

Oefeningen

Praktisch

Cursusboek

Als cursusboek gebruiken we "Javascript: de basis" van Ton Haarmans. Je kan dit boek aankopen op school. Indien je gebruik maakt van opleidingcheques betaal je slechts de helft van de prijs.

Daarnaast is er een uitgebreid on line oefeningen pakket dat via de elektronische leeromgeving beschikbaar is.

Toelatingsvoorwaarden

Om deze cursus te kunnen volgen moet je Dreamweaver 1 gevolgd hebben of al wat ervaring hebben in het maken van statische websites.

Wat kan ik volgen na deze cursus?

Na deze cursus kan je verder gaan in het server side programmeren met een cursus PHP 1.

Wanneer en waar?

Cursusinformatie op www.pcvowd.be

 

Terug naar cursusoverzicht