All about JavaScript Variables.

A brief overview of JavaScript's history and development.

IBM AI Developer Professional Certificate - Kanban Board Product Backlog Epic: [Complete IBM AI Developer Professional Certificate] due: 2025-12-31 tags: [epic, certification, ai, learning] priority: critical workload: Extreme defaultExpanded: true steps: Introduction to Software Engineering Introduction to Artificial Intelligence (AI) Generative AI: Introduction and Applications Generative AI: Prompt Engineering Basics Introduction to HTML, CSS, & JavaScript Python for Data Science, AI & Development Developing AI Applications with Python and Flask Building Generative AI-Powered Applications with Python Generative AI: Elevate your Software Development Career Software Developer Career Guide and Interview Preparation 1Epic to complete the full IBM AI Developer Professional Certificate on Coursera. 2 3Main Objectives: 4 5- Finish all 10 required courses in the program 6- Build hands-on projects and a portfolio 7- Earn the IBM Professional Certificate 8 9Success Criteria: 10 11- All 10 courses marked as completed 12- Portfolio projects submitted 13- Certificate awarded by IBM/Coursera 14 15Dependencies: 16 17- Coursera account and enrollment 18- Access to required software (Python, Flask, etc.) 19- Time commitment for each course Sprint Backlog (Sprint 1: Foundation) In Progress Review/QA Done

Product Backlog Epic: Complete Python Flask Course due: 2025-09-01 tags: [python, flask, fullstack] workload: Extreme defaultExpanded: true steps: Review all course modules Identify key deliverables Set up development environment Plan project milestones Finalize documentation Module-1 completed Module-2 completed Module-3 completed 1Main Objectives: 2- Master Python and Flask for web development 3- Complete all three modules 4- Build and document a mini web app project 5 6Success Criteria: 7- All modules completed 8- Mini project delivered 9- All assignments submitted Sprint Backlog In Progress Story: Module 1 - Flask Basics and Setup due: 2025-08-01 tags: [module-1, python, flask] priority: high workload: Normal steps: Watch module videos Complete readings Add visuals using mermaid and excalidraw Submit assignments Take module quiz Add your module MCQ, if applicable 1As a learner, I want to complete Module 1 so that I can set up Flask and understand its basics. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Story: Module 2 - Building Flask APIs due: 2025-08-08 tags: [module-2, python, flask] priority: high workload: Normal steps: Watch module videos Complete readings Add visuals using mermaid and excalidraw Submit assignments Take module quiz Add your module MCQ, if applicable 1As a learner, I want to complete Module 2 to build and test RESTful APIs with Flask. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Story: Module 3 - Flask Templates and Deployment due: 2025-08-15 tags: [module-3, python, flask] priority: high workload: Normal steps: Watch module videos Complete readings Add visuals using mermaid and excalidraw Submit assignments Take module quiz Add your module MCQ, if applicable 1As a learner, I want to complete Module 3 to use templates and deploy a Flask web app. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Review/QA Done

