JavaScript Advanced

Algemene omschrijving

De training JavaScript Advanced biedt een diepgaande verkenning van geavanceerde technieken en onderwerpen binnen JavaScript en is aanbevolen voor webontwikkelaars die de basisprincipes van JavaScript beheersen en hun kennis naar een hoger niveau willen tillen. Als je aan grote projecten werkt of op zoek bent naar manieren om jouw code efficiënter en meer schaalbaar te maken, dan biedt deze training jou de hulpmiddelen en inzichten die jij nodig hebt om een expert in JavaScript te worden.

Tijdens de training JavaScript Advanced duik je diep in de kernprincipes die de basis vormen voor het ontwikkelen van geavanceerde webapplicaties. Je leert over objectgeoriënteerd programmeren (OOP) binnen JavaScript, inclusief klassen, objecten en prototypen. De training behandelt ook asynchrone programmeertechnieken die essentieel zijn voor het beheren van complexe dataflows en het optimaliseren van prestaties, zoals callbacks, promises en async/await.

Bovendien ontdek je hedendaagse JavaScript-functies die jou helpen om jouw code beter te structureren en te beheren, zoals modules en closures. Deze kennis stelt jou in staat om efficiëntere en robuustere applicaties te ontwikkelen die aan de eisen van gebruikers voldoen.

Doelgroep

De training JavaScript Advanced is voornamelijk geschikt voor ervaren webontwikkelaars en mensen die de training JavaScript Fundamentals hebben gevolgd.

Leerdoelen

Door de training JavaScript Advanced te volgen zul je de volgende kennis en vaardigheden verkrijgen:

• Het toevoegen van jQuery aan projecten en jQuery gebruiken om de Document Object Model (DOM) te manipuleren en Ajax-oproepen te doen.
• Begrip van Ajax en webdiensten, inclusief HTTP Verbs en asynchrone Ajax-oproepen.
• Het werken met XML- en JSON-gegevensindelingen.
• Begrip en het gebruiken van RESTful Web Services inclusief ODATA-query's.
• Het werken met Anonymous Functions, Self-Invoking Functions en Closures.
• Begrip van de rol van de objecten: Window en Navigator.
• Het beschrijven en begrijpen van de variabelen variabel hoisting en JavaScript-objecten.

Voorkennis

Voordat je deelneemt aan deze training is het van belang dat jij beschikt over de volgende kennis en vaardigheden:

• Basiskennis van HTML en CSS.
• Bekendheid met een code-editor, zoals WebStorm en Visual Studio Code.

Daarnaast raden wij aan dat jij basiskennis hebt van algemene programmeertalen, zoals Java, C# en PHP; dit is echter niet verplicht.

Ten slotte raden wij aan dat jij eerst de training JavaScript Fundamentals hebt afgerond.

Onderwerpen

Module 1: Inleiding op jQuery

Veel van het werk dat je met JavaScript zult doen, begint met het zoeken naar een HTML element en vervolgens met het manipuleren ervan. Vaak doen we gewoon een zoekactie, of query, in de HTML en voeren we daarna snel een update uit. In deze module gaan we de jQuery-bibliotheek verkennen om elementen in de DOM (Document Object Model) te zoeken en aan te passen.

Lessen:

• jQuery.
• Het downloaden van de jQuery bibliotheek.
• Versies van jQuery.
• Koppelen aan de bibliotheek.
• Elementen selecteren met jQuery.
• Werken met de gegevens die door jQuery worden geretourneerd.
• Eigenschappen van CSS instellen.
• Een functie uitvoeren op de jQuery return set.

Lab 1: jQuery

• Q&A quiz.
• Voeg de jQuery bibliotheek toe aan het project.
• Maak nieuwe elementen met jQuery.

Na afloop van deze module kunnen deelnemers:

• De rol van bibliotheken als jQuery in JavaScript en webontwikkeling beschrijven.
• De jQuery bibliotheek aan een project toevoegen.
• Elementen in de DOM vinden, ophalen, bijwerken en nieuwe elementen maken.

Module 2: Ajax en Webservices

Deze module verkent webservices en het gebruik van Ajax om die services aan te roepen.

Lessen:

• Webservices.
• HTTP-verbs.
• Gegevensformaten – XML en JSON.
• Ajax.
• RESTful Webservices.
• OData.
• OData-queries.
• OData-updates.

Lab 1: Ajax en Webservices

• Q&A quiz.
• Een REST-webservice verkennen.
• Gegevens laden vanuit een webservice.

Na afloop van deze module kunnen deelnemers:

• Webservices beschrijven en uitleggen hoe je ermee communiceert vanuit JavaScript en jQuery.
• Werken met XML- en JSON-gegevens.
• Queries maken en gegevens bijwerken met REST en OData.

Module 3: Dieper Ingaan

In deze module verkennen we onderwerpen die je moet kennen om van een "JavaScript-scripter" naar een "JavaScript-ontwikkelaar" te gaan. Enkele van de onderwerpen zijn:

• Meer over Gegevenstypen en gegevensconversie.
• Variabelen: meer over Scopes, Hoisting, Maken en Verwijderen.
• Functies: Anonieme functies, Closures, Zelfaanroepende functies, het "this"-sleutelwoord en het Modulepatroon.
• Meer over foutafhandeling.
• Recursie.

Lessen

• Wordt JavaScript gecompileerd?
• Gegevenstypen en Objecten.
• Gegevenstypen uitbreiden.
• Variabelen, Scopes en Hoisting.
• Functies.
• Het "this"-sleutelwoord.
• Fouten.
• Recursie.

Lab 1: Dieper Ingaan

• Q&A quiz.

Na afloop van deze module kunnen deelnemers:

• Beschrijven hoe variabelen in JavaScript worden gebruikt, opgeslagen en gemanipuleerd.
• Begrijpen hoe variabelen en functies in JavaScript zijn gescopeerd en soms gehoist.
• Functies, anonieme functies en Closures maken.
• Het "this"-sleutelwoord in functies beschrijven en gebruiken.
• Try catch blokken maken en fouten afhandelen.