MTA 98-382 Introduction to Programming Using JavaScript with Labs (Legacy)

Wichtiger Hinweis: Das Microsoft Technology Associate (MTA)-Programm — inkl. 98-382 — wurde 2022 eingestellt. Inhalte sind aber zeitlose JavaScript-Grundlagen, gut für Einsteiger. Modernere Alternative: freeCodeCamp, Udemy/Coursera-Kurse, oder strukturierte JavaScript-Bootcamps. Block JavaScript-Grundlagen: was ist JavaScript (interpretierte Sprache, läuft im Browser via V8/SpiderMonkey/JavaScriptCore und Server-Side via Node.js), Geschichte (Brendan Eich, 1995, 10 Tage Design), ECMAScript-Standard und JS-Versionen (ES5, ES6/ES2015, ES2020+), wo JS läuft (Browser, Node.js, Deno, React Native, Electron, Cloudflare Workers). Block Variablen und Datentypen: var (Function-scoped, deprecated für neue Code), let (Block-scoped), const (Block-scoped, nicht-reassignable — aber Objects/Arrays bleiben mutable), primitives (Number, String, Boolean, null, undefined, Symbol, BigInt), reference types (Object, Array, Function), Type Coercion (== vs. === — IMMER === nutzen!), typeof-Operator. Block Operatoren: arithmetische (+, -, *, /, %, **), vergleichende (===, !==, <, >, <=, >=), logische (&&, ||, !, ?? — Nullish Coalescing), ternärer (a ? b : c), Spread (...array), Destructuring ({a, b} = obj). Block Kontrollstrukturen: if/else if/else, switch/case mit break, while-Schleife, do-while, for-Schleife, for...of (für Iterables wie Arrays), for...in (für Object-Keys), break/continue. Block Funktionen: Function Declaration (function name() {}), Function Expression (const name = function() {}), Arrow Functions (const name = () => {}), Parameters (default, rest mit ...args), Return Values, Higher-Order Functions (Funktionen, die Funktionen als Parameter nehmen oder zurückgeben), Closures. Block Objekte: Object Literals ({key: value}), Property Access (dot vs. bracket notation), Object Methods, this-Keyword (kontext-abhängig — kann verwirrend sein), Object.keys/values/entries, Spread für Object-Cloning ({...obj}). Block Arrays: Array Literals ([1, 2, 3]), Common Methods (push/pop/shift/unshift, slice/splice, concat, join), Iteration mit forEach, Functional Methods (map, filter, reduce, find, some, every), Array Destructuring. Block Events: addEventListener für DOM-Events (click, submit, change, keydown), Event-Objekt (event.target, event.preventDefault, event.stopPropagation), Event Delegation (Listener auf Parent statt vielen Children). Block Fehlerbehandlung: try/catch/finally, throw für custom Errors, Error-Objekt mit message und stack, Promise-Errors mit .catch oder try/catch in async/await. Block DOM-Manipulation: document.getElementById, querySelector, querySelectorAll, Element-Eigenschaften (textContent, innerHTML — Vorsicht XSS!, classList.add/remove/toggle, style), createElement, appendChild, removeChild. Block JavaScript-Bibliotheken: jQuery (Legacy, aber noch in vielen Bestand-Codebases), moderne Alternativen (Vanilla JS reicht oft, oder kleine Helper wie Lodash, Date-fns).