How to use this site
Welcome to the Threejs Journey Notes glossary! This page serves as a comprehensive index of all the learning resources, tutorials, recipes, and notes available on this site.
Whether you are looking for specific frontend features, backend design patterns, DevOps automation, AI engineering strategies, or 3D graphics (Three.js), use the glossary below to find exactly what you need and jump straight to that guide.
🔍 Table of Contents
- 🌐 Frontend Development & JavaScript
- 🖥️ Backend Engineering & APIs
- ☁️ DevOps, Cloud & Infrastructure
- 📐 3D Graphics & WebGL (Three.js)
- 🧠 Artificial Intelligence & Prompt Engineering
- 🗄️ Databases & Caching
- 🐧 Linux, Shell & Developer Productivity
- 💼 Product Development & Software Craftsmanship
🌐 Frontend Development & JavaScript
Learn core JavaScript APIs, CSS recipes, modern frameworks, accessibility standards, performance optimizations, and progressive web apps (PWAs).
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| JavaScript Proxies | Vanilla JS Tutorial: Advanced APIs | Learn reactive programming, validating/protecting data, caching proxies, and dispatching custom events with Proxies. |
| Web Components & Lit | Vanilla JS Tutorial: Advanced APIs | Guide on shadow DOM, custom templates, lifecycle methods (connectedCallback), and Lit library usage. |
| Advanced Browser APIs | Vanilla JS Tutorial: Advanced APIs | Covering AbortController, Eyedropper API, Geolocation, FileSystem API, Web Payments, Web Audio, and WakeLock. |
| Progressive Web Apps (PWA) | Vanilla JS Tutorial: PWA | Comprehensive guide on service workers, caching strategies, background sync, push notifications, and iOS/Android notches. |
| React Basics & State | JS Frameworks: React | Learn React fundamentals, when to use state, rendering optimization, and hooks. |
| Next.js & Server Components | JS Frameworks: Next.js | Understand Server Components vs Client Components and nesting rules/tricks. |
| Solid.js & Signals | JS Frameworks: Solid.js | Deep-dive into reactivity from first principles and writing your own signals from scratch. |
| Astro Framework | JS Frameworks: Astro | Learn Astro's file-based routing, layout composition, and performance patterns. |
| TanStack Start & Router | JS Frameworks: TanStack Start | Safe routing on the fly, type definitions generation, and modern Router composition. |
| TSRX | JS Frameworks: TSRX | Introduction to the language-agnostic way of writing colocated JSX. |
| TypeScript Basics | TS Tutorial: Basics | Handbook on config options, compiler setups, and type-system core features. |
Declaration Files (.d.ts) | TS Tutorial: Declaration Files | How to add global types and handle prototype augmentation safely. |
| JSDoc in TypeScript | TS Tutorial: JSDoc | Documenting functions and types using native JSDoc comments. |
| Advanced TypeScript Tricks | TS Tutorial: Other Tricks | Learn advanced topics like Private Property Async Initialization. |
| Vanilla JS Cookbook | JS Cookbook | Quick snippets for custom UI features like text animations. |
| Chrome Extensions | Chrome Extensions: Intro | Basics of building browser extensions, action APIs, and using the Plasmo framework. |
| Tailwind CSS & Snippets | CSS Recipes: Basic CSS | Modern web design recipes, beautiful CSS snippets, shadows, and Tailwind merge strategies. |
| Web Accessibility (a11y) | Vanilla JS Tutorial: Accessibility | Learn essential rules to make your web applications fully accessible. |
| Web Performance & SEO | Vanilla JS Tutorial: Web Performance | Techniques for fast initial loads, optimizing assets, and HTML DOM SEO best practices. |
🖥️ Backend Engineering & APIs
Build fast, scalable, and secure backend systems, publish CLI tools, and design resilient APIs.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Node.js Streams | Node: Streams | Harness the Event Emitter API, event-driven architecture, and read/write streams. |
| Express.js API Guide | Node: Complete Express Guide | Step-by-step master guide to creating routing, middleware, and full Express servers. |
| API Architecture & Design | Node: API Design | How to manage configuration constants across development, testing, and production environments. |
| GraphQL | Node: GraphQL | Learn GraphQL schema definitions and why it scales better for highly relational datasets than REST. |
| Command Line (CLI) Tools | Node: Publishing NPM CLI Tools | Create interactive Node.js CLI tools and publish them as global packages on NPM. |
| SQLite with Node | Node: SQLite | Learn to integrate and use lightweight, embedded SQLite databases in server applications. |
| System Design Foundations | Backend Engineering: System Design | Architecture patterns, monoliths vs microservices, and general scale techniques. |
| Backend Communication Patterns | Backend Engineering: Theory | Deep-dive into Request/Response, Server-Sent Events, WebSockets, and packet anatomy. |
| WebSockets | Node: Sockets | Set up socket servers and handle realtime duplex channels for active clients. |
| Deno Basics & Frameworks | Deno: Basics | Explore the standard library, file sandboxing, backend testing, and frameworks like Oak. |
| Bun & Hono | Bun Tutorial: Basics | Learn Bun APIs, serving HTTP, Dockerizing Bun, and deploying serverless on Vercel. |
| C# & ASP.NET Basics | C-Sharp: Basics | Get up to speed on .NET core, building CLI apps, C# extensions, and setting up ASP.NET servers. |
☁️ DevOps, Cloud & Infrastructure
Automate deployment pipelines, orchestrate containers, provision cloud instances, and manage infrastructure as code.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Docker Containers | DevOps: Docker | Introduction to containers from scratch, writing Dockerfiles, and managing volumes. |
| GitHub Actions (CI/CD) | DevOps: GitHub Actions | Automation pipelines, configuring workflow triggers, and writing modular jobs. |
| Ansible Automation | DevOps: Ansible | Write declarative YAML playbooks to configure networks, servers, and remote nodes. |
| AWS Fundamentals | AWS Tutorial | Core cloud architecture: Regions, Availability Zones, and high availability fundamentals. |
| AWS CloudFormation | AWS: CloudFormation | Declarative Infrastructure as Code (IaC) solutions specifically targeting AWS resources. |
| AWS Cloud Development Kit (CDK) | AWS: CDK | Build scalable AWS environments using modern TypeScript APIs rather than verbose YAML. |
| AWS Serverless (SAM) | AWS: SAM IaC | Deploying serverless functions, gateways, and DBs with AWS SAM syntax. |
| AWS Amplify | AWS: Amplify | Compare Gen 1 vs Gen 2 setups, and learn how to quickly configure authentication and APIs. |
| AWS SDK & CLI Auth | AWS: SDK & CLI | Authenticating terminal clients, scripting AWS actions, and using the SDK in apps. |
| Vercel & App Deployment | DevOps: Deploying Apps | Best practices to host frontends, SPAs, and fullstack servers (like Express) on Vercel. |
| NGINX Reverse Proxy | Backend Engineering: Fullstack Engineering | Configure Nginx as a reverse proxy, load balancer, and secure static file server. |
📐 3D Graphics & WebGL (Three.js)
Master the math, physics, lights, and rendering engines behind immersive 3D experiences in the browser.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Three.js Basic Scene | ThreeJS Tutorial: Basic Scene | Learn to initialize your first scene, camera, renderer, and mesh. |
| Transformations | ThreeJS Tutorial: Transformations | How to manipulate position, rotation, scale, and work with quaternions. |
| Animations & Resize | ThreeJS Tutorial: Animations | Using requestAnimationFrame, tick functions, and making the viewport responsive. |
| Cameras & Responsive Design | ThreeJS Tutorial: Cameras | Understand Orthographic vs Perspective cameras, and multiplayer split-screens. |
| Geometries & Vertices | ThreeJS Tutorial: Geometry | Harnessing BufferGeometry to manipulate triangles and custom vertices in 3D. |
| Textures & Materials | ThreeJS Tutorial: Textures | Mapping colors, normal maps, roughness, metalness, and configuring realistic materials. |
| 3D Text rendering | ThreeJS Tutorial: 3D Text | Generating 3D typography using facetype JSON fonts and TextGeometry. |
| Lights & Shadows | ThreeJS Tutorial: Lights | Ambient lights, Directional lights, Point lights, and configuring drop vs core shadows. |
| Debugging with GUI | ThreeJS Tutorial: Debugging | Connect lil-gui to dynamically tweak scene variables, mesh coordinates, and lighting. |
🧠 Artificial Intelligence & Prompt Engineering
Level up your workflows with prompt engineering, AI development patterns, and LLM automation.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Prompt Engineering Basics | AI Engineering: Prompt Engineering | The 4 essential ingredients of any successful prompt. |
| AI Agentic Workflows | AI Engineering: Agentic AI Development | Constructing autonomous agents, system loops, tools, and execution contexts. |
| AI assisted Coding | AI Engineering: AI Slop Mastery | Optimal workflows for context isolation and writing high-quality code. |
| Claude & Anthropic Tips | AI Engineering: Anthropic Slop Mastery | Advanced prompting strategies specific to Anthropic's Claude models. |
| Claude Code & CLI Tools | AI Engineering: Claude Code | Using modern automated terminals for code updates and refactoring. |
🗄️ Databases & Caching
Store, retrieve, index, and cache data with high-performance engines.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| SQL & PostgreSQL | Databases: SQL | Schema creation, indexes, joins, and running migrations. |
| MongoDB Shell | Databases: MongoDB | Managing documents, writing aggregation pipelines, and Dockerized setups. |
| Redis Caching | Databases: Redis | Supercharge API performance with key-value memory caches and expiration rules. |
| IndexedDB (IDB & localForage) | Vanilla JS Tutorial: PWA | Persisting gigabytes of object data offline directly inside the browser. |
🐧 Linux, Shell & Developer Productivity
Master command-line interfaces, automate tasks with bash, and configure advanced environments.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Vim & Terminal Editing | Linux: Vim | Mastering keys, buffers, insert modes, and efficient text manipulation. |
| Tmux Terminal Multiplexer | Linux: Tmux | Manage complex workflows, split screens, and persist remote sessions. |
| Bash Scripting | Linux: Bash Scripting | Writing .sh executable scripts to chain automation commands together. |
| FFmpeg Video Compression | Linux: FFmpeg | Transcoding videos, squeezing megabytes, and formatting codecs via command line. |
| Git & Version Control | Linux: Git | Branch strategies, merging, rebasing, and managing git staging hooks. |
| WSL (Windows Subsystem) | Linux: WSL | Cross-operating system filesystems and maximizing read/write performance. |
💼 Product Development & Software Craftsmanship
Design beautiful apps, practice Test-Driven Development, write outstanding technical content, and manage software careers.
| What do you want to learn? | Where to find it on this site | Description / Key Highlights |
|---|---|---|
| Clean Code Guides | Software Development: Clean Code | Function design, code smell eradication, readability, and modular design. |
| Test-Driven Development (TDD) | Software Development: TDD | Writing robust, regression-free units by practicing red-green refactoring. |
| Technical Writing Guide | Software Development: Technical Writing | Keep things simple, punchy, and structured for your reader. |
| Figma Basics | Software Development: Figma | Mastering shortcut keys, layout frames, and components. |
| Career & Startups | Product Development: All About Startups | Launching digital products, finding market fit, and landing tech jobs. |
💡 Quick Tips for First-Time Users
- Use the Search Bar: This site has integrated DocSearch (Algolia). Just click search (or hit
Ctrl + K/Cmd + K) to immediately lookup any term or class from these notes. - Interactive Code Examples: Many codeblocks inside our notes contain syntax-highlighted code. You can copy them directly using the copy button on the top right of each codeblock.
- Follow Sidebar Structure: If you're completely new, we recommend checking out Docusaurus Notes or checking the sidebar on the left to see the natural progression of topics.
Happy learning! 🚀