- Vue – Reactivity: ref and reactive
The core of Vue. Why `ref()` needs `.value` in script but not in a template, how `reactive()` differs and the three ways it will surprise you — destructuring, reassignment and primitives — the rule this track follows (`ref` for everything unless you have a reason), and what actually happens when a dependency changes.
- FastAPI – Containerising It Properly
A multi-stage Dockerfile that leaves the compiler behind, a .dockerignore that cuts the build context from hundreds of megabytes and keeps .env out of a layer, and a non-root user. Then the settings that decide whether it works: --host 0.0.0.0, PYTHONUNBUFFERED, how many workers, and a healthcheck. With the resulting image size and build time measured rather than estimated.
- Vue – Template Syntax and Directives
Everything you can write in a template. Text interpolation and what expressions are allowed inside `{{ }}`, attribute binding with `v-bind` and its `:` shorthand, `v-on` and `@`, dynamic `:class` and `:style` — object, array and the template literal form the demo app uses for Bootstrap variants — plus `v-html` and the injection risk that comes with it.
- FastAPI – Logging, Health Checks and Request Tracing
Making a running API explainable. Structured JSON logs with a correlation id carried by a ContextVar so it survives both async routes and the threadpool, a health check that reports each dependency separately, and what to log per request. Includes two things that bite in a container: uvicorn quietly replacing your log config, and a test that asserted on log content while reading another handler's work.
- Vue – The Single-File Component
A `.vue` file holds a template, a script and a style block, and that co-location is the whole idea. What `<script setup>` compiles to and why it replaced `export default`, why `<style scoped>` does not leak, when a component needs a name, and how the build turns three blocks in one file into a render function.