Meta tags:
description= Was JavaScript ist, wo es läuft (Browser und Node.js), was es kann und warum es sich lohnt, es zu lernen — eine anfängerfreundliche Einführung mit Beispielen.;
Headings (most frequently used words):
javascript, was, willkommen, bei, ist, kann, wo, ausgeführt, wird, warum, lernen, nächste, schritte, übungen, im, browser, auf, einem, server, mit, node, js,
Text of the page (most frequently used words):
und (69), #javascript (60), die (28), lernen (24), ist (20), dom (20), api (19), der (17), sie (17), browser (16), was (15), eine (15), mit (14), code (13), das (12), von (11), auf (11), für (10), html (10), node (10), seite (10), tools (9), web (9), ein (9), wird (8), kann (8), methoden (8), w3docs (6), über (6), server (6), document (6), ohne (6), the (6), sprache (5), übungen (5), ausgeführt (5), schreiben (5), oder (5), wie (5), funktionen (5), den (5), als (5), script (5), einführung (5), string (5), events (5), formatter (5), color (5), alle (4), json (4), generator (4), java (4), css (4), warum (4), this (4), war (4), sind (4), apps (4), bei (4), man (4), daten (4), läuft (4), können (4), console (4), kopieren (4), einer (4), shadow (4), fetch (4), async (4), encoder (3), editor (3), quizze (3), php (3), nächste (3), page (3), verwenden (3), ermöglicht (3), wurde (3), entwickelt (3), welche (3), variablen (3), macht (3), viele (3), zur (3), wenn (3), nicht (3), nutzer (3), umgebungen (3), des (3), file (3), engine (3), hier (3), webseiten (3), hello (3), objects (3), arrays (3), ereignisse (3), laden (3), object (3), typ (3), klassen (3), es6 (3), sich (3), animationen (3), flag (3), data (3), objekte (3), event (3), and (3), eigenschaften (3), promise (3), function (3), objekt (3), operatoren (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), uns (2), beautifier (2), diff (2), password (2), python (2), git (2), bücher (2), tutorials (2), snippets (2), schritte (2), prüfen (2), ecmascript (2), version (2), häufigsten (2), programmiersprache (2), verwandt (2), 1995 (2), brendan (2), eich (2), high (2), level (2), dynamische (2), verwendet (2), ursprünglich (2), folgenden (2), aussagen (2), wahr (2), website (2), weiter (2), kommentare (2), denen (2), datentypen (2), sofort (2), sehen (2), hat (2), react (2), native (2), fast (2), überall (2), entwicklung (2), jede (2), während (2), beiden (2), identisch (2), window (2), alles (2), apis (2), browsers (2), einem (2), anfragen (2), webseite (2), dem (2), klicken (2), direkt (2), runs (2), log (2), load (2), eingebaute (2), interaktiv (2), tag (2), zwei (2), queryselector (2), servern (2), scrollen (2), reagieren (2), inhalt (2), neue (2), dynamisch (2), from (2), language (2), namens (2), name (2), sprachen (2), kompiliert (2), laufzeit (2), werden (2), ausgabe (2), fortschritt (2), template (2), module (2), schaltflächen (2), lohnt (2), ende (2), bis (2), backend (2), willkommen (2), workers (2), suche (2), muster (2), quantoren (2), anker (2), flags (2), components (2), url (2), microtasks (2), formulare (2), benutzerdefinierte (2), styles (2), generatoren (2), advanced (2), await (2), fehlerbehandlung (2), promises (2), chaining (2), error (2), erweitern (2), handling (2), class (2), prototypes (2), interaktive (2), elemente (2), property (2), arrow (2), new (2), syntax (2), functions (2), hash (2), 2026, rechte, vorbehalten, entwickler, gemacht, datenschutzrichtlinie, kontakt, unternehmen, probier, üben, kostenlose, beispiele, seit, 2014, next, yes, helpful, umfangreiche, benutzeroberflächen, weniger, serverinteraktion, zwischen, 2000, 2010, unterstützte, eng, leichtgewichtige, interpretierte, hauptsächlich, serverseitiges, scripting, hieß, livescript, übung, erstellen, einfach, programmieren, möchten, großartiger, ausgangspunkt, seinen, anmerkungen, versieht, wiederverwendbaren, gruppiert, arten, werten, arbeitet, speichert, benennt, jetzt, wissen, beste, weg, damit, anzufangen, etwas, empfehlenswerte, kapitel, ihren, aktion, angenehm, gibt, schnelles, feedback, stellenangebote, verlangen, kenntnisse, gefragt, stehen, bibliotheken, hilfsangebote, verfügung, weiterkommt, große, community, hinaus, mobile, desktop, electron, eingesetzt, erlernen, nutzung, beliebter, größerer, anwendungen, vue, angular, öffnet, türen, frameworks, weshalb, grundlegende, fähigkeit, webentwicklung, wesentliche, unterschied, zugreifen, system, dateien, netzwerkserver, zugreift, aber, keine, kernsprache, kommt, größten, software, registry, welt, sodass, fertige, einbinden, anstatt, selbst, npm, riesiges, paket, ökosystem, verarbeitet, gleichzeitige, verbindungen, effizient, echtzeit, chat, geeignet, gut, intensive, aufgaben, sowohl, teil, auch, serverlogik, derselben, vereinfacht, front, back, außerhalb, auszuführen, ihrem, laptop, build, computer, antwortet, indem, beispielsweise, zurücksendet, ausprobieren, öffnen, entwicklertools, ihres, drücken, mac, registerkarte, geben, cmd, option, strg, umschalt, f12, write, inline, app, src, external, jeder, moderne, chrome, firefox, safari, edge, verfügt, begann, binden, benötigt, laufen, textcontent, replace, text, first, dieses, beispiel, ändert, hauptüberschrift, bietet, integrierte, unterstützung, datumsangaben, mathematik, textverarbeitung, speichern, verarbeiten, hintergrund, abrufen, einen, benutzernamen, tippt, einzufrieren, asynchron, kommunizieren, führt, reaktion, klicks, tastendrücke, formularabsendungen, vieles, mehr, aus, ändern, dies, geschieht, live, darstellung, model, aktualisieren, output, const, kleines, programm, nachricht, ausgibt, dieser, konsole, trotz, marketingentscheidung, völlig, verschieden, separaten, kompilierschritt, chromes, ihn, interpretiert, jit, variable, jeden, aufnehmen, geprüft, vorher, typisiert, verwalten, weder, speicher, noch, hardware, einige, begriffe, beschreiben, häufig, begegnen, unter, spezifikation, standardisiert, jährliche, fügt, hinzu, 2015, allgemein, bezeichnet, großer, literals, einführte, menschen, modernem, sprechen, meinen, regel, spätere, versionen, pfeilfunktionen, netscape, dazu, gedacht, benutzeraktionen, lassen, ausfüllen, formularen, anzeigen, inhalten, neu, diese, erklärt, welchen, verstehen, rolle, spielt, nächstes, sollten, oft, abgekürzt, webs, machen, heute, treibt, hin, vollständigen, gebaut, wenigen, vom, frontend, zum, einsetzen, lässt, wesentlicher, grund, ihre, enorme, beliebtheit, anfängerfreundliche, beispielen, intl, vibration, notifications, audio, webrtc, geolocation, websockets, service, midi, storage, validation, fullscreen, history, screen, orientation, push, webgl, battery, animations, regexp, sticky, position, katastrophales, backtracking, lookahead, lookbehind, alternation, rückwärtsreferenzen, erfassungsgruppen, gierige, faule, sets, ranges, escaping, sonderzeichen, wortgrenze, mehrzeiliger, modus, anfang, unicode, klasse, zeichenklassen, regex, regular, expressions, styling, slots, komposition, element, custom, elements, animation, indexeddb, localstorage, sessionstorage, cookies, cookie, storing, wiederaufnehmbarer, dateiupload, sent, xmlhttprequest, ursprungsübergreifende, abbruch, download, formdata, network, requests, canvas, references, loop, macrotasks, selection, range, resizeobserver, intersectionobserver, mutation, observer, various, ressourcen, onload, onerror, scripts, defer, domcontentloaded, beforeunload, unload, resource, loading, ereignis, methode, submit, clipboard, change, input, cut, copy, paste, fokussierung, focus, blur, formulareigenschaften, forms, controls, scrolling, tastatur, keydown, keyup, drag, drop, mausbewegungen, mausereignisse, grundlagen, auslösen, standard, browseraktionen, delegation, bubbling, capturing, introduction, koordinaten, fenstergrößen, dokument, verändern, attribute, knoteneigenschaften, getelement, browserumgebung, spezifikationen, streams, filereader, blob, textdecoder, textencoder, arraybuffer, binäre, binary, files, fensterübergreifende, kommunikation, popups, frames, windows, polyfills, transpiler, bigint, currying, eval, proxy, reflect, miscellaneous, imports, export, import, modules, iteratoren, generators, iteration, promisification, callbacks, fehler, try, catch, mixins, checking, instanceof, private, geschützte, statische, klassenvererbung, grundsyntax, classes, prototyp, __proto__, prototypale, vererbung, inheritance, widgets, performance, optimierung, debugging, barrierefreiheit, kompatibilität, manipulationsbibliotheken, fortgeschrittene, techniken, manipulationstechniken, traversieren, arbeiten, manipulieren, auswählen, knoten, getter, setter, deskriptoren, properties, configuration, closures, vertieft, binding, debounce, throttle, dekoratoren, weiterleitung, call, apply, settimeout, setinterval, nfe, globales, alte, var, scope, rest, parameter, spread, rekursion, stack, tojson, datum, uhrzeit, destructuring, assignment, keys, values, entries, weakmap, weakset, map, set, iterables, array, strings, math, zahlen, primitiven, types, optional, konstruktor, operator, primitiv, konvertierung, symbol, typen, garbage, collection, objektmethoden, basics, funktionsausdrücke, schleifen, switch, bedingte, nullish, coalescing, logische, vergleichsoperatoren, typkonvertierungen, use, strict, basic, anmelden, durchsuchen, formatters, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, kurse,
Text of the page (random words):
willkommen bei javascript w3docs w3docs bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen kurse quizze übungen snippets tools general tools html editor password generator html encoder code diff json beautifier alle 13 color tools color picker color converter color mixer color hex colors hsl alle 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder alle 19 code formatters javascript formatter css formatter html formatter json formatter php formatter w3docs durchsuchen k de english en deutsch de русский ru français fr español es português pt italiano it anmelden javascript lernen javascript basic einführung javascript verwenden js kommentare js mit dom js use strict js variablen js datentypen js typkonvertierungen js interaktive funktionen js operatoren js vergleichsoperatoren js logische operatoren js nullish coalescing js bedingte operatoren js switch js schleifen js funktionen js funktionsausdrücke js arrow functions js es6 objects the basics js objects js objekte kopieren js objektmethoden this js garbage collection js symbol typen js objekt zu primitiv konvertierung js konstruktor operator new js optional chaining data types js methoden von primitiven js zahlen js math js strings js arrays js array methoden js iterables js map und set js weakmap und weakset js object keys values entries js destructuring assignment js datum und uhrzeit js json methoden tojson advanced functions js rekursion und stack js rest parameter und spread syntax js variablen scope js das alte var js globales objekt js function objekt nfe js die new function syntax js settimeout und setinterval js dekoratoren und weiterleitung call apply js debounce throttle js function binding js arrow funktionen vertieft js closures object properties configuration js property flags und deskriptoren js property getter und setter javascript html dom dom einführung die dom knoten dom elemente auswählen den dom manipulieren arbeiten mit styles im dom event handling im dom dom traversieren dom manipulationstechniken formulare im dom verwenden fortgeschrittene dom techniken dom manipulationsbibliotheken dom browser kompatibilität dom barrierefreiheit debugging und tools performance optimierung interaktive elemente und widgets prototypes inheritance js prototypale vererbung js native prototypes js prototyp methoden objekte ohne __proto__ classes js class grundsyntax js klassenvererbung statische eigenschaften und methoden private und geschützte eigenschaften in js js eingebaute klassen erweitern js class checking instanceof js mixins error handling js fehlerbehandlung try catch js benutzerdefinierte fehler error erweitern promises async await js einführung callbacks js promise js promise chaining js fehlerbehandlung mit promises promise api promisification microtasks async await generators advanced iteration generatoren async iteratoren und generatoren modules module export und import dynamische imports miscellaneous proxy und reflect eval currying bigint js polyfills transpiler frames and windows popups und window methoden fensterübergreifende kommunikation binary data files arraybuffer binäre arrays textdecoder und textencoder blob file und filereader js streams api document browserumgebung spezifikationen suche getelement queryselector knoteneigenschaften typ tag und inhalt attribute und eigenschaften das dokument verändern styles und klassen fenstergrößen und scrollen koordinaten introduction to events javascript einführung in browser ereignisse bubbling und capturing event delegation standard browseraktionen benutzerdefinierte ereignisse auslösen ui events mausereignisse grundlagen mausbewegungen drag and drop tastatur keydown und keyup scrolling forms controls formulareigenschaften und methoden fokussierung focus blur events change input cut copy paste js clipboard api formulare ereignis und methode submit document and resource loading page domcontentloaded load beforeunload unload scripts async defer ressourcen laden onload und onerror various mutation observer js intersectionobserver js resizeobserver selection und range event loop microtasks und macrotasks javascript references canvas network requests fetch api formdata fetch download fortschritt fetch abbruch fetch ursprungsübergreifende anfragen url objekte xmlhttprequest js server sent events wiederaufnehmbarer dateiupload storing data in the browser cookies document cookie localstorage sessionstorage indexeddb animation css animationen javascript animationen web components web components custom elements shadow dom template element shadow dom slots komposition shadow dom styling shadow dom und events regular expressions js regex muster und flags zeichenklassen unicode flag u und klasse p anker string anfang und ende mehrzeiliger modus der anker flag m wortgrenze b escaping sonderzeichen sets und ranges quantoren und n gierige und faule quantoren erfassungsgruppen rückwärtsreferenzen im muster n und k name javascript alternation or lookahead und lookbehind katastrophales backtracking sticky flag y suche an position methoden von regexp und string javascript apis web animations api file api battery api webgl push api screen orientation api history api console api fullscreen api validation api web storage api web midi api js web workers service workers websockets geolocation webrtc web audio api notifications api die vibration api js intl api willkommen bei javascript was javascript ist wo es läuft browser und node js was es kann und warum es sich lohnt es zu lernen eine anfängerfreundliche einführung mit beispielen javascript oft abgekürzt als js ist die programmiersprache des webs ursprünglich wurde es entwickelt um webseiten interaktiv zu machen und heute treibt es alles an von schaltflächen und animationen im browser bis hin zu vollständigen backend servern die mit node js gebaut werden es ist eine der wenigen sprachen die sich vom frontend bis zum backend einsetzen lässt was ein wesentlicher grund für ihre enorme beliebtheit ist diese seite erklärt was javascript ist in welchen zwei umgebungen es ausgeführt wird browser und server was es kann und warum es sich lohnt es zu lernen am ende verstehen sie welche rolle javascript spielt und was sie als nächstes lernen sollten was ist javascript javascript wurde 1995 von brendan eich bei netscape entwickelt es war dazu gedacht webseiten auf benutzeraktionen reagieren zu lassen das klicken auf schaltflächen das ausfüllen von formularen oder das anzeigen von inhalten ohne die seite neu zu laden die sprache ist unter einer spezifikation namens ecmascript standardisiert jede jährliche ausgabe fügt neue funktionen hinzu die ausgabe von 2015 allgemein als es6 bezeichnet war ein großer fortschritt der pfeilfunktionen template literals klassen und module einführte wenn menschen von modernem javascript sprechen meinen sie in der regel es6 und spätere versionen einige begriffe die javascript beschreiben und denen sie häufig begegnen werden high level sie verwalten weder speicher noch hardware direkt dynamisch typisiert eine variable kann jeden typ aufnehmen und der typ wird zur laufzeit geprüft nicht vorher interpretiert jit kompiliert code wird ohne separaten kompilierschritt ausgeführt die engine z b chromes v8 kompiliert ihn zur laufzeit trotz des namens ist javascript nicht mit java verwandt der name war eine marketingentscheidung die beiden sprachen sind völlig verschieden hier ist ein kleines programm das eine nachricht ausgibt dieser code läuft identisch in einer browser konsole und in node js const language javascript console log hello from language output hello from javascript kopieren was kann javascript die seite dynamisch aktualisieren javascript kann den inhalt einer webseite ändern ohne eine neue seite zu laden dies geschieht über das dom document object model die live darstellung der seite im browser auf ereignisse reagieren es führt code als reaktion auf klicks tastendrücke scrollen formularabsendungen und vieles mehr aus asynchron mit servern kommunizieren es kann daten im hintergrund abrufen z b einen benutzernamen prüfen während der nutzer weiter tippt ohne die seite einzufrieren daten speichern und verarbeiten es bietet integrierte unterstützung für arrays objects datumsangaben mathematik und textverarbeitung dieses beispiel ändert die hauptüberschrift einer seite wenn es im browser ausgeführt wird runs in the browser replace the text of the first h1 document queryselector h1 textcontent hello javascript kopieren wo javascript ausgeführt wird javascript benötigt eine engine um zu laufen die zwei häufigsten umgebungen sind der browser und node js im browser jeder moderne browser chrome firefox safari edge verfügt über eine eingebaute javascript engine hier begann javascript und hier macht es webseiten interaktiv sie binden javascript mit dem script tag in eine html seite ein load an external file script src app js script or write code inline script console log this runs in the browser script kopieren sie können javascript sofort ausprobieren ohne html zu schreiben öffnen sie die entwicklertools ihres browsers drücken sie f12 oder strg umschalt i cmd option i auf dem mac klicken sie auf die registerkarte console und geben sie code direkt ein auf einem server mit node js node js ermöglicht es javascript außerhalb des browsers auszuführen auf einem server ihrem laptop oder in build tools ein server ist ein computer der auf anfragen antwortet indem er beispielsweise eine webseite oder daten zurücksendet eine sprache front und back sie können sowohl den teil den nutzer sehen als auch die serverlogik in derselben sprache schreiben was die entwicklung vereinfacht gut für i o intensive aufgaben node js verarbeitet viele gleichzeitige verbindungen effizient was es für apis und echtzeit apps wie chat geeignet macht ein riesiges paket ökosystem node js kommt mit npm der größten software registry der welt sodass sie fertige tools einbinden können anstatt alles selbst zu schreiben der wesentliche unterschied code im browser kann auf die seite und den nutzer zugreifen document window während node js code auf das system dateien netzwerkserver zugreift aber keine seite hat die kernsprache ist in beiden umgebungen identisch warum javascript lernen es ist überall fast jede website verwendet javascript weshalb es eine grundlegende fähigkeit für die webentwicklung ist es öffnet türen zu frameworks das erlernen von javascript ermöglicht die nutzung beliebter tools wie react angular vue js und node js für die entwicklung größerer anwendungen es läuft fast überall über das web hinaus wird javascript für mobile apps react native und desktop apps electron eingesetzt es hat eine große community es stehen viele tutorials bibliotheken und hilfsangebote zur verfügung wenn man nicht weiterkommt es ist gefragt viele stellenangebote verlangen javascript kenntnisse es gibt schnelles feedback sie können ihren code sofort im browser in aktion sehen was das lernen angenehm macht nächste schritte jetzt da sie wissen was javascript ist und wo es läuft ist der beste weg es zu lernen damit anzufangen etwas zu schreiben empfehlenswerte nächste kapitel javascript variablen wie man daten speichert und benennt javascript datentypen die arten von werten mit denen javascript arbeitet javascript funktionen wie man wiederverwendbaren code gruppiert javascript kommentare wie man seinen code mit anmerkungen versieht ob sie eine website erstellen server apps schreiben oder einfach programmieren lernen möchten javascript ist ein großartiger ausgangspunkt lernen sie weiter mit uns bei w3docs übungen übung welche der folgenden aussagen über javascript sind wahr welche der folgenden aussagen über javascript sind wahr javascript hieß ursprünglich livescript javascript wird hauptsächlich für serverseitiges scripting verwendet javascript ist eine high level dynamische leichtgewichtige interpretierte sprache javascript wurde 1995 von brendan eich entwickelt javascript ist eng mit der programmiersprache java verwandt ecmascript version 3 war zwischen 2000 und 2010 die am häufigsten unterstützte version javascript ermöglicht umfangreiche benutzeroberflächen und weniger serverinteraktion prüfen was this page helpful yes no next javascript verwenden on this page was ist javascript was kann javascript wo javascript ausgeführt wird warum javascript lernen nächste schritte übungen w3docs kostenlose tutorials beispiele übungen snippets und quizze für das web seit 2014 bücher html lernen css lernen javascript lernen git lernen java lernen php lernen python lernen üben übungen quizze probier editor tools html editor password generator html encoder code diff json beautifier unternehmen über uns kontakt datenschutzrichtlinie sprache english deutsch русский français español português italiano 2026 w3docs alle rechte vorbehalten für entwickler gemacht
|