Anki Workflow Verification Date: 2 May 2026 Status: ✅ Verified and Working Current Working Workflow 1. Card Creation (Manual) JSON files are manually created in: data/course/{course}/{unit}/{module}/{lesson}/anki/*.json Each JSON contains metadata + flashcards array Example: data/course/psychology-l2/01/01m/001/anki/01-counselling-skills.json 2. Card Generation (Automatic) JSON File → apkg_generator.py → .apkg Package → Anki Desktop Key Scripts: ✅ apkg_generator.py - Main generator (reads JSON, creates APKG) ✅ generate_unit_apkg.py - Creates unit-level APKG files ✅ rebuild_all_apkgs.py - Rebuilds all APKG files NOT Used in Production:

Product Backlog Epic: Complete Course introduction to linux due: 2025-07-20 tags: [linux, unix] priority: high 1Implement a complete course on Linux, including: 2 3- Complete three modules 4- Hands-on labs and exercises 5- Course documentation and resources 6- Final project submission Sprint Backlog Story: Complete module-4 of Linux Course due: 2025-07-09 tags: [linux, unix] priority: high 1Complete module-4 of the Linux course. 2Ensure all exercises are completed and documented. 3 4- [ ] Complete the final project 5- [ ] Submit all course materials 6- [ ] Peer review of the course 7- [ ] Submit course completion In Progress Story: Complete module-1 of Linux Course

Ready-to-use prompt for extracting vocabulary using GitHub Copilot

I need help extracting vocabulary from a video transcript for my English learning dictionary. Task: Analyze this video transcript about [topic] and extract 25 challenging English words suitable for an advanced ESL learner (first language: Urdu). Selection Criteria: Difficulty level: 7-9 out of 10 Important for understanding economics/politics/social systems Not common everyday words Academic, intellectual, or domain-specific terms Useful for understanding the [topic] in depth For each word, provide: word: the English word (lowercase) part_of_speech: (noun, verb, adjective, adverb, phrase, technical-term, etc.) urdu_meaning: Urdu translation in Urdu script example_en: A clear example sentence from the transcript or similar context example_ur: Natural, contextual Urdu translation of the example additional_example_ur: (optional) Another Urdu example showing different usage Output Format: Valid YAML array only, no markdown code fences, no explanations.

Instructions for managing vocabulary notes in the dictionary system

Quick commands and patterns for dictionary vocabulary management

Product Backlog Epic: Complete Frontend React Course due: 2025-09-01 tags: [react, frontend, ibm-fssd, epic] workload: Extreme defaultExpanded: true steps: Module-1 completed Module-2 completed Module-3 completed Module-4 completed 1Main Objectives: 2- Master React fundamentals and advanced concepts 3- Complete all four modules 4- Build interactive and scalable front-end applications 5 6Success Criteria: 7- All modules completed 8- Hands-on projects delivered 9- All assignments submitted Sprint Backlog Story: Module 4 - Advanced Patterns due: 2025-08-25 tags: [module-4, react, advanced] priority: high workload: Normal steps: Watch module videos Complete readings Apply advanced React patterns Submit assignments Take module quiz 1As a learner, I want to complete Module 4 to master advanced React patterns and best practices. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted In Progress Story: Module 2 - State Management due: 2025-08-15 tags: [module-2, react, state-management] priority: high workload: Normal steps: Watch module videos Complete readings Implement stateful components Submit assignments Take module quiz 1As a learner, I want to complete Module 2 to understand and apply state management in React applications. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Story: Module 3 - React Hooks due: 2025-08-20 tags: [module-3, react, hooks] priority: high workload: Normal steps: Watch module videos Complete readings Use React hooks in projects Submit assignments Take module quiz 1As a learner, I want to complete Module 3 to effectively use React hooks for functional components. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Review/QA Story: Module 1 - React Basics due: 2025-08-10 tags: [module-1, react, basics] priority: high workload: Normal steps: Watch module videos Complete readings Build first React component Submit assignments Take module quiz 1As a learner, I want to complete Module 1 to build foundational knowledge of React and its core concepts. 2Acceptance Criteria: 3- All module tasks completed 4- Quiz passed 5- Assignments submitted Done

Product Backlog Story: Understand Linux Architecture due: 2025-07-03 tags: [architecture, kernel, shell, filesystem] priority: high 1Complete the "Overview of Linux Architecture" lecture and related materials: 2 3- Understand the Linux kernel and its functions 4- Learn about the shell as an interface to the kernel 5- Explore the layered architecture of Linux systems 6- Understand system initialization and the boot process Story: Master Linux Terminal Basics due: 2025-07-05 tags: [terminal, shell, bash, commands]

SCSS Styling System - Implementation Complete ✅ Status: Production Ready Date: May 1, 2024 Implementation Phase: Styling Foundation & Integration Overview Successfully implemented a modular, scalable SCSS styling system for Anki flashcards with: 80+ CSS variables for consistent design tokens across all courses Reusable base components shared by all courses Course-specific styling for Psychology and DevOps (foundation for 50+ courses) Compiled CSS automatically injected into APKG files Zero breaking changes to existing infrastructure Architecture File Structure scripts/anki/styles/ ├── _variables.scss # Global design tokens (colors, spacing, typography) ├── _base-components.scss # Reusable CSS classes for all card types ├── courses/ │ ├── psychology.scss # Psychology-specific color overrides │ └── devops.scss # DevOps-specific styling ├── psychology.css # Compiled output (16 KB) └── devops.css # Compiled output (17 KB) Design Flow User Card Data (JSON) ↓ metadata['course'] = 'psychology' ↓ APKGGenerator creates models ↓ _get_css('psychology') ↓ Load: scripts/anki/styles/psychology.css ↓ Inject CSS into Anki models ↓ Generate APKG with styled cards Component Breakdown 1. Global Variables (_variables.scss) Color Palette:

SCSS Styling System - Complete Testing Guide This script shows you exactly how to test the styling integration cat « ‘EOF’ ╔═══════════════════════════════════════════════════════════════════════════════╗ ║ ║ ║ SCSS STYLING SYSTEM - COMPLETE TESTING GUIDE ║ ║ ║ ╚═══════════════════════════════════════════════════════════════════════════════╝ 📋 TESTING LEVELS ═══════════════════════════════════════════════════════════════════════════════ Level 1: Unit Testing (Automated) ✓ Verify CSS files exist and compile ✓ Test CSS caching mechanism ✓ Test course detection from metadata ✓ Run: npm run test:anki Level 2: Integration Testing (Automated + Manual) ✓ Generate test APKGs with CSS ✓ Verify CSS embedded in APKG ✓ Test course-specific vs default CSS ✓ Run: npm run test:anki:verbose

SCSS Styling System - Quick Reference Guide 🚀 Quick Start Testing (5 minutes) 1. Verify Tests Pass 1npm run test:anki ✅ Expected: 52 tests passing 2. Verify CSS Files Exist 1npm run anki:styles:list ✅ Expected: psychology.css (16 KB), devops.css (17 KB) 3. Generate Test APKG from Real Data 1conda activate ags-anki 2 3python3 << 'PYTHON' 4import json 5from pathlib import Path 6from scripts.anki.apkg_generator import APKGGenerator 7import tempfile, shutil 8 9# Load real psychology data 10with open("data/course/psychology-l2/01/01m/001/anki/01-counselling-skills.json") as f: 11 data = json.load(f) 12 13# Ensure course metadata exists 14if 'course' not in data['metadata']: 15 data['metadata']['course'] = 'psychology' 16 17# Generate APKG with styling 18with tempfile.TemporaryDirectory() as tmpdir: 19 gen = APKGGenerator(verbose=True) 20 apkg = gen.generate_from_data(data, tmpdir, data['metadata'].get('deck_name')) 21 22 # Copy to Desktop 23 shutil.copy(apkg, Path.home() / "Desktop" / "psychology-real-data.apkg") 24 print(f\n✅ APKG copied to ~/Desktop/psychology-real-data.apkg") 25 26 print(f" Size: {apkg.stat().st_size / 1024:.1f} KB (includes psychology CSS)") 27PYTHON ✅ Expected:

testing verification placeholder #!/bin/bash Quick test to verify CSS is in APKG SQLite database cat « ‘EOF’ ╔═══════════════════════════════════════════════════════════════════════════════╗ ║ ║ ║ HOW TO VERIFY CSS IS EMBEDDED IN YOUR APKG FILES ║ ║ ║ ╚═══════════════════════════════════════════════════════════════════════════════╝ FILES TO TEST WITH ════════════════════════════════════════════════════════════════════════════════ Run this command to generate test APKGs: python3 « ‘PYTHON’ import json import tempfile from pathlib import Path from scripts.anki.apkg_generator import APKGGenerator Psychology APKG psy_data = { “metadata”: {“course”: “psychology”, “deck_name”: “Psy-Test”, “unit”: “U1”, “module”: “M1”}, “flashcards”: [{“id”: “1”, “question”: “Q?”, “answer”: “A”, “tags”: [“test”], “difficulty”: 1}] }