[{"data":1,"prerenderedAt":257},["ShallowReactive",2],{"course-row-ai-frontend-dev":3,"content-ai-frontend-dev":5,"track-lessons-/courses/":6,"course-title-none":7,"module-title-none-none":7,"sales-outline-ai-frontend-dev":8,"sales-track-a-lessons":136,"sales-track-b-lessons":161,"sales-track-c-lessons":189,"sales-track-d-lessons":217},{"slug":4},"ai-frontend-dev",false,[],null,{"course":9,"modules":16,"prereq_tracks":73,"bonus_pages":99,"useful_links":119,"generated_at":132,"viewer":133},{"slug":4,"title":10,"description":11,"cover_image":7,"price_cents":12,"currency":13,"status":14,"published_at":15},"AI-Assisted Frontend Development","Build real visualizations in Vue, Svelte, and React with AI assistance.",15000,"USD","live","2026-05-28T07:58:30.546508+00:00",[17,27,35,44,53,60,66],{"module_slug":18,"title":19,"sort_order":20,"is_free":21,"description":22,"duration":23,"difficulty":24,"lesson_count":25,"first_lesson_slug":26},"00-setup","Module 0: Setup & Mindset",0,true,"AI-assisted development as a real skill. Tools, workflow, what you'll build.","~30 min","Easy",4,"01-ai-mindset",{"module_slug":28,"title":29,"sort_order":30,"is_free":5,"description":31,"duration":32,"difficulty":24,"lesson_count":33,"first_lesson_slug":34},"01-compare-countries","Module 1: Compare Countries",1,"Two dropdowns, five metrics, side-by-side. The easy-start module.","~60 min",5,"01-data-and-dropdowns",{"module_slug":36,"title":37,"sort_order":38,"is_free":5,"description":39,"duration":40,"difficulty":41,"lesson_count":42,"first_lesson_slug":43},"02-hundred-people","Module 2: 100 People",2,"If the world were 100 people. Five view modes, wave animations, storytelling.","~90 min","Medium",6,"01-data-shape-and-dots",{"module_slug":45,"title":46,"sort_order":47,"is_free":5,"description":48,"duration":49,"difficulty":50,"lesson_count":51,"first_lesson_slug":52},"03-cartogram","Module 3: Cartogram",3,"195 countries as tiles, sized by area, colored by metric. Search, modal, WCAG contrast.","~115 min","Medium-High",7,"01-country-data-layer",{"module_slug":54,"title":55,"sort_order":25,"is_free":5,"description":56,"duration":57,"difficulty":58,"lesson_count":42,"first_lesson_slug":59},"04-language-space","Module 4: Language Space","50+ languages in 3D. Three.js, raycasting, embeddings. The wow finale.","~120 min","Hard","01-embedding-space-data",{"module_slug":61,"title":62,"sort_order":33,"is_free":5,"description":63,"duration":64,"difficulty":58,"lesson_count":25,"first_lesson_slug":65},"05-capstone","Module 5: Capstone","Reflect on the v2 design journey (Path A) or invent your own visualization (Path B). Methodology + submission flow + creative-path stretch.","~3-4 hours","01-the-diversity-audit",{"module_slug":67,"title":68,"sort_order":69,"is_free":5,"description":70,"duration":71,"difficulty":7,"lesson_count":33,"first_lesson_slug":72},"bonus","Bonus Reference",99,"Reference cards and the prompts library compiled across Modules 1-4. Use these alongside the lessons or as standalone references after you finish.","Reference (no fixed duration)","prompt-structure",[74,81,87,94],{"track_slug":75,"title":76,"description":77,"duration":78,"lesson_count":79,"first_lesson_slug":80,"sort_order":30},"track-a-html","Track A: HTML Essentials","Build a solid HTML foundation. From blank file to multi-page site.","~2.5 hours",8,"01-your-first-page",{"track_slug":82,"title":83,"description":84,"duration":85,"lesson_count":51,"first_lesson_slug":86,"sort_order":38},"track-b-css","Track B: CSS Essentials","Master layouts, flexbox, grid, and responsive design.","~2 hours","01-css-basics",{"track_slug":88,"title":89,"description":90,"duration":91,"lesson_count":92,"first_lesson_slug":93,"sort_order":47},"track-c-javascript","Track C: JavaScript Essentials","Variables, functions, DOM manipulation, and async patterns.","~3.5 hours",9,"01-variables-and-data-types",{"track_slug":95,"title":96,"description":97,"duration":78,"lesson_count":79,"first_lesson_slug":98,"sort_order":25},"track-d-frameworks","Track D: Framework Fundamentals","Vue, Svelte, and React side-by-side. Same problems, different solutions.","01-meet-the-frameworks",[100,103,107,111,115],{"page_slug":72,"title":101,"description":102,"sort_order":30},"Prompt Structure Cheat Sheet","The shape every effective course prompt has, plus the anti-patterns to avoid",{"page_slug":104,"title":105,"description":106,"sort_order":38},"prompts-library","Course Prompts Library","Every authored prompt across Modules 1-4, organized for reference and adaptation",{"page_slug":108,"title":109,"description":110,"sort_order":47},"tool-comparison","AI Tool Comparison","Reference distillation of Module 0 lesson 2: which tool for which kind of work, with cost and tradeoff notes",{"page_slug":112,"title":113,"description":114,"sort_order":25},"framework-syntax","Framework Syntax Cheat Sheet","Vue 3.5, Svelte 5, React 19 side-by-side for every pattern the course uses",{"page_slug":116,"title":117,"description":118,"sort_order":33},"architecture-diagram","Globe Explorer Architecture Diagram","What you're building toward, layer by layer: data, features, composition, build, deploy",[120,124,128],{"href":121,"title":122,"description":123,"external":21,"sort_order":30},"https://github.com/danieltofan/framework-battle-starter","Course starter repo","The fork-target scaffold you cloned at the start. Three sibling framework folders, datasets pre-shipped.",{"href":125,"title":126,"description":127,"external":21,"sort_order":38},"https://globe-explorer.codecrank.ai","Globe Explorer — live reference app","The finished four-visualization app. Public + open source. Compare your build against the reference.",{"href":129,"title":130,"description":131,"external":5,"sort_order":47},"mailto:support@neurons.work","Support","Stuck on something the course material does not cover? Email us.","2026-06-13T22:48:17.741Z",{"state":134,"progress_by_module":135,"granted_at":7,"capstone_submission":7,"entitlement_unknown":5,"progress_unknown":5,"capstone_unknown":5},"anonymous",{},[137,140,143,146,149,152,155,158],{"path":138,"title":139,"order":30},"/courses/ai-frontend-dev/prerequisites/track-a-html/01-your-first-page","Your First Page",{"path":141,"title":142,"order":38},"/courses/ai-frontend-dev/prerequisites/track-a-html/02-text-and-headings","Text & Headings",{"path":144,"title":145,"order":47},"/courses/ai-frontend-dev/prerequisites/track-a-html/03-links-and-images","Links & Images",{"path":147,"title":148,"order":25},"/courses/ai-frontend-dev/prerequisites/track-a-html/04-lists-and-tables","Lists & Tables",{"path":150,"title":151,"order":33},"/courses/ai-frontend-dev/prerequisites/track-a-html/05-forms-basics","Forms Basics",{"path":153,"title":154,"order":42},"/courses/ai-frontend-dev/prerequisites/track-a-html/06-semantic-html","Semantic HTML",{"path":156,"title":157,"order":51},"/courses/ai-frontend-dev/prerequisites/track-a-html/07-accessibility-best-practices","Accessibility & Best Practices",{"path":159,"title":160,"order":79},"/courses/ai-frontend-dev/prerequisites/track-a-html/08-meta-tags-and-seo","Meta Tags & SEO",[162,165,168,171,174,177,180,183,186],{"path":163,"title":164,"order":30},"/courses/ai-frontend-dev/prerequisites/track-b-css/01-css-basics","CSS Basics",{"path":166,"title":167,"order":38},"/courses/ai-frontend-dev/prerequisites/track-b-css/02-box-model","The Box Model",{"path":169,"title":170,"order":47},"/courses/ai-frontend-dev/prerequisites/track-b-css/03-typography-and-colors","Typography & Colors",{"path":172,"title":173,"order":25},"/courses/ai-frontend-dev/prerequisites/track-b-css/04-positioning-and-display","Positioning & Display",{"path":175,"title":176,"order":33},"/courses/ai-frontend-dev/prerequisites/track-b-css/05-flexbox","Flexbox",{"path":178,"title":179,"order":42},"/courses/ai-frontend-dev/prerequisites/track-b-css/06-css-grid","CSS Grid",{"path":181,"title":182,"order":51},"/courses/ai-frontend-dev/prerequisites/track-b-css/07-responsive-design","Responsive Design",{"path":184,"title":185,"order":79},"/courses/ai-frontend-dev/prerequisites/track-b-css/08-tailwind-and-daisyui","Tailwind v4 + DaisyUI v5",{"path":187,"title":188,"order":92},"/courses/ai-frontend-dev/prerequisites/track-b-css/09-transitions-and-animations","Transitions and Animations",[190,193,196,199,202,205,208,211,214],{"path":191,"title":192,"order":30},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/01-variables-and-data-types","Variables & Data Types",{"path":194,"title":195,"order":38},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/02-operators-and-expressions","Operators & Expressions",{"path":197,"title":198,"order":47},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/03-control-flow","Control Flow",{"path":200,"title":201,"order":25},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/04-functions","Functions",{"path":203,"title":204,"order":33},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/05-arrays-basics","Arrays - Basics",{"path":206,"title":207,"order":42},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/06-arrays-transform-methods","Arrays - Transform Methods",{"path":209,"title":210,"order":51},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/07-objects-and-destructuring","Objects & Destructuring",{"path":212,"title":213,"order":79},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/08-dom-basics","DOM Basics",{"path":215,"title":216,"order":92},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/09-async-basics","Async Basics",[218,221,224,227,230,233,236,239,242,245,249,253],{"path":219,"title":220,"order":30},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/01-meet-the-frameworks","Meet the Frameworks",{"path":222,"title":223,"order":38},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/02-reactive-state","Reactive State",{"path":225,"title":226,"order":47},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/03-template-vs-jsx","Template Syntax vs JSX",{"path":228,"title":229,"order":25},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/04-handling-events","Handling Events",{"path":231,"title":232,"order":33},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/05-conditional-rendering","Conditional Rendering",{"path":234,"title":235,"order":42},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/06-list-rendering","List Rendering",{"path":237,"title":238,"order":51},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/07-props-and-events","Props & Events",{"path":240,"title":241,"order":79},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/08-side-effects","Side Effects",{"path":243,"title":244,"order":92},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/09-template-refs-and-dom-access","Template Refs and DOM Access",{"path":246,"title":247,"order":248},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/10-portals-teleport","Portals and Teleport",10,{"path":250,"title":251,"order":252},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/11-derived-state-and-memoization","Derived State and Memoization",11,{"path":254,"title":255,"order":256},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/12-routing-basics","Routing Basics",12,1781390896520]