kohnlehome.de

Spickzettel

Allgemein

• REST
• Python vs. JavaScript

JavaScript

• JavaScript-Grundlagen
• JavaScript-Arrays
• HTML und JavaScript
• DOM
• DOM-Manipulation
• JavaScript-Dialoge
• HTML-Controls
• HTML-Formularelemente und JavaScript
• JavaScript-Events
• Timer mit requestAnimationFrame
• Canvas
• jQuery
• AJAX
• Fetch API
• Kommunikation zwischen Browser und Webserver
• localStorage
• Cache mit Service Worker
• Web App Manifest
• Promise-Beispiel

Node.js

• SQLite mit Node.js
• better-sqlite3 mit Node.js
• Express-Cheatsheet
• WebApp mit Node und Express
• REST-API mit Node und Express
• JSON Server

JavaScript-Frameworks

Svelte 5

• Projekt erstellen
• Grundlagen
• Steuerelemente
• Derived State
• Component

Svelte 4

• Svelte-Grundlagen
• Svelte: Steuerelemente
• Svelte: Computed State
• Svelte: Parent to Child
• Svelte: Child to Parent
• Svelte: Writable
• Bootstrap in Svelte
• Routes mit SvelteKit
• Deploy Svelte-Projekt auf Codeberg-Pages
• Deploy SvelteKit-Projekt auf Codeberg-Pages

Vue.js

• Vue-Grundlagen
• Bootstrap-Modal mit Vue
• Vue-Übersicht
• Vue CLI
• Vue: data, methods, computed, watch
• Vue SFC
• Vue Composition API mit setup
• Vue State Management: Pinia
• Vue-Projekt erstellen
• Deploy Vue-Projekt auf Codeberg-Pages
• PWA mit vite-plugin-pwa

Beispieldateien

JavaScript

• JavaScript im HTML-Code positionieren
• Vor-Zurück-Navigation mit JavaScript
• Doppelwürfel-Verschlüsselung
• Verfall
• Tic Tac Toe
• jQuery-Beispiel
• Farbmischer mit jQuery Mobile
• Rechentrainer
• Sudoku
• 8 Queens
• Stoppuhr

Externe Links

Referenzen

• Mozilla Developer Network

Validatoren

• JSLint (JavaScript Code Quality Tool)

Online-Editoren

• codepen.io
• jsfiddle.net
• liveweave.com

Allgemein

• web code tools

JavaScript

• The Modern JavaScript Tutorial

JavaScript-Frameworks

• Component party (Vergleich von JS-Frameworks)

Aufgabensammlungen

• CodingJS