ITKia
中
HomeSubjectsChaptersPlaygroundForumAbout中

ABOUT ITKIA

About us

We're three people who want to learn frontend well,and want to make it easier for others to do the same.

  • Start from zero
  • Read and write together
  • HTML · CSS · JavaScript

The story of how it changed

The story starts with an observation: a lot of frontend teaching still stops at ES6 rather than the latest specifications.

HTML, CSS and JavaScript have all changed over the years, yet learners are often still practising with the old way of writing things.

So we wanted to build a site where you read and write side by side, see the result the moment you finish, and keep explanation, practice, preview and progress in one place. It gives complete beginners a step-by-step path, and gives people who already know the basics somewhere hands-on to catch up on the newer specifications. What follows is how it grew from late July to late October into what you see now.

  1. Starting from zero

  2. 2026Late Jul

    01Laying the foundation and choosing colours

    Late July 2026

    Two languages without writing every page twice, and quiz feedback that can't rely on brightness alone.

    We built a static multi-page site with Astro and lit up React islands only where interaction is needed, keeping page structure written once and all bilingual text reconciled by scripts. At first we wanted a single colour family, then realised quiz feedback needs a real red and green and the three subjects must stand apart at a glance. This gave us our deep purple brand palette paired with distinct subject and semantic OKLCH colours.

  3. 2026Early Aug

    02Dropping the grid for a night sky and database trials

    August 1–6, 2026

    Our grid looked like a technical diagram, and a platform change tested our new database.

    The earliest background used geometric grid lines that looked like a diagram and were barely visible. On August 2 we removed every geometric pattern in favour of one shared night sky and frosted glass. Right after connecting Supabase, a platform change stopped opening table permissions by default and broke writes; fixing permissions and Row Level Security (RLS) taught us to guard admin actions with triggers and least privilege.

  4. 2026Aug–Sep

    03Lost seconds across page loads and a flickering screen

    Mid-August – Late September 2026

    Every page change cleared memory, and blurred tables heavily taxed the display rendering.

    After building sign-in, the profile drawer and the admin back office, we hit two nasty bugs: because a multi-page site clears memory on navigation, sub-minute study time never added up until we stashed leftover seconds in localStorage. Meanwhile, backdrop blur on long admin tables flashed black when typing fast, so we switched to less demanding translucent ramps and added self-kick protection for admins.

  5. 2026Late Sep

    04Subject skies and overturning our earliest rule

    September 26–28, 2026

    Locking lessons only left learners stuck, so we overturned sequential unlocking.

    HTML, CSS and JavaScript chapter pages each got their own layout and night sky, and progress was fixed to use the true course total as its denominator. The next day we rethought our earliest rule: requiring one lesson to be finished before unlocking the next only frustrated learners who skim the contents and pick what they need. We changed it so every lesson is always open to read, and marking it complete unlocks its quiz.

  6. 2026Early Oct

    05Security consolidation, server grading and tiered medals

    October 1–9, 2026

    Client-calculated scores can be forged; real fairness and rewards belong on the server.

    In early October we folded 25 scripts into a tight database baseline, closed loopholes like posts pinning themselves and forged check-in dates, and launched the moderation console and nine-query dashboard. Next, we moved quiz grading to the server so scores can never be forged from the browser, and abandoned the constellation star-map for a pure-SVG wall of 27 achievements across 9 series that upgrade in place from bronze to gold.

  7. 2026Mid Oct

    06Reimagining Home, Subjects, Lessons and Sign-in

    October 10–13, 2026

    We removed the looping animations so that an eleven-section cosmos and calm static canvases could carry every reading.

    This week, we decided to make the pages quieter: four core pages were rebuilt. We removed looping animations, gave Subjects a yin-yang planet and per-lesson segments, and dropped the star-sky layers in Lessons for a token-driven static canvas, sticky table of contents and floating dock. Home became an 11-section cosmic journey, and Login and Register merged into a top-anchored glass card that reserves its tallest state so switching tabs never shifts the page.

  8. 2026Mid Oct

    07The cloud Playground, star-chart Quiz and Editor v3

    October 14–15, 2026

    To stop learners getting lost in blank spaces, we turned our interactive tools into real workspaces.

    We noticed that beginners often feel lost facing a blank page, so the Playground now starts with a full skeleton and gained seamless single- and multi-file conversion, real-viewport scaling and ZIP export; the Quiz became a round star-chart medallion where right answers light stars and wrong ones crack them. On the admin side, the Lesson Editor became a v3 workbench with Split Preview and row-by-row bilingual comparison, automatic HTML structure checks, one-click repairs and 'Try it' prompts.

  9. 2026Late Oct

    08Guarding the login door and writing 30 modern lessons

    October 19–20, 2026

    We started because tutorials were stuck in the past, so every lesson teaches modern standards.

    We initially wanted two-factor authentication and email OTPs. We dropped 2FA, and cancelled the OTPs because the built-in email allows only two per hour. We kept only lockouts and IP rate limits, and made the check and the slot reservation happen in one database function. Next, our bilingual generator produced all 30 lessons and 150 quiz questions across HTML, CSS and ES2026 JavaScript, designed within strict sandbox limits, and every 'how ITKia does it' tip was verified against our own source code.

  10. 2026Late Oct

    09Twelve constellations, full profiles and the final pieces

    October 21–24, 2026

    After a foreign-key crash and an eight-hour time offset, every piece clicked into place.

    Near the end, adding a casual foreign key for 'accepted answers' created ambiguity that broke the forum and profile pages simultaneously, teaching us how fragile database relationships can be. We replaced it with a trigger, migrated all 28 timestamp columns to timezone-aware timestamps to cure the 8-hour timezone offset, and launched the full-page profile centre. With all 12 custom zodiac silhouettes placed and a line-by-line clean-up of the whole codebase, ITKia reached its final form.

The team

CONTACT

Contact us

Got an idea, found a problem, or just want to talk? Write to us:

Send email

Messages are always welcome