Oftmals müssen wir unseren TypeScript-Code gar nicht manuell in ein JavaScript-File umwandeln, da die meisten modernen JavaScript-Runtimes wie Node, Bun und Deno TypeScript unterstützen und das automatisch für uns machen.
bun script.ts
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Lerndokumentation","colors":{"primary":"#009689","light":"#00BBA7","dark":"#009689"},"favicon":{"light":"https://mintcdn.com/levexis-38849a2b/Dl8Ug2Oz__n4NGvK/images/favicon.svg?fit=max\u0026auto=format\u0026n=Dl8Ug2Oz__n4NGvK\u0026q=85\u0026s=3dbec411ba81d95eecad2211eba220aa","dark":"https://mintcdn.com/levexis-38849a2b/Dl8Ug2Oz__n4NGvK/images/favicon.svg?fit=max\u0026auto=format\u0026n=Dl8Ug2Oz__n4NGvK\u0026q=85\u0026s=3dbec411ba81d95eecad2211eba220aa"},"background":{"decoration":"gradient"},"navbar":{"links":[]},"footer":{"socials":{"x":"https://x.com/levinbaenninger","github":"https://github.com/levinbaenninger","linkedin":"https://linkedin.com/levinbaenninger","website":"https://levin.baenninger.me"}},"icons":{"library":"fontawesome"},"styling":{"latex":true},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"navigation":{"directory":"card","pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"levexis-38849a2b","hasAudioNarration":false,"actualSubdomain":"levexis-38849a2b","customDomains":["docs.baenninger.me"],"gitSource":{"type":"github","owner":"levinbaenninger","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"collectionId":"48bfa8fc-eb4e-4ac7-888e-2bd5f745ba78","liveDeploymentHistoryId":"6a32df1043f65b528263cee6","schemaVersion":"v3"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6a32df1043f65b528263cee6:success","clientVersion":"0.0.3883","searchFilterCounts":[{"language":"default","tag":"Web","count":124},{"language":"default","tag":".NET","count":49},{"language":"default","tag":"JavaScript","count":47},{"language":"default","tag":"Datenbanken","count":39},{"language":"default","tag":"C\\#","count":32},{"language":"default","tag":"Security","count":28},{"language":"default","tag":"SQL","count":25},{"language":"default","tag":"TypeScript","count":25},{"language":"default","tag":"Prozesse","count":21},{"language":"default","tag":"React","count":17}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":true,"enableContextualStarterQuestions":true,"enableAskAiSearchBar":true,"deflection":{"enabled":true,"email":"levin@baenninger.me","showHelpButton":true}},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2-autocommit","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"teamspace","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-snapshot-docs-config","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"web/compiler-und-runtimes","slug":"/web/compiler-und-runtimes","pageMetadata":{"title":"Compiler und Runtimes","icon":"microchip","description":null,"href":"/web/compiler-und-runtimes"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,pre:`pre`,span:`span`,..._provideComponents(),...props.components},{CodeBlock,Heading}=_components;if(!CodeBlock)_missingMdxReference(`CodeBlock`,true);if(!Heading)_missingMdxReference(`Heading`,true);return _jsxs(_Fragment,{children:[_jsxs(_components.p,{children:[`Unser Browser versteht nur JavaScript. Deshalb müssen wir unseren TypeScript-Code in JavaScript-Code umwandeln. Das machen wir mit dem `,_jsx(_components.code,{children:`tsc`}),`-Compiler.`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`npm`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` install`}),_jsx(_components.span,{style:{color:`#0550AE`,\"--shiki-dark\":`#569CD6`},children:` -g`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` typescript`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Nun können wir den `,_jsx(_components.code,{children:`tsc`}),`-Befehl nutzen. Um jetzt unseren TypeScript-Code in JavaScript-Code umzuwandeln, nutzen wir folgenden Befehl:`]}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`tsc`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` script.ts`})]}),`\n`]})})}),`\n`,_jsxs(_components.p,{children:[`Dieser Befehl erstellt uns dann ein neues `,_jsx(_components.code,{children:`script.js`}),`-File.`]}),`\n`,_jsx(Heading,{level:`2`,id:`runtimes`,children:`Runtimes`}),`\n`,_jsx(_components.p,{children:`Oftmals müssen wir unseren TypeScript-Code gar nicht manuell in ein JavaScript-File umwandeln, da die meisten modernen JavaScript-Runtimes wie Node, Bun und Deno TypeScript unterstützen und das automatisch für uns machen.`}),`\n`,_jsx(CodeBlock,{filename:``,numberOfLines:`1`,language:`shellscript`,children:_jsx(_components.pre,{className:`shiki shiki-themes github-light-default dark-plus`,style:{backgroundColor:`#ffffff`,\"--shiki-dark-bg\":`#0B0C0E`,color:`#1f2328`,\"--shiki-dark\":`#D4D4D4`},language:`shellscript`,children:_jsxs(_components.code,{language:`shellscript`,numberOfLines:`1`,children:[_jsxs(_components.span,{className:`line`,children:[_jsx(_components.span,{style:{color:`#953800`,\"--shiki-dark\":`#DCDCAA`},children:`bun`}),_jsx(_components.span,{style:{color:`#0A3069`,\"--shiki-dark\":`#CE9178`},children:` script.ts`})]}),`\n`]})})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Compiler und Runtimes","icon":"microchip","description":null,"href":"/web/compiler-und-runtimes"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Runtimes","slug":"runtimes","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"levexis-38849a2b","siteName":"Lerndokumentation","title":"Compiler und Runtimes - Lerndokumentation","contextualStarterQuestions":[{"_id":"6a32df56689789964bfcfb61","deploymentId":"6a282b36869562311e8a609d","questionText":"What is the tsc compiler?","status":"active","generatedBy":"contextual","path":"web/compiler-und-runtimes","createdAt":"2026-06-17T17:54:30.163Z","updatedAt":"2026-06-17T17:54:30.163Z","__v":0},{"_id":"6a32df56689789964bfcfb60","deploymentId":"6a282b36869562311e8a609d","questionText":"How do I install TypeScript?","status":"active","generatedBy":"contextual","path":"web/compiler-und-runtimes","createdAt":"2026-06-17T17:54:30.163Z","updatedAt":"2026-06-17T17:54:30.163Z","__v":0},{"_id":"6a32df56689789964bfcfb62","deploymentId":"6a282b36869562311e8a609d","questionText":"Can runtimes run TypeScript files?","status":"active","generatedBy":"contextual","path":"web/compiler-und-runtimes","createdAt":"2026-06-17T17:54:30.163Z","updatedAt":"2026-06-17T17:54:30.163Z","__v":0}],"navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-06-17T17:53:43.613Z","originalFileLocation":"web/compiler-und-runtimes.mdx"},"headHtml":"\u003cmeta data-mint-head name=\"application-name\" content=\"Lerndokumentation\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Compiler und Runtimes - Lerndokumentation\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Lerndokumentation\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.baenninger.me/web/compiler-und-runtimes\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Compiler und Runtimes - Lerndokumentation\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/levexis-38849a2b/1O9KTqd-AXqEw_yT/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Lerndokumentation\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#009689\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.baenninger.me/web/compiler-und-runtimes\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/web/compiler-und-runtimes.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.baenninger.me/#organization\",\"name\":\"Lerndokumentation\",\"url\":\"https://docs.baenninger.me\"},{\"@type\":\"WebSite\",\"@id\":\"https://docs.baenninger.me#website\",\"name\":\"Lerndokumentation\",\"url\":\"https://docs.baenninger.me\",\"publisher\":{\"@id\":\"https://docs.baenninger.me/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.baenninger.me/web/compiler-und-runtimes#webpage\",\"url\":\"https://docs.baenninger.me/web/compiler-und-runtimes\",\"name\":\"Compiler und Runtimes\",\"dateModified\":\"2026-06-17T17:53:43.613Z\",\"isPartOf\":{\"@id\":\"https://docs.baenninger.me#website\"},\"breadcrumb\":{\"@id\":\"https://docs.baenninger.me/web/compiler-und-runtimes#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.baenninger.me/web/compiler-und-runtimes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"TypeScript\",\"item\":\"https://docs.baenninger.me/web/was-ist-typescript\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compiler und Runtimes\",\"item\":\"https://docs.baenninger.me/web/compiler-und-runtimes\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.baenninger.me/web/compiler-und-runtimes#article\",\"headline\":\"Compiler und Runtimes\",\"name\":\"Compiler und Runtimes\",\"url\":\"https://docs.baenninger.me/web/compiler-und-runtimes\",\"mainEntityOfPage\":{\"@id\":\"https://docs.baenninger.me/web/compiler-und-runtimes#webpage\"},\"dateModified\":\"2026-06-17T17:53:43.613Z\",\"publisher\":{\"@id\":\"https://docs.baenninger.me/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.baenninger.me#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Lerndokumentation\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Lerndokumentation","nav":{"global":null,"directory":"card","tabs":[{"tab":"Start","icon":"house","pages":[{"title":"Start","href":""}]},{"tab":"Web","icon":"globe","groups":[{"group":"HTML","icon":"html5","pages":[{"title":"Was ist HTML?","icon":"html5","iconType":"brands","href":"/web/html/was-ist-html"},{"title":"Elemente","icon":"shapes","href":"/web/html/elemente"},{"title":"Attribute","icon":"tags","href":"/web/html/attribute"},{"title":"Boilerplate","icon":"file-code","href":"/web/html/boilerplate"},{"title":"Textelemente","icon":"paragraph","href":"/web/textelemente"},{"title":"Links","icon":"link","href":"/web/links"},{"title":"Dokumentenstruktur","icon":"folder-tree","href":"/web/dokumentenstruktur"},{"title":"Medien","icon":"photo-film","href":"/web/medien"},{"title":"Tabellen","icon":"table","href":"/web/tabellen"},{"title":"Formulare","icon":"wpforms","iconType":"brands","href":"/web/formulare"}]},{"group":"CSS","icon":"css3-alt","pages":[{"title":"Was ist CSS?","icon":"css3-alt","iconType":"brands","href":"/web/css/was-ist-css"},{"title":"Syntax","icon":"code","href":"/web/css/syntax"},{"title":"Einheiten","icon":"ruler-combined","href":"/web/einheiten"},{"title":"Selektoren","icon":"arrow-pointer","href":"/web/selektoren"},{"title":"Boxmodell","icon":"box","href":"/web/boxmodell"},{"title":"Hintergründe und Rahmen","icon":"border-top-left","href":"/web/hintergrunde-und-rahmen"},{"title":"Overflow","icon":"box-open","href":"/web/overflow"},{"title":"Bilder","icon":"image","href":"/web/bilder"},{"title":"Formulare","icon":"sliders","href":"/web/formulare-1"},{"title":"Textelemente","icon":"text-height","href":"/web/textelemente-1"},{"group":"Layout","icon":"table-cells-large","pages":[{"title":"Flexbox","icon":"columns","href":"/web/layout/flexbox"},{"title":"Grid","icon":"table-cells","href":"/web/layout/grid"}]},{"title":"Responsive Design","icon":"mobile-screen-button","href":"/web/responsive-design"}]},{"group":"JavaScript","icon":"js","pages":[{"title":"Was ist JavaScript?","icon":"js","iconType":"brands","href":"/web/javascript/was-ist-javascript"},{"title":"Einbindung in HTML","icon":"file-code","href":"/web/javascript/einbindung-in-html"},{"title":"Variablen und Werte","icon":"square-root-variable","href":"/web/javascript/grundlagen/variablen-und-werte"},{"title":"Datentypen","icon":"layer-group","href":"/web/javascript/grundlagen/datentypen"},{"title":"Operatoren und Ausdrücke","icon":"plus-minus","href":"/web/javascript/grundlagen/operatoren-und-ausdrucke"},{"title":"Kontrollstrukturen","icon":"code-branch","href":"/web/javascript/grundlagen/kontrollstrukturen"},{"title":"Schleifen","icon":"rotate-right","href":"/web/javascript/grundlagen/schleifen"},{"group":"Funktionen","icon":"square-root-variable","root":{"title":"Funktionen","icon":"diagram-project","href":"/web/javascript/funktionen/README"},"pages":[{"title":"Funktionsdeklarationen vs. Funktionsausdrücke","icon":"not-equal","href":"/web/javascript/funktionen/funktionsdeklarationen-vs.-funktionsausdrucke"},{"title":"Arrow Functions","icon":"arrow-right","href":"/web/javascript/funktionen/arrow-functions"},{"title":"Standardparameter und Rest-Parameter","icon":"ellipsis","href":"/web/javascript/funktionen/standardparameter-und-rest-parameter"},{"title":"First-Class und Higher-Order-Funktionen","icon":"layer-group","href":"/web/javascript/funktionen/first-class-und-higher-order-funktionen"},{"title":"Closures","icon":"lock","href":"/web/javascript/funktionen/closures"},{"title":"IIFE (Immediately Invoked Function Expressions)","icon":"bolt","href":"/web/javascript/funktionen/iife-immediately-invoked-function-expressions"}]},{"group":"Arrays","icon":"table-list","pages":[{"title":"Erstellen und Modifizieren","icon":"square-plus","href":"/web/javascript/arrays/erstellen-und-modifizieren"},{"title":"Iteration über Arrays","icon":"arrows-spin","href":"/web/javascript/arrays/iteration-uber-arrays"},{"title":"Sortieren","icon":"arrow-down-a-z","href":"/web/javascript/arrays/sortieren"},{"title":"Nützliche Methoden","icon":"screwdriver-wrench","href":"/web/javascript/arrays/nutzliche-methoden"}]},{"group":"Objekte und Datenstrukturen","icon":"cubes","pages":[{"title":"Erstellen und Manipulieren","icon":"pen-to-square","href":"/web/javascript/objekte-und-datenstrukturen/erstellen-und-manipulieren"},{"title":"Destructuring","icon":"arrows-split-up-and-left","href":"/web/javascript/objekte-und-datenstrukturen/destructuring"},{"title":"Sets und Maps","icon":"map","href":"/web/javascript/objekte-und-datenstrukturen/sets-und-maps"}]},{"group":"Strings","icon":"font","pages":[{"title":"Template Literals","icon":"quote-left","href":"/web/javascript/strings/template-literals"},{"title":"Methoden","icon":"screwdriver-wrench","href":"/web/javascript/strings/methoden"}]},{"group":"Moderne JavaScript-Features","icon":"wand-magic-sparkles","pages":[{"title":"Optionale Verkettung","icon":"link","href":"/web/javascript/moderne-javascript-features/optionale-verkettung"},{"title":"Nullish Coalescing Operator","icon":"circle-question","href":"/web/javascript/moderne-javascript-features/nullish-coalescing-operator"},{"title":"Spread und Rest Operator","icon":"arrows-left-right","href":"/web/javascript/moderne-javascript-features/spread-und-rest-operator"},{"title":"Kurzschlussausdrücke","icon":"bolt-lightning","href":"/web/javascript/moderne-javascript-features/kurzschlussausdrucke"}]},{"group":"Scope und Kontext","icon":"layer-group","root":{"title":"Scope und Kontext","icon":"bullseye","href":"/web/javascript/scope-und-kontext/README"},"pages":[{"title":"this Keyword","icon":"bullseye","href":"/web/javascript/scope-und-kontext/this-keyword"},{"title":"Call, Apply und Bind","icon":"phone","href":"/web/javascript/scope-und-kontext/call-apply-und-bind"},{"title":"Hoisting und Temporal Dead Zone (TDZ)","icon":"arrow-up","href":"/web/javascript/scope-und-kontext/hoisting-und-temporal-dead-zone-tdz"}]},{"group":"Objektorientierte Programmierung","icon":"cubes-stacked","root":{"title":"Objektorientierte Programmierung","icon":"cubes","href":"/web/javascript/objektorientierte-programmierung/README"},"pages":[{"title":"Prototypes","icon":"code-merge","href":"/web/javascript/objektorientierte-programmierung/prototypes"},{"title":"Constructor Functions","icon":"hammer","href":"/web/javascript/objektorientierte-programmierung/constructor-functions"},{"title":"ES6 Classes","icon":"chalkboard","href":"/web/javascript/objektorientierte-programmierung/es6-classes"},{"title":"Die create()-Methode","icon":"circle-plus","href":"/web/javascript/objektorientierte-programmierung/die-create-methode"}]},{"group":"Asynchronous JavaScript","icon":"hourglass-half","root":{"title":"Asynchronous JavaScript","icon":"hourglass-half","href":"/web/javascript/asynchronous-javascript/README"},"pages":[{"title":"AJAX","icon":"paper-plane","href":"/web/javascript/asynchronous-javascript/ajax"},{"title":"Promises","icon":"handshake","href":"/web/javascript/asynchronous-javascript/promises"}]},{"group":"Zahlen, Daten, Internationalisierung und Timer","icon":"clock","pages":[{"title":"Mathematische Operationen","icon":"calculator","href":"/web/javascript/zahlen-daten-internationalisierung-und-timer/mathematische-operationen"},{"title":"Datum und Zeit","icon":"calendar-days","href":"/web/javascript/zahlen-daten-internationalisierung-und-timer/datum-und-zeit"},{"title":"Internationalisierung","icon":"language","href":"/web/javascript/zahlen-daten-internationalisierung-und-timer/internationalisierung"},{"title":"Timer","icon":"stopwatch","href":"/web/javascript/zahlen-daten-internationalisierung-und-timer/timer"}]},{"title":"Modules","icon":"box-archive","href":"/web/javascript/modules"},{"group":"JavaScript im Browser (DOM und Events)","icon":"computer-mouse","pages":[{"title":"Das DOM","icon":"network-wired","href":"/web/javascript/javascript-im-browser-dom-und-events/das-dom"},{"title":"Elemente auswählen, erstellen und manipulieren","icon":"arrow-pointer","href":"/web/javascript/javascript-im-browser-dom-und-events/elemente-auswahlen-erstellen-und-manipulieren"},{"title":"Styles, Attribute und Klassen","icon":"paintbrush","href":"/web/javascript/javascript-im-browser-dom-und-events/styles-attribute-und-klassen"},{"title":"Events und Event Listener","icon":"tower-broadcast","href":"/web/javascript/javascript-im-browser-dom-und-events/events-und-event-listener"},{"group":"Event Propagation","icon":"share-nodes","root":{"title":"Event Propagation","icon":"share-nodes","href":"/web/javascript/javascript-im-browser-dom-und-events/event-propagation/README"},"pages":[{"title":"Event Delegation","icon":"people-arrows","href":"/web/javascript/javascript-im-browser-dom-und-events/event-propagation/event-delegation"}]},{"title":"DOM Traversing","icon":"route","href":"/web/javascript/javascript-im-browser-dom-und-events/dom-traversing"}]},{"group":"JavaScript Engine und Performance","icon":"gauge-high","root":{"title":"JavaScript Engine und Performance","icon":"gauge-high","href":"/web/javascript/javascript-engine-und-performance/README"},"pages":[{"title":"Execution Context und Call Stack","icon":"bars-staggered","href":"/web/javascript/javascript-engine-und-performance/execution-context-und-call-stack"}]}]},{"group":"TypeScript","icon":"js","pages":[{"title":"Was ist TypeScript?","icon":"js","iconType":"brands","description":null,"href":"/web/was-ist-typescript"},{"title":"Compiler und Runtimes","icon":"microchip","href":"/web/compiler-und-runtimes"},{"title":"Konfiguration","icon":"file-code","description":null,"href":"/web/konfiguration"},{"group":"Types","icon":"shapes","pages":[{"title":"Primitive Typen und Typableitung","icon":"font","href":"/web/types/primitive-typen-und-typableitung"},{"title":"Arrays und Tupel","icon":"table-list","href":"/web/types/arrays-und-tupel"},{"title":"Objekte","icon":"object-group","href":"/web/types/objekte"},{"title":"Top- und Bottom-Types","icon":"arrow-up-down","href":"/web/types/top-und-bottom-types"},{"title":"Enums","icon":"list-ol","href":"/web/types/enums"},{"group":"Utility Types","icon":"screwdriver-wrench","pages":[{"title":"Records","icon":"table","href":"/web/types/utility-types/records"}]}]},{"group":"Typenkombination","icon":"code-merge","pages":[{"title":"Union Types","icon":"object-ungroup","href":"/web/typenkombination/union-types"},{"title":"Discriminated Unions","icon":"filter","href":"/web/typenkombination/discriminated-unions"},{"title":"Intersections","icon":"object-group","href":"/web/typenkombination/intersections"}]},{"title":"Funktionen","icon":"code","href":"/web/funktionen"},{"group":"Klassen","icon":"cube","pages":[{"title":"Grundlagen","icon":"chalkboard","href":"/web/klassen/grundlagen"},{"title":"Feldinitialisierer","icon":"sliders","href":"/web/klassen/feldinitialisierer"},{"title":"Schreibgeschützte Felder","icon":"lock","href":"/web/klassen/schreibgeschutzte-felder"},{"title":"Implementieren","icon":"check-double","href":"/web/klassen/implementieren"},{"title":"Private und Geschützte Member","icon":"user-lock","href":"/web/klassen/private-und-geschutzte-member"},{"title":"Getter und Setter","icon":"right-left","href":"/web/klassen/getter-und-setter"},{"title":"Statische Member","icon":"copy","href":"/web/klassen/statische-member"},{"title":"Abstrakte Klassen und Member","icon":"ban","href":"/web/klassen/abstrakte-klassen-und-member"}]},{"group":"Modules","icon":"box-archive","pages":[{"title":"Importieren und Exportieren","icon":"right-left","href":"/web/modules/importieren-und-exportieren"},{"title":"Ambient Types","icon":"cloud","href":"/web/modules/ambient-types"},{"title":"Namespaces","icon":"folder-tree","href":"/web/modules/namespaces"},{"title":"Globals","icon":"globe","href":"/web/modules/globals"}]}]},{"group":"React","icon":"react","pages":[{"title":"Was ist React?","icon":"react","iconType":"brands","href":"/web/react/was-ist-react"},{"title":"JSX","icon":"code","href":"/web/react/jsx"},{"group":"Komponenten","icon":"puzzle-piece","root":{"title":"Komponenten","icon":"puzzle-piece","href":"/web/react/komponenten/README"},"pages":[{"title":"Root-Komponente","icon":"tree","href":"/web/react/komponenten/root-komponente"},{"title":"Styling","icon":"paintbrush","href":"/web/react/komponenten/styling"},{"title":"Listen","icon":"list","href":"/web/react/komponenten/listen"},{"title":"Conditional Rendering","icon":"code-branch","href":"/web/react/komponenten/conditional-rendering"},{"title":"Fragments","icon":"puzzle-piece","href":"/web/react/komponenten/fragments"}]},{"group":"Props","icon":"sliders","root":{"title":"Props","icon":"sliders","href":"/web/react/props/README"},"pages":[{"title":"Destructuring","icon":"arrows-split-up-and-left","href":"/web/react/props/destructuring"},{"title":"Children","icon":"children","href":"/web/react/props/children"}]},{"group":"Interaktivität","icon":"hand-pointer","pages":[{"title":"Event Handling","icon":"hand-pointer","href":"/web/react/interaktivitat/event-handling"},{"title":"State","icon":"toggle-on","href":"/web/react/interaktivitat/state"},{"title":"Formulare","icon":"wpforms","iconType":"brands","href":"/web/react/interaktivitat/formulare"}]},{"group":"State Management","icon":"diagram-project","root":{"title":"State Management","icon":"share-nodes","href":"/web/react/state-management/README"},"pages":[{"title":"State anheben","icon":"arrow-up","href":"/web/react/state-management/state-anheben"},{"title":"Derived State","icon":"code-branch","href":"/web/react/state-management/derived-state"}]},{"group":"Komposition und Reusability","icon":"boxes-stacked","pages":[{"title":"Komponentenstrukturierung","icon":"sitemap","href":"/web/react/komposition-und-reusability/komponentenstrukturierung"},{"title":"Prop Drilling","icon":"arrow-down","href":"/web/react/komposition-und-reusability/prop-drilling"},{"title":"Komposition","icon":"boxes-stacked","href":"/web/react/komposition-und-reusability/komposition"}]}]},{"group":"Angular","icon":"angular","pages":[{"title":"Was ist Angular?","icon":"angular","iconType":"brands","href":"/web/angular/was-ist-angular"},{"group":"Erste Schritte","icon":"rocket","pages":[{"title":"Anwendung erstellen","icon":"pen-to-square","href":"/web/angular/erste-schritte/anwendung-erstellen"},{"title":"Anatomie","icon":"diagram-project","href":"/web/angular/erste-schritte/anatomie"},{"title":"CLI","icon":"terminal","href":"/web/angular/erste-schritte/cli"}]},{"group":"Basiskonzepte","icon":"book-open","pages":[{"title":"Struktur","icon":"sitemap","href":"/web/angular/basiskonzepte/struktur"},{"title":"Template-Syntax","icon":"code","href":"/web/angular/basiskonzepte/template-syntax"},{"title":"Decorators","icon":"at","href":"/web/angular/basiskonzepte/decorators"},{"title":"Komponenten","icon":"puzzle-piece","href":"/web/angular/basiskonzepte/komponenten"},{"title":"Signals","icon":"signal","href":"/web/angular/basiskonzepte/signals"},{"title":"Dependency Injection","icon":"syringe","href":"/web/angular/basiskonzepte/dependency-injection"},{"title":"Change Detection","icon":"arrows-rotate","href":"/web/angular/basiskonzepte/change-detection"},{"title":"Routing","icon":"route","href":"/web/angular/basiskonzepte/routing"}]}]}]},{"tab":".NET","icon":"microsoft","pages":[{"title":".NET","href":"/dotnet/c/variablen/strings"}]},{"tab":"C","icon":"cuttlefish","pages":[{"title":"C","href":"/c/input-und-output"}]},{"tab":"Cloud","icon":"cloud","pages":[{"title":"Cloud","href":"/cloud/grundlagen/cloud-computing"}]},{"tab":"Datenbanken","icon":"database","pages":[{"title":"Datenbanken","href":"/databases/grundlagen/sql-vs.-nosql"}]},{"tab":"Containerisierung","icon":"box","pages":[{"title":"Containerisierung","href":"/container/grundlagen/containerisierung"}]},{"tab":"Testing","icon":"vial-virus","pages":[{"title":"Testing","href":"/testing/grundlagen/begriffe"}]},{"tab":"Security","icon":"shield-halved","pages":[{"title":"Security","href":"/security/grundlagen/informationssicherheit"}]},{"tab":"Prozesse","icon":"diagram-project","pages":[{"title":"Prozesse","href":"/processes/agile-entwicklung/was-ist-agile-enwicklung"}]},{"tab":"Diverses","icon":"wand-magic-sparkles","pages":[{"title":"Diverses","href":"/miscellaneous/kunstliche-intelligenz/grundlagen"}]}]},"title":"Compiler und Runtimes - Lerndokumentation","buildId":"dpl_37ZDLJcyt8yhrTVF6LiYvX7LvmXB","deploymentId":"dpl_37ZDLJcyt8yhrTVF6LiYvX7LvmXB","dynamics":[],"chunks":[]}