JavaScript Advanced

📚 Welkom bij de JavaScript Advanced Module

Deze repository bevat alle theorie, opdrachten en voorbeelden voor de JavaScript Advanced Module. In deze module ga je dieper in op JavaScript en leer je de moderne manier van programmeren zoals deze in bedrijven wordt toegepast.

🎯 Leerdoelen

Na het voltooien van deze module kun je:

• Moderne JavaScript syntax gebruiken (arrow functions, template literals, etc.)
• Werken met objecten en arrays op een professionele manier
• Data opslaan en ophalen met Local Storage
• API's gebruiken om externe data op te halen
• JSON bestanden lezen en schrijven
• Complexe web applicaties bouwen met JavaScript

📖 Onderwerpen

Deze module behandelt de volgende onderwerpen:

1. 🔧 Array Methods

Leer de belangrijkste array methods zoals filter(), map(), sort(), find() en includes(). Deze methods maken je code korter en professioneler.

2. 📝 String Methods

Ontdek handige string methods zoals toLowerCase(), toUpperCase(), trim() en template literals voor het werken met tekst.

3. 💾 Local Storage

Leer hoe je data opslaat in de browser van de gebruiker, zodat informatie bewaard blijft tussen sessies.

4. ⚡ Moderne JavaScript Syntax

Stap over van oude naar moderne JavaScript syntax zoals arrow functions, for/of loops en querySelector.

5. 🏗️ Objects

Begrijp de basis van JavaScript: objecten. Leer hoe je properties, methods en complexe datastructuren maakt.

6. 📄 JSON (JavaScript Object Notation)

Leer werken met JSON bestanden voor het opslaan en uitwisselen van gestructureerde data.

7. 🌐 API's (Application Programming Interface)

Ontdek hoe je data ophaalt van externe bronnen en deze gebruikt in je eigen applicaties.

🚀 Aan de slag

Repository forken

1. Fork deze repository naar je eigen GitHub account:

   • Klik op de "Fork" button rechtsboven in deze repository
   • Kies je eigen GitHub account als bestemming
   • Wacht tot het fork proces voltooid is

2. Clone je geforkte repository naar je computer:

3. Open de folder in je code editor (bijvoorbeeld VS Code)

📚 Theorie

In elke hoofdfolder staat een theorie.md bestand met uitgebreide uitleg over het onderwerp. Lees deze bestanden eerst voordat je aan de opdrachten begint.

Bijvoorbeeld:

• 1-js-methods/theorie-basis-methods.md - Alles over basis methods
• 1-js-methods/theorie-string-methods.md - Alles over string methods
• 1-js-methods/theorie-local-storage.md - Alles over local storage
• etc.

Deze theorie bestanden bevatten:

• ✅ Duidelijke uitleg met voorbeelden
• ✅ Stap-voor-stap instructies
• ✅ Praktische toepassingen
• ✅ Veelgemaakte fouten en hoe je ze vermijdt
• ✅ Tips voor professioneel programmeren

📝 Opdrachten maken

Belangrijke regels:

1. Maak alle opdrachten in de juiste folder

2. Lees eerst de theorie voordat je aan een opdracht begint

3. Test je code altijd in de browser en developer tools

🔄 Workflow

Dagelijkse workflow:

1. Lees de theorie in het theorie.md bestand
2. Experimenteer met de code voorbeelden
3. Start met de opdracht in de juiste folder
4. Test regelmatig je code in de browser
5. Commit en push je work naar GitHub

🆘 Hulp nodig?

Stappenplan bij problemen:

1. Check de console voor error berichten
2. Lees de theorie opnieuw door
3. Zoek online naar vergelijkbare voorbeelden
4. Vraag medestudenten om hulp
5. Vraag de docent als laatste optie

Handige resources:

• MDN Web Docs - Officiële JavaScript documentatie
• W3Schools JavaScript - Beginnersvriendelijke tutorials
• JavaScript.info - Diepgaande JavaScript guide

🏁 Succes!

Deze module vormt de basis voor moderne web development. De concepten die je hier leert, gebruik je in alle toekomstige projecten.

Neem de tijd om de theorie goed te begrijpen - het investeren van tijd in het begin zal je later veel tijd besparen!

---

Veel succes met de JavaScript Advanced Module! 🚀