Read the prose. Run the code.
Chiron is a multi-language interactive learning platform for JavaScript, TypeScript, CSS, and HTML. Every example is runnable in your browser β so you can read, try, and understand in one motion.
Tracks
All tracks β5 Modern JS Tips
A short opinionated tour
Five things every working JS dev should know cold.
TS for Curious JS Devs
TypeScript through patterns that earn their keep.
Discriminated unions, utility types, and narrowing β the TypeScript that pays for itself.
CSS Layout Mastery
Modern layout, container queries, parent selectors, native dialogs.
Six features that replace the JavaScript you used to write.
Go Fundamentals
The everyday Go you reach for first.
Slices, maps, structs, interfaces, errors, and generics β the core of idiomatic Go in one pass.
C# Essentials
Modern C# without the ceremony.
Collections, LINQ, records, pattern matching, formatting, and iterators β the features that define day-to-day modern C#.
Modern C++
C++ that leans on the standard library.
Vectors and algorithms, structured bindings, lambdas, smart pointers, optional/variant, ranges, and concepts β C++17/20 as it's actually written.
The TypeScript Type System
Types as a small, composable language.
Generics, keyof, mapped and conditional types, template-literal types, guards, satisfies, and const assertions β the type system as a toolkit you compose.
Modern CSS Toolkit
The CSS that deletes your JavaScript.
Flexbox, custom properties, responsive grids, nesting, fluid type, logical properties, aspect-ratio, color-mix, and scroll-snap β modern CSS end to end.
The HTML Platform
Native elements that do real work.
Semantics, native form validation, rich input types, dialogs and popovers, disclosure widgets, responsive images, data attributes, progress, and lazy loading.
JavaScript Collections
Choosing β and bending β the right container.
Sets, Maps and WeakMaps, grouping, reduce patterns, and deep copies β how to hold and reshape data in modern JavaScript.
JavaScript Patterns
Small techniques that change how you write.
Closures, functional composition, generators, tagged templates, modern regex, and string methods β the patterns behind clean JavaScript.
Concepts
Browse all β<details> and <summary>
Disclosure, no JavaScript.
<progress> and <meter>
Two gauges, two jobs.
Array.reduce patterns
One loop, any shape of answer.
CSS custom properties
Variables that live in the cascade.
CSS scroll snapping
Carousels and galleries that lock into place β no JavaScript.
Closures and the module pattern
Functions that remember.
Collections essentials
The three workhorse collections β a growable list, a keyed dictionary, and a uniqueness-enforcing set β plus the collection-expression syntax that builds them all the same way.
Conditional types and infer
Types that branch.