#JavaScript
30 posts
Wails in Practice #7 The Note Editor for Real — Markdown Preview and List UX
The first post of Part 2. We actually build the front half of the notes app, backend-heavy so far. Covers a preview that renders markdown safely, debounced autosave that fires when typing stops, keeping edits from shuffling the list order, and a list UX you can move through with the keyboard.
Building Desktop Apps with Wails #7 Adding a Frontend Framework — Svelte, Vue, React
Swap the vanilla front half from the main series for a framework, for a real app whose state grows. Covers what it means that Wails is frontend-agnostic, starting Svelte/Vue/React with wails init templates, that the generated bindings are the same regardless of framework, and connecting binding results to framework state.
TypeScript Basics #1: Getting Started and Setup
What TypeScript is, why you would use it, and how to compile and run your first piece of code — all in one go.
JavaScript Practice #6 Build a Small App — Todo App
Build a Todo app from start to finish in vanilla JavaScript — DOM, event delegation, FormData, local storage, and a small store all in one place.
JavaScript Practice #5 Local Storage and Lightweight State Management
How to use localStorage / sessionStorage and their pitfalls, plus patterns for managing UI state cleanly without a library.
JavaScript Practice #4 Working with Forms
Form validation, working with FormData, and patterns at submit time — leveraging HTML built-in validation while augmenting with JavaScript.
JavaScript Practice #3 fetch and Async UI
Practical patterns for fetching data and reflecting it in the DOM — loading/error states, debouncing, and cancellation with AbortController.
JavaScript Practice #2 Event Handling and Delegation
The event object, the bubbling/capturing flow, and efficient event-delegation patterns — the standard tools for DOM interaction.
JavaScript Practice #1 DOM Manipulation Basics
Vanilla JavaScript DOM essentials — querySelector, classList, dataset, and creating and inserting elements.
JavaScript Advanced #7 Module System in Depth
Differences between CommonJS and ES Modules, module hoisting, circular references — the inner workings of JavaScript module systems.
JavaScript Advanced #6 Symbol and Proxy
Symbol for collision-free keys, and Proxy for intercepting object operations themselves — JavaScript meta-tools you meet inside libraries.
JavaScript Advanced #5 Memory Model and GC
How JavaScript manages memory — the reachability-based garbage collector and the leak patterns where objects survive without you noticing.