Q1 2026 - Work Notes

Things I want to work on

Projects

  • Update Portfolio to new vets-who-code standard, see this version.
  • Convert basic projects (weather app, todo app, background color changer) to Vue, and Vanilla JS (→ Q4-25)
  • TinyDesk project [api, frontend and db] (→ Q4-25)
  • Holiday card app (→ Q4-25)

Concepts Learnt or Reviewed ( && Applied)

Vue 3

  • Conditional Rendering in Vue3 (→ Q2-25, Q3-25)
  • Slots (→ Q2-25)
  • Composable vs Compiler Directive / how composable functions work (→ Q2-25, Q3-25)
  • Async functions (→ Q2-25)
  • script setup as a compiler (→ Q3-25)
  • @vueUse/router and how it works (→ Q3-25)
  • useRouterQuery and how it works (→ Q3-25)
  • Router.push() method (→ Q3-25)
  • Pagination && the componentization of pagination (→ Q3-25)

JavaScript

  • toReversed() vs reverse() (→ Q3-25)
  • math.sign() and its application (→ Q3-25)
  • .doNothing() (→ Q3-25)
  • Async functions (general JS) (→ Q2-25)

Build & Architecture

  • Build time dependency vs runtime dependency (→ Q3-25)
  • Vite internals (→ Q3-25)
  • Nitro and how it works (→ Q3-25)
  • Server vs client-side rendering (→ Q3-25)
  • SSR in Vue3 and how it works (→ Q3-25)

CSS

  • Grid and subgrid layouts in CSS (→ Q4-25)

General Dev

  • Breakdown basic and intermediate git commands and application (→ Q3-25)

Knowledge Management

  • Create a page to define notes/concepts (concept, official explanation, personal understanding, applications)

Content Creation

  • Write 1 technical blog post ~ A Clearer Vue Series - V1/V2
  • Remove stale Jekyll Garden template posts from 2020 (features and how-to) that are still live on the site. ~

Next Steps

Learning Goals

  • Work through the Vue 3 + Build & Architecture clusters as a group — they share a lot of context.
  • Ship at least one project rather than carrying the same list into Q4-26.

Resources

Retrospective (To be filled at end of Q1)

  • What went well?
  • What could be improved?
  • What did I learn?

Wins

  • (To be filled as you complete tasks!)