JAVASCRIPT Anfänger ~60 Std 1 Studenten eingeschrieben

JavaScript

Vollständiger JavaScript-Kurs: von Variablen und Funktionen bis async/await, DOM-Manipulation und echte Projekte.

Jetzt lernen Bereits ein Konto? Anmelden
54 Lektionen
42 Aufgaben
4870 XP für den Kurs
~60 Std

Was du lernst

Introduction to JavaScript
Variables and Data Types
Operators
Strings
Numbers and Math
Conditions
Loops
Functions
Arrays: Basics
Arrays: Iteration Methods
Objects
Destructuring
JSON and Data Handling
Scope and Closures
Promises & Async/Await
Classes and OOP
Error Handling
DOM: Selection and Modification
DOM: Events
DOM: Forms and Validation
Fetch API
Web Storage
ES6+ Features
Modules
Regular Expressions
Date and Intl
Patterns and Best Practices
Project: Todo App
Project: Weather Widget
Final Project: Quiz App

Dieser Kurs enthält

Interaktive Übungen mit sofortigem Feedback
Echter Compiler im Browser
Zertifikat nach Abschluss
Gamification: XP, Level, Abzeichen

Lehrplan

30 lektionen · 54 Lektionen · 42 Aufgaben

1

Introduction to JavaScript

What is JS, where it runs, console.log, connecting to HTML

  • What is JavaScript? +10 XP
  • console.log and Output +15 XP
  • JS in HTML Page +10 XP
2

Variables and Data Types

let, const, var, primitives, typeof, type coercion

  • let, const and var +15 XP
  • Data Types +10 XP
  • Practice: Variables +15 XP
3

Operators

Arithmetic, comparison, logical, assignment, ternary

  • Arithmetic and Comparison +15 XP
  • Logical and Ternary +15 XP
4

Strings

String methods, template literals, search, replace, formatting

  • String Basics +15 XP
  • Search and Replace +10 XP
5

Numbers and Math

parseInt, toFixed, NaN, Math.*, random number generation

  • Working with Numbers +15 XP
  • Math Object +15 XP
6

Conditions

if/else, switch, ternary, truthy/falsy

  • if / else / else if +15 XP
  • switch and Patterns +10 XP
7

Loops

for, while, do...while, for...of, for...in, break/continue

  • for and while +15 XP
  • for...of and for...in +10 XP
8

Functions

Declaration, expression, arrow, parameters, return, scope

  • Function Declaration +15 XP
  • Arrow Functions and Callbacks +10 XP
9

Arrays: Basics

Creation, access, push/pop/shift, slice/splice, search

  • Creation and Access +15 XP
  • slice, splice and spread +10 XP
10

Arrays: Iteration Methods

forEach, map, filter, reduce, find, some, every, sort

  • map and filter +15 XP
  • reduce, find, some, every +15 XP
11

Objects

Creation, access, methods, nesting, Object.keys/values/entries

  • Object Basics +15 XP
  • Spread, Copying, Comparison +10 XP
12

Destructuring

Destructuring arrays, objects, and function parameters

  • Destructuring +15 XP
13

JSON and Data Handling

JSON.parse, JSON.stringify, working with API data

  • JSON Basics +15 XP
14

Scope and Closures

Lexical scope, block scope, closures, module pattern

  • Variable Scope +15 XP
15

Promises & Async/Await

Callback, Promise, then/catch, async/await, Promise.all

  • Callbacks and Promises +10 XP
  • Async/Await +10 XP
  • Practice: Async +15 XP
16

Classes and OOP

class, constructor, inheritance, static, private, getters/setters

  • Classes: Basics +10 XP
  • Inheritance and Static +10 XP
  • Practice: Classes +15 XP
17

Error Handling

try/catch/finally, throw, error types, custom errors

  • try / catch / finally +10 XP
18

DOM: Selection and Modification

querySelector, textContent, innerHTML, classList, style, attributes, creating elements

  • Selecting Elements +10 XP
  • Modifying Elements +10 XP
  • Practice: DOM +15 XP
19

DOM: Events

addEventListener, click, input, submit, event object, delegation, bubbling

  • Events: Basics +10 XP
  • Bubbling and Delegation +10 XP
20

DOM: Forms and Validation

input, select, checkbox, radio, FormData, custom validation

  • Working with Forms +10 XP
  • Form Validation +15 XP
21

Fetch API

fetch, GET/POST, JSON, headers, error handling, REST API

  • fetch() — Server Requests +10 XP
22

Web Storage

localStorage, sessionStorage, JSON in storage, cookies, patterns

  • localStorage and sessionStorage +10 XP
23

ES6+ Features

Set, Map, Symbol, iterators, generators, optional chaining, nullish coalescing

  • Set and Map +10 XP
  • Modern Syntax +10 XP
24

Modules

import/export, named/default, dynamic import, npm

  • ES Modules +10 XP
25

Regular Expressions

RegExp, patterns, flags, match, replace, test, capture groups

  • RegExp Basics +10 XP
26

Date and Intl

Date, formatting, timezones, Intl API

  • Working with Dates +10 XP
27

Patterns and Best Practices

Debounce/throttle, currying, memoization, event emitter, pure functions

  • Common Patterns +10 XP
28

Project: Todo App

Full Todo app: add, delete, toggle, filter, localStorage

  • Todo App Architecture +10 XP
  • Building Todo App +15 XP
29

Project: Weather Widget

Fetch + DOM: loading weather data, displaying temperature, icons, city search

  • Building a Weather Widget +15 XP
30

Final Project: Quiz App

Interactive quiz app: questions, answer choices, score, timer, results

  • Quiz App Architecture +10 XP
  • Building Quiz App +15 XP

Voraussetzungen

Keine Vorkenntnisse erforderlich — wir beginnen bei null

Kurs-FAQ

Brauche ich Programmiererfahrung?
Nein! Dieser Kurs ist für absolute Anfänger. Wir beginnen mit den Grundlagen und steigern schrittweise die Komplexität.
Wie funktionieren die Lektionen?
Jede Lektion enthält Theorie mit Beispielen und interaktive Aufgaben. Du schreibst Code direkt im Browser und unser Compiler überprüft das Ergebnis.
Wie lange dauert der Kurs?
Im Durchschnitt kann man den Kurs in wenigen Tagen bei 1-2 Stunden pro Tag abschließen. Aber es gibt keinen Zeitdruck — lerne in deinem Tempo.
Bekomme ich ein Zertifikat?
Ja! Nach Abschluss aller Lektionen und Aufgaben erhältst du ein elektronisches Zertifikat mit einer einzigartigen ID.

Bereit zu starten?

Registriere dich kostenlos und fange jetzt an zu programmieren. Erstes Ergebnis in 5 Minuten.

Jetzt lernen