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

Algemene omschrijving

Tijdelijke korting vanwege de bèta-versie van de e-learning
Je ontvangt nu tijdelijk korting omdat je deelneemt aan de bèta-versie van onze e-learning.

Als je het leuk vindt, kunnen we je toevoegen aan een groepsapp waarin je eenvoudig verbeterpunten kunt doorgeven. Dit is uiteraard geheel vrijblijvend. Feedback via e-mail is ook van harte welkom.

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 een complete basis in webontwikkeling en begeleidt jou stap voor stap door de wereld van HTML, CSS en JavaScript.

Door de Basis HTML, CSS & JavaScript (Nederlandstalige) E-Learning door te nemen 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 ontdekken 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 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 het cursusmateriaal. Verder bevatten de modules Nederlandstalig videomateriaal en 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.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.1.: HTML - Tags, Attributen en Reference Guide.
• Module 2.2.1: HTML - Links, Afbeeldingen en Tabellen Toevoegen.
• Module 2.3.1: Formulieren gebruiken.
• Module 2.4.1: Semantische HTML en toegankelijkheid (voor betere leesbaarheid en SEO).

Module 3: CSS Deel I: Basis

• Module 3.1.1: Inleiding op CSS: Inline, interne en externe CSS.
• Module 3.2.1: Kleuren, lettertypes en achtergrondafbeeldingen.

Module 4: JavaScript Basis

• Module 4.1.1: Wat is JavaScript en waarom is het belangrijk?
• Module 4.2.1: Variabelen, datatypes, if.
• Module 4.3.1: Operators, events, if else in Javascript.
• Module 4.4.1: Functies, Template Literals, Arrays en Loops.

Module 5: Interactiviteit en Dynamiek

• Module 5.1.1: Objecten, in combinatie met Formulieren, Boodschappenlijst.
• Module 5.2.1: Methoden Strings en Arrays.
• Module 5.3.1: Functies op drie manieren.
• Module 5.4.1: Basis API-aanroepen en JSON (communiceren met externe data), localStorage.

Module 6: CSS Deel II: Layouts en Styling

• Module 6.1.1: Flexbox: Moderne layouts maken.
• Module 6.2.1: Grid-layout: Geavanceerde layout-technieken.
• Module 6.3.1: Responsief ontwerp en media queries.
• Module 6.4.1: CSS animaties en transities.

Module 7: Webprojecten Bouwen

• Module 7.1.1: JavaScript Moderne manier CreateElement. Een interactieve website maken (toepassing van alles).
• Module 7.2.1: CSS en JavaScript combineren voor dynamische effecten, intro timeout.
• Module 7.3.1: Werken met local storage.
• Module 7.4.1: Debugging en performance optimalisatie.

Module 8: Afsluiting en Verdere Stappen

• Module 8.1.1: Code organiseren en best practices voor webontwikkeling.
• Module 8.2.1: Publiceren van een website (GitHub Pages, Netlify, of eigen hosting TransIP).