Curriculum

The Curriculum page provides a complete overview of all 7 levels of Qelvaramixe courses. Each level is a standalone course that can be taken sequentially or selected based on need. All materials are built on pure HTML, CSS, and JavaScript without frameworks. All courses were created in January 2026.

Free Key
Introductory free level for absolute beginners.

  • Module 1: HTML Basics — tags, document structure, semantic markup, lists, links, images
  • Module 2: Basic CSS — selectors, colors, fonts, margins, border, positioning (static, relative, absolute)
  • Module 3: Introduction to JavaScript — variables (let, const), data types, simple operations, console.log, script inclusion
  • Module 4: Simple Integration Examples — combining HTML+CSS+JS, basic events (click), text & style changes via DOM

Nova Flow
Level for those who already know basic syntax and want to build responsive pages with forms and initial interactivity.

  • Module 1: Semantic HTML5 & Structure — header, nav, main, article, aside, footer, viewport meta, accessibility
  • Module 2: Flexbox & CSS Grid — alignment, order, media queries, responsive layouts
  • Module 3: Forms & Basic Validation — input types, required, placeholder, pattern, HTML validation
  • Module 4: Events & DOM Manipulation — addEventListener, querySelector, textContent, classList, createElement
  • Module 5: Practical Mini-Project — landing page with hero section, feature cards, form & simple animation
  • Module 6: Developer Tools — DevTools (Elements, Console, Network), live editing

Pulse Nexus
Deepening JavaScript, asynchronicity, modularity, and two full projects.

  • Module 1: Advanced JavaScript — arrow functions, destructuring, spread/rest, template literals
  • Module 2: Arrays & Objects — map, filter, reduce, find, JSON, localStorage
  • Module 3: Advanced CSS Techniques — variables, calc/clamp, transition, animation, keyframes
  • Module 4: Asynchronicity — setTimeout/Interval, Promise, async/await, fetch
  • Module 5: Modular Approach — import/export, folder structure, multiple JS files
  • Module 6: Practical Projects — interactive To-do List with filters & localStorage + dynamic list from API
  • Module 7: Optimization & Code Cleanliness — DRY, refactoring, variable naming, comments

Vertex Echo
Structured code, patterns, API work, and three medium-complexity projects.

  • Module 1: Object-Oriented JS — classes, prototypes, extends, private fields (#)
  • Module 2: Design Patterns — Module, Singleton, Factory, Observer/Event Emitter
  • Module 3: Working with APIs — fetch, headers, status codes, CORS, JSON handling
  • Module 4: Error Handling & Debugging — try/catch, custom Error, breakpoints
  • Module 5: ES6+ Modules — import/export, dynamic import, large project structure
  • Module 6: Practical Projects — Weather App, Expense Calculator, Gallery
  • Module 7: Code Review & Refactoring — SOLID principles (adapted), DRY, self-assessment

Horizon Code
 SPA-like applications in pure JS: state, components, routing, optimization.

  • Module 1: State Management — custom store, publish-subscribe, reactive updates
  • Module 2: Component Approach — classes/functions, props, events, mount/unmount
  • Module 3: Client-Side Routing — history.pushState, hashchange, dynamic loading
  • Module 4: Advanced Forms — dynamic fields, masks, custom validation
  • Module 5: Performance — debounce/throttle, memoization, lazy loading, diffing
  • Module 6: Complex Projects — Dashboard, Habit Tracker, E-commerce Prototype
  • Module 7: Testing & Documentation — manual tests, JSDoc, README

Beacon Code
Large architectural applications, TypeScript basics, testing, offline capabilities.

  • Module 1: Architecture — Clean Architecture, layers (entities, use cases, adapters)
  • Module 2: TypeScript Basics — interfaces, generics, union/intersection, function typing
  • Module 3: Automation — build scripts, ESLint, Prettier, pre-commit hooks
  • Module 4: Testing — unit/integration, mocks, assert functions
  • Module 5: Web Workers & Offline — background computations, Service Worker, IndexedDB
  • Module 6: Large Project — Task Management System (Trello-like) with drag-and-drop
  • Module 7: Deployment & Team Work — static hosting, git-flow, code review

Lattice Code 
Final level: advanced TypeScript, Vite, framework-agnostic reactivity, professional preparation.

  • Module 1: Modern TypeScript — mapped/conditional/infer types, template literals, branded types
  • Module 2: Vite — configuration, alias, HMR, build optimization, code splitting
  • Module 3: Reactivity & Composition — signals, computed, effect, composition API-like approach
  • Module 4: Advanced State — normalization, selectors, memoization, undo/redo
  • Module 5: Deep Performance — lazy components, Suspense-like approach, Web Vitals
  • Module 6: Final Projects — Collaborative Notes App + Personal Finance Dashboard
  • Module 7: Team Preparation — git-flow, code review checklist, portfolio, CI/CD basics