Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning

Algemene omschrijving

We ontwikkelen deze E-Learning bij Startel, samen met onze partners, omdat er nog weinig Nederlandstalig aanbod is. Wij geloven dat leren in je moedertaal het meeste rendement oplevert.

De Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning is een jaar lang toegankelijk.

Wil je leren hoe jij jouw eigen website kunt ontwikkelen, van de eerste HTML-regels tot het combineren van JavaScript en CSS voor interactieve gebruikerservaringen? De Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning biedt jou door middel van Nederlandstalig videomateriaal een complete basis in webontwikkeling. Met behulp van video's door de ervaren trainer Felix van Loenen zul je stap voor stap door de wereld van HTML, CSS en JavaScript worden geleid.

Door de video's van de Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning te bekijken, zul je onder andere leren hoe jij formulieren op kunt stellen, hoe jij gebruik kunt maken van Flexbox en Grid om lay-outs op te bouwen en hoe jij ervoor kunt zorgen dat jouw website goed wordt weergegeven op verschillende apparaten.

Daarnaast zul je in de Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning video's bekijken waarin wordt uitgelegd hoe jij externe data kunt verwerken met JSON, hoe jij jouw werk kunt publiceren via platformen zoals GitHub Pages en hoe jij veelgemaakte fouten kunt opsporen en oplossen. Of je nu jouw eerste stappen zet in front-end ontwikkeling of jouw bestaande vaardigheden op wilt frissen: met de Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning leg jij een stevige basis voor een carrière binnen het vakgebied van webontwikkeling.

Doelgroep

De Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning is geschikt voor iedereen die met behulp van Nederlandstalig videomateriaal een website wil leren maken door te programmeren in HTML, CSS en JavaScript.

Wat is inbegrepen

De Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning bestaat uit Nederlandstalig videomateriaal door de ervaren trainer Felix van Loenen. Daarnaast bevatten de modules oefenvragen om jou te helpen de leerstof goed te begrijpen.

De Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning is een jaar lang toegankelijk.

Voorkennis

Je hebt geen specifieke voorkennis nodig om te beginnen met de Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning.

Onderwerpen

Module 1: Inleiding op Webontwikkeling

• Module 1.1/1.2: Installatie van tools: Code-editor, browser en inspectietools.
• Module 1.3: Opzetten van een eerste HTML-pagina (basisstructuur, eerste tags).

Module 2: HTML Basis

• Module 2.1.: HTML - Tags, Attributen en Reference Guide.
• Module 2.2: HTML - Links, Afbeeldingen en Tabellen Toevoegen.
• Module 2.3: Formulieren gebruiken.
• Module 2.4: Semantische HTML en toegankelijkheid (voor betere leesbaarheid en SEO).

Module 3: CSS Deel I: Basis

• Module 3.1: Inleiding op CSS: Inline, interne en externe CSS.
• Module 3.2: Kleuren, lettertypes en achtergrondafbeeldingen.

Module 4: JavaScript Basis

• Module 4.1: Wat is JavaScript en waarom is het belangrijk?
• Module 4.2: Variabelen, datatypes, if.
• Module 4.3: Operators, events, if else in Javascript.
• Module 4.4: Functies, Template Literals, Arrays en Loops.

Module 5: Interactiviteit en Dynamiek

• Module 5.1: Objecten, in combinatie met Formulieren, Boodschappenlijst.
• Module 5.2: Methoden Strings en Arrays.
• Module 5.3: Functies op drie manieren.
• Module 5.4: Basis API-aanroepen en JSON (communiceren met externe data), localStorage.

Module 6: CSS Deel II: Layouts en Styling

• Module 6.1: Flexbox: Moderne layouts maken.
• Module 6.2: Grid-layout: Geavanceerde layout-technieken.
• Module 6.3: Responsief ontwerp en media queries.
• Module 6.4: CSS animaties en transities.

Module 7: Webprojecten Bouwen

• Module 7.1: JavaScript Moderne manier CreateElement. Een interactieve website maken (toepassing van alles).
• Module 7.2: CSS en JavaScript combineren voor dynamische effecten, intro timeout.
• Module 7.3: Werken met LocalStorage & Cookies.
• Module 7.4: Debugging en performance optimalisatie.

Module 8: Afsluiting en Verdere Stappen

• Module 8.1: Code organiseren en best practices voor webontwikkeling.
• Module 8.2: Online zetten van een website met Azure, Netlify, of eigen FTP server.
• Module 8.3: Inleiding op frameworks, zoals Angular.