Basiscursus HTML, CSS en JavaScript

Hartelijk welkom in de cursus!

Voor het begrip van HTML is het nuttig om precies te begrijpen wat HTML eigenlijk is. Deze les behandelt precies deze vraag.

De cruciale vraag wanneer je net begint: Hoe worden HTML-documenten gemaakt, weergegeven of gewijzigd? In deze video vind je het antwoord.

De basis van HTML-documenten zijn de zogenaamde tags. Dit concept leer je kennen in deze les.

HTML-documenten bestaan uit een kopgedeelte met informatie over het document en de zichtbare inhoud. In deze les gaat het eerst over het kopgedeelte (head).

De eigenlijke inhoud wordt in het body-gedeelte geplaatst. Deze fundamentele indeling moet je absoluut begrepen hebben. Deze les is daarom in elk geval verplicht!

Juist uitgebreide documenten profiteren van opmerkingen die niet op de website zelf worden weergegeven. Ze kunnen de code overzichtelijker en beter documenteren. Leer hoe je ze kunt maken.

Op het web kom je altijd padinstructies tegen - in twee varianten: als relatieve of als absolute padinstructie. Bekijk deze les om het concept te begrijpen.

Verwijzingen binnen een website komen zeer vaak voor. De implementatie vind je in dit bericht.

Verwijzingen naar andere websites zijn ook belangrijk en maken deel uit van het dagelijks leven op internet. Bovendien is er met het target een specificatie voor hoe de links geopend worden. Leer hoe je dat kunt implementeren.

Verwijzingen binnen een document worden ook wel ankers genoemd. Leer hoe je ze moet plaatsen en naar gebieden op de huidige pagina moet verwijzen.

Bij een hiërarchische structuur horen onder andere koppen. Hier leer je de beschikbare elementen kennen.

Spaties en regelovergangen in HTML-documenten zijn gestandaardiseerd. Het is belangrijk dat je dit concept kent.

In een tekst spelen alinea's een belangrijke rol. Hier leer je hoe je ze moet plaatsen.

Juist op het web moeten teksten overzichtelijk zijn. Lijsten helpen de kijker bij het snel doornemen. Daarom is de les over geordende en ongeordende lijsten absoluut verplicht.

Tabellen zijn enorm belangrijk om gegevens in tabelvorm te presenteren. Hier leer je de basisprincipes.

Een web zonder afbeeldingen is ondenkbaar. Hier leer je hoe je afbeeldingen insluit.

Leer speciale tekens als HTML-entiteiten in je documenten te gebruiken.

Met iframes embed je andere websites direct in jouw website.

JavaScripts worden in HTML-documenten ingesloten. Hier leer je hoe dat moet.

Bij de eerste oefening HTML-praktijk gaat het over tekstverwerking en het plaatsen van koppen.

Hier maak je een recept als HTML-document en daarbij gebruik je basis HTML-elementen.

De kennis over tabellen wordt hier nu in de praktijk toegepast.

Leer het concept van Cascading Style Sheets kennen.

Leer om CSS-statements direct aan de elementen toe te wijzen.

Interne stylesheets zijn een andere manier om instructies direct in het document op te nemen.

Een zeer veelvoorkomend geval: de stylesheets worden uitbesteed aan en geïntegreerd in externe bestanden.

Voor styling zijn de attributen "class" en "id" extreem belangrijk. Leer ze hier kennen.

Net containers spelen een belangrijke rol bij het werken met CSS. Hier leer je het concept kennen aan de hand van het div-element.

Met het float-attribuut kunnen elementen op verschillende manieren worden gepositioneerd. Een essentieel element bij het ontwerpen. Verplichte les!

Ook het attribuut positie is zeer belangrijk en hoort thuis in elk CSS-leerplan.

Leer de verschillende termen voor afstanden ("padding" en "margin") kennen.

De breedte en hoogte (hoogte en breedte) zijn onderwerp in deze les.

HTML-elementen kunnen worden weergegeven met een rand. Hiervoor is de border-attribuut, die je in deze video leert kennen.

Verschillende lettergroottes heeft iedereen al eens gebruikt. Na deze les kun je ze met CSS instellen.

Lettertypen zijn niet altijd beschikbaar op elke computer. Daarom worden op het web eerder letterfamilies gedefinieerd. Leer in deze video hoe dat moet.

De basis van tekstopmaak: vet, cursief en onderstreepte tekst. In deze les zal ik je de CSS-instructies laten zien.

De uitlijning van tekst is ook bekend van tekstverwerking en is ook niet ongebruikelijk op het web. Ontdek hoe dat werkt met CSS.

Het standaardontwerp van links kan aanzienlijk verbeterd worden met behulp van CSS. Leer de verschillende staten van links en de bijbehorende CSS-instructies kennen.

Een kort overzicht van de vraag: "Wat is JavaScript eigenlijk precies?

In deze crashcursus voeg je JavaScript toe aan een HTML-document. Eerst leer je dit direct in het document in te voegen.

Externe JavaScripts zijn ook belangrijk en voortdurend aanwezig op het web.

Leer het "Document Object Model" kennen.

Gegevens uitvoeren hoef je niet op deze manier in TVML/TVJS te doen, maar het is toch belangrijk voor de verdere voorbeelden.

Een essentiële functie van JavaScript is de controle via gebeurtenissen. Hier leer je het concept kennen aan de hand van klikgebeurtenissen.

Leer hoe je toegang krijgt tot elementen en de waarde kunt wijzigen.

Variabelen - centraal concept in elke programmeertaal. Hier leer je hoe ze worden aangemaakt in JavaScript.

Hoewel JavaScript geen expliciete datatypen gebruikt bij de declaratie, moet je het concept toch begrijpen.

Een computer (in het Duits "Rechner") kan zonder eenvoudige rekenkunde niets berekenen. JavaScript kan dit natuurlijk ook.

Ook al gebruik je ze niet direct zelf, kom je vaak samengestelde/toegevoegde overheidsopdrachten tegen in de praktijk. Fijn als je de syntaxis kunt lezen!

Zonder voorwaarden is de programmering moeilijk voor te stellen.

Ook het concept van herhaling is enorm belangrijk. Hier leer je een variant in JavaScript kennen.

While-lussen hebben ook hun toepassing. Fijn als je ze ook kent.

Functies zal je ook in TVJS gebruiken. Een belangrijk concept dat begrepen moet worden.

Om je goed door de code te kunnen bewegen, moet je de scopes (Gültigkeitsbereiche) van JavaScript kennen.

Hier gaat het nog eens en iets meer in detail over evenementen.

Strings kom je waarschijnlijk tegen in elke app. Daarom moeten ze zeker deel uitmaken van een spoedcursus.

Onderwerpen zoals willekeurige getallen en andere complexe berekeningen zijn ook belangrijk.

Ook arrays zullen je zeker tegenkomen in de JavaScript- en TVJS-omgeving. Goed als je ze kent.

Ook in TVJS worden objecten gebruikt. Je moet dus op zijn minst de JavaScript-implementatie kennen.

Eigenschappen behoren tot objectgeoriënteerd programmeren en zouden begrepen moeten worden.

Ook methoden zijn belangrijk en komen in de TVJS-voorbeelden vaak voor.