- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus Dynamic HTML leert u interactieve en dynamische web pagina's te maken. HTML is geen programmeer taal maar een statische markup language. Op zichzelf is HTML niet dynamisch, maar door HTML te combineren met JavaScript en CSS kunnen we dynamische pagina's krijgen. De cursus gaat daarbij uit van puur JavaScript, HTML en CSS zonder gebruik te maken van een framework zoals Angular, React of Vue.
De cursus Dynamic HTML biedt een uitgebreide introductie in de wereld van dynamische webontwikkeling. We beginnen met een overzicht van de standaarden HTML, XHTML en HTML5, waarbij we hun verschillen en toepassingen bespreken. Daarnaast komen semantische en structurele markup aan de orde, evenals de mogelijke DOCTYPE's in HTML-documenten.
Vervolgens besteden we aandacht aan de Cascading Stylesheet (CSS) Standaard, die essentieel is voor het bepalen van de stijl waarin HTML-elementen worden weergegeven. We leren werken met selectors en HTML-attributen, met speciale nadruk op class- en ID-selectors, naast interne en externe stylesheets. Deze kennis is cruciaal voor het creëren van visueel aantrekkelijke en goed gestructureerde webpagina's.
Een belangrijk onderdeel van de cursus is de bespreking van de hiërarchische structuur van HTML-pagina's, zoals beschreven in de HTML DOM. We behandelen de verschillende node types en hun properties en methods, wat essentieel is voor het begrijpen van hoe elementen in een document zijn georganiseerd en hoe ze kunnen worden gemanipuleerd.
We gaan ook dieper in op de fundamentals van de programmeertaal JavaScript, die standaard aanwezig is in alle browsers. De data types, control flow constructies en operatoren van de taal komen aan bod. Daarnaast bespreken we hoe JavaScript in pagina's wordt opgenomen en uitgevoerd, wat een belangrijke stap is in het creëren van dynamische webinhoud.
Een essentieel onderdeel van de cursus is de interactie tussen JavaScript-code en de HTML DOM. We leren hoe de content van de pagina kan worden aangepast door het uitvoeren van JavaScript-code. Hierbij behandelen we DOM API-functies zoals getElementById en event handling met callback-functies, die cruciaal zijn voor het creëren van interactieve webapplicaties.
Tenslotte komt de Ajax-technologie aan bod, waarbij we leren hoe delen van de pagina kunnen worden ververst door een HTTP-request naar de server, zonder de hele pagina opnieuw te laden. We bespreken ook het verwerken van JSON of XML-responses in JavaScript, wat de interactie met servers vergemakkelijkt en de gebruikerservaring verbetert.
Voor meer informatie over webtechnologieën kun je de documentatie van JavaScript op MDN bekijken. Daarnaast is het nuttig om de cursus Sass and Less Preprocessing te overwegen voor aanvullende CSS-vaardigheden.
De cursus Dynamic HTML is bedoeld voor personen die willen leren hoe je dynamische en interactieve web pagina's kunt maken.
Om aan deze cursus deel te kunnen nemen is kennis van HTML vereist. Kennis van een script taal zoals VBScript of JavaScript wordt aanbevolen.
De theorie wordt behandeld aan de hand van presentatie slides. Demo's worden gebruikt om de concepten te verduidelijken. Er is voldoende gelegenheid om te oefenen. De cursustijden zijn van 9.30 tot 16.30.
De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Dynamic HTML.
Module 1 : Intro Dynamic HTML |
Module 2 : CSS |
Module 3 : HTML DOM |
| HTML Structure DOCTYPE Standards Compliance DOCTYPE Semantic or Structural Markup Benefits of Semantic Markup Problems with Tables Headings and Paragraphs Line Breaks and Emphasis HTML, XHTML of HTML5 Validation Well Formed and Valid Documents What is XHTML XHTML Document Structure |
What is CSS? Rendering with CSS Selectors Selector Types HTML Selectors Class Selectors SPAN and DIV as carriers ID Selectors Adding CSS Files CSS Positioning Attributes CSS Position Property CSS Visibility Property CSS Z-index Property |
HTML DOM Element Access Building a DOM tree DOM and Browser Object Model DOM Representation Node Object DOM Node Types Properties of Node Types Node Properties Node Methods DOM Data Structures NamedNodeMap Interface Example Document and Tree |
Module 4 : JavaScript |
Module 5 : Dynamic HTML |
Module 6 : Ajax |
|
JavaScript Characteristics ECMA Standard JavaScript Code Execution script tag JavaScript Files Variables JavaScript Types Numbers and Strings Arrays Control Logic Operators Debugging JavaScript |
DHTML Technologies DOM API getElemenById getElementByName getElementsByTagName Localization by XPath Event Handlers Callback Functions onchange Event onmousedown Event Form Validations Regular Expressions |
Classic Synchronous App. Model Ajax Asynchronous App. Model Typical Ajax Interactions Creating XMLHttpRequest XMLHttpRequest Methods XMLHttpRequest Properties Fetch API Sending the Request XMLHttpRequest readyState Listening for Response JSON and XML Responses Processing the Response |
Deze bedrijven en instanties waren u al voor:
Deze bedrijven waren u voor:
