Fundamenten van Frontend-ontwikkeling

Verken de werking van het web. Leer hoe gegevens over netwerken reizen, ontdek de rol van protocollen en ontrafel de mysteries van IP-adressen en domeinnamen. Krijg een hoogwaardig begrip van hoe webbrowsers en servers communiceren om webinhoud te leveren.

Ontdek de kracht van tags om inhoud te structureren, van koppen en alinea's tot lijsten en tabellen. Leer hoe je de elementen kunt verbeteren met attributen.

De kern van de HTML-documentstructuur. Leer de componenten van een HTML-document, inclusief de doctype-verklaring, head en body. Begrijp het doel van elk element en hoe ze bijdragen aan de algehele structuur van een webpagina.

Maak een webpagina aantrekkelijker met behulp van media zoals afbeeldingen, audio en video. Werk met gestructureerde tabelgegevens in de vorm van tabellen.

Ontdek de veelzijdigheid van HTML-formulieren. Leer intuïtieve en gebruiksvriendelijke formulieren ontwerpen door gebruik te maken van belangrijke concepten en technieken. Ontdek hoe formulieren gebruikersinteractie en gegevensverzending op websites mogelijk maken.

Leer wat CSS is, hoe het te koppelen aan HTML en hoe HTML-elementen te stijlen met behulp van selectors. Verken fundamentele concepten zoals tekstkleuren, pseudo-klassen voor gebruikersacties en variabelen in CSS.

Ontdek hoe u tekst op uw webpagina's kunt opmaken en formatteren. Leer aangepaste lettertypen toepassen en verken diverse lettertype-eigenschappen om het uiterlijk van tekst te verbeteren.

Leer de basisprincipes van het boxmodel, dat de lay-out en de afstand van elementen op een webpagina bepaalt. Verken concepten zoals box-sizing, het toevoegen van ruimte aan elementen, werken met block-level en inline-elementen, en het toepassen van structurele en functionele pseudoklassen voor geavanceerde opmaak.

Ontdek Flexbox, een krachtig CSS-layoutmechanisme voor het rangschikken van elementen in rijen en kolommen. Leer hoe u de richting, uitlijning en afstand van elementen horizontaal en verticaal beheert, evenals het aanpassen van individuele flex-items voor nauwkeurige lay-outs.

Leer hoe u de visuele aantrekkingskracht van uw webpagina's kunt vergroten met CSS. Ontdek technieken voor het toepassen van achtergrondkleuren en -afbeeldingen, het stylen van afbeeldingen, het gebruik van decoratieve pseudo-elementen en het toevoegen van schaduwen om indrukwekkende ontwerpen te creëren.

Onderzoek wat cursisten kunnen verwachten van deze cursus over geavanceerde HTML- en CSS-styling. Welke voorkennis is vereist voordat je aan de cursus begint? Welke onderwerpen komen aan bod?

Elementen positioneren en beheren op webpagina's. Inzicht in verschillende positioneringseigenschappen, het gebruik van de stapelvolgorde om de zichtbaarheid van overlappende elementen te regelen, en het afhandelen van content-overloop.

Onderzoek de kracht van overgangen en leer hoe u de gebruikerservaring kunt verbeteren. Ontdek hoe u eigenschappen soepel en geleidelijk tot leven brengt, waardoor naadloze statusovergangen ontstaan.

Leer over de animatie-eigenschap en hoe deze kan worden gebruikt om dynamische en boeiende ontwerpen te creëren. Ontdek hoe u complexe animaties maakt met behulp van keyframes en hoe u de animatie beheerst.

Ontdek de transform-eigenschap, waarmee het uiterlijk en de positie van elementen op een webpagina kunnen worden aangepast. Leer hoe u elementen kunt schalen, roteren, schuin trekken en verplaatsen in twee en drie dimensies. Combineer meerdere transformaties om complexere effecten te creëren.

De principes en technieken die worden gebruikt in adaptief/responsief ontwerp zijn gericht op het toegankelijk en visueel aantrekkelijk maken van websites en applicaties op verschillende apparaten, schermformaten en oriëntaties.

Leer over preprocessors in CSS en hoe deze kunnen helpen om efficiëntere en beter onderhoudbare code te schrijven. Begrijp hoe preprocessors het werkproces kunnen vereenvoudigen en schonere CSS-code kunnen genereren.

Krijg een duidelijk overzicht van wat komen gaat, begrijp de vereisten en ontvang waardevolle tips om succesvol te starten met objecten, arrays en essentiële programmeerconcepten.

Ontdek de kernconcepten van JavaScript-objecten. Deze sectie behandelt de basisprincipes van het aanmaken van objecten, het beheren van eigenschappen en het implementeren van methoden.

Verdiep u in geavanceerde technieken voor het werken met JavaScript-objecten. Deze sectie behandelt diverse strategieën om efficiënt objecten te manipuleren en ermee te werken.

Begin aan een ontdekkingstocht door de JavaScript-arrays. Deze sectie biedt een solide basis voor het creëren van arrays, het beheren van elementen en het uitvoeren van basisbewerkingen op arrays.

Beheersing van geavanceerde vaardigheden voor arraymanipulatie, met diverse technieken en methoden voor het effectief verwerken van arrays in uiteenlopende scenario's.

Leer de basisprincipes van JavaScript-klassen, van klasseverklaringen tot het definiëren van methoden die de functionaliteit verbeteren. Ontdek hoe u parameterobjecten effectief gebruikt, privé-eigenschappen beheert en de toegang regelt met getters en setters. Beheers statische eigenschappen en statische methoden en benut de kracht van klasse-overerving met behulp van "extends" en "super()" om schaalbare en herbruikbare code te bouwen.

Beheers DOM-manipulatie om dynamische, interactieve webapplicaties te creëren. Navigeer en wijzig de structuur van de DOM, werk inhoud dynamisch bij en implementeer best practices voor beveiliging en prestaties. Onderscheid eigenschappen en attributen om uw code te optimaliseren.

Ontgrendel de interactiviteit van webapplicaties door het beheersen van JavaScript-events. Begrijp event-propagatie, beheer eventgedrag en implementeer efficiënte eventafhandeling voor gebruikersinteracties. Optimaliseer prestaties met geavanceerde technieken zoals eventdelegatie.

Verdiep u in asynchrone JavaScript, inclusief callbacks, Promises en async/await. Leer hoe u gegevens ophaalt van API's, externe bibliotheken integreert en meerdere verzoeken efficiënt afhandelt, waarmee u vaardigheden ontwikkelt voor het bouwen van datagedreven applicaties.