Opleiding : JavaScript, dynamische HTML

JavaScript, dynamische HTML




JavaScript is een essentieel onderdeel geworden van website-ontwikkeling, zowel vanwege de sterke relatie met de grafische interface als voor client/server-verwerking. U zult de kennis hebben om de taal te interfacen met de elementen van de webpagina en in staat zijn om uitklapmenu's en animaties te maken en presentatiestijlen dynamisch aan te passen.


INTER
INTRA
OP MAAT

Praktijkcursus ter plaatse of via klasverband op afstand

Ref. DHL
  4d - 28u00
Prijs : Neem contact met ons op




JavaScript is een essentieel onderdeel geworden van website-ontwikkeling, zowel vanwege de sterke relatie met de grafische interface als voor client/server-verwerking. U zult de kennis hebben om de taal te interfacen met de elementen van de webpagina en in staat zijn om uitklapmenu's en animaties te maken en presentatiestijlen dynamisch aan te passen.


Pedagogische doelstellingen
Aan het einde van de training is de deelnemer in staat om:
De syntaxis van JavaScript onder de knie krijgen
De DOM-structuur van een HTML-pagina manipuleren
Programmering van evenementen beheren
Interactie met CSS-stijldocumenten
Asynchrone AJAX-uitwisselingen beheren

Doelgroep
Webontwikkelaars en projectmanagers.

Voorafgaande vereisten
Goede kennis van HTML. Basisvaardigheden in programmeren.

Praktische modaliteiten
Praktisch werk
JavaScript-programmering, DOM-manipulatie, interactiviteitsbeheer.

Opleidingsprogramma

1
Webtechnologieën

  • Overzicht van browsertypes. Invloed op de overdraagbaarheid van JavaScript-programma's. Versies van JavaScript.
  • Webcomponenten: HTML, XHTML, CSS, JavaScript, Flash, Java, enz. HTTP- en HTTPS-protocollen.
  • Invloed van JavaScript op toegankelijkheid en SEO.
  • Belang van JavaScript op Web 2.0 sites. Invloed van XHTML-compliance op het dynamisch gebruik van JavaScript.
  • Ontwikkelgereedschappen (editor, debugger, enz.).
  • Positionering en illustratie van DHTML-technologieën.

2
De JavaScript-taal

  • Declaratie en bereik van variabelen.
  • Gegevenstypen (Getal, Booleaans, Datum, Math, String, Array). Type-conversie. Typedetectie met typeof.
  • Beheer van arrays. Logische en rekenkundige operatoren. Lussen (for, while...).
  • Functies en variabele parameters maken.
  • Veilig coderen met foutafhandeling en uitzonderingen.
  • Een herinnering aan objectconcepten. Objectontwikkeling in JavaScript: klassen maken (methoden, eigenschappen).
  • Fabrikant. Overbelasting. Gereserveerde woorden prototype, this. Aanmaken van instanties. Object gebruiken op dynamische klassen.
  • Gebruik van JSON-indeling om klassen te maken.
  • De voorgedefinieerde objecten van de taal (Array, Date, String, Regexp, etc.) en hoe ze gebruikt worden. Voorgedefinieerde objecten uitbreiden.
Oefening
Een groot aantal praktische oefeningen om de verschillende JavaScript-functies in de praktijk te brengen.

3
Gebeurtenissen en gegevens

  • Organisatie van gebeurtenissen. Invloed van gebeurtenissen op browsertypes en DOM-versies.
  • Plaats luisteraars op gebeurtenissen door HTML-tags te programmeren en in te stellen.
  • Regels voor cross-browser codering.
  • Koptelefoons maken en vernietigen.
  • JavaScript-gebeurtenisverwerking: toetsenbord, muis, formulieren, rollover, dynamische menu's.
  • Het Event-object en het gebruik ervan.
  • DOM-objecten (venster, document, enz.) en hoe ze worden afgehandeld.
  • URL-manipulatie (http redirects, enz.).
  • Cookiebeheer (lezen en schrijven).
Oefening
Programmering van meerdere gebeurtenissen op formulierelementen, muis, toetsenbord, enz.

4
Beheer van HTML-formulieren

  • Vorminhoud manipuleren.
  • Toegang tot en dynamische wijziging van formulieronderdelen: invoerzone, selectievakjes, keuzerondjes, enz.
  • Functies voor formuliervalidatie.
  • Gebeurtenissen gekoppeld aan formulierelementen: wijzigen, initialiseren, klikken, enz.
Oefening
Ontwerp van aangepaste functies om gebruikersactiviteiten te regelen.

5
Interactie met cascading stylesheets

  • Een herinnering aan cascading stylesheets. Hulpmiddelen om ze te manipuleren.
  • Implementatie van CSS als eigenschappen van DOM-objecten.
  • Directe wijziging van CSS-eigenschappen van DOM-objecten.
  • Wijziging van het CSS-object stylesheets.
  • Maak de pagina dynamisch door de stijleigenschappen te wijzigen.
Oefening
Eenvoudige pagina's maken om te leren hoe u stylesheets gebruikt en manipuleert met JavaScript.

6
Het XML DOM manipuleren

  • Inleiding tot XML (attribuutelementen).
  • Implementatie van XML-parsers in Microsoft IE en andere browsers: variaties tussen browsers, onderhoud, enz.
  • DOM-objecten manipuleren (knooppunten lezen, toevoegen, verwijderen, wijzigen).
Oefening
Leer hoe u een pad naar een DOM-element construeert.

7
Ajax

  • Presentatie van Asynchroon JavaScript en Xml.
  • Problemen, oplossingen en alternatieven.
  • Marktbibliotheken.
  • HTTP en Ajax: HTTP-uitwisselingen en het XMLHttpRequest-object.
Oefening
XML-gegevens ophalen en weergeven. Een database bevragen. Een verbindingsformulier maken.


Feedback van klanten
4,4 / 5
De feedback van klanten is afkomstig van eindevaluaties na de opleiding. De score wordt berekend op basis van alle evaluaties die minder dan 12 maanden oud zijn. Alleen die met een tekstcommentaar worden weergegeven.


Data en plaats
Selecteer uw locatie of kies voor de les op afstand en kies vervolgens uw datum.
Klas op afstand