Skip to main content
    Back to Courses
    Intermediate

    JavaScript Masterclass

    This intensive one-day JavaScript Masterclass brings you up to speed with modern ES6+ development. Work on real projects, get instant feedback, and collaborate with fellow developers. Topics include arrow functions, destructuring, async patterns, DOM manipulation, and a hands-on group project.

    4 Modules
    16 Lessons
    1 Tag
    JavaScript Masterclass – 1 Tag Web course at apigenio

    Skills You'll Learn

    ES6+ features & syntax
    DOM manipulation & events
    Async/await & Promises
    Fetch API & HTTP requests
    Collaborative development

    Course Modules & Lessons

    1

    Modern JavaScript (ES6+)

    Arrow functions, destructuring, template literals, spread/rest, and modules

    2h
    Let/Const & Template Literals

    Moderne Variablendeklaration und String-Interpolation

    25min
    Arrow Functions & Default Parameters

    Kurzschreibweise für Funktionen und Standardwerte

    25min
    Destructuring & Spread/Rest

    Objekte und Arrays elegant entpacken und zusammenführen

    25min
    ES Modules & Import/Export

    Code modular strukturieren mit import und export

    25min
    2

    DOM & Event Handling

    Selecting elements, event listeners, dynamic content creation, and forms

    2h
    DOM-Elemente selektieren

    querySelector, getElementById und DOM-Traversierung

    25min
    Event Listener & Event-Objekt

    Click, Input, Submit Events und Event Delegation

    25min
    Dynamische Inhalte erstellen

    createElement, innerHTML und DOM-Manipulation

    25min
    Formulare validieren & verarbeiten

    Client-seitige Validierung und FormData API

    25min
    3

    Async JavaScript

    Promises, async/await, fetch API, and error handling for API calls

    2h
    Callbacks & Callback Hell

    Asynchrone Patterns verstehen und deren Probleme

    20min
    Promises verstehen

    Promise-Ketten, .then(), .catch() und Promise.all()

    25min
    Async/Await in der Praxis

    Modernen asynchronen Code schreiben mit async/await

    25min
    Fetch API & Error Handling

    REST-APIs ansprechen und Fehler richtig behandeln

    30min
    4

    Group Project

    Build an interactive web app as a team using all learned concepts

    2h
    Projektkonzept & API auswählen

    Team bilden, Idee entwickeln und öffentliche API wählen

    20min
    App-Struktur & API-Anbindung

    HTML/CSS Grundgerüst und Daten von der API laden

    40min
    Interaktivität & Styling

    Event Handler, dynamisches Rendering und CSS Feinschliff

    30min
    Demo & Peer Review

    Projekt präsentieren und konstruktives Feedback geben

    20min

    Prerequisites

    • Basic JavaScript knowledge
    • HTML/CSS familiarity

    Ready to start?

    Join thousands of students already learning.

    Your Trainer

    David Pinezich

    David Pinezich

    Experienced IT architect and trainer specializing in Python, Cloud Architecture, and Enterprise Solutions. Certified TOGAF, CISSP, and AWS professional with years of hands-on training experience.

    We use analytics cookies to improve our website. Learn more