[{"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":137,"sales-track-b-lessons":162,"sales-track-c-lessons":190,"sales-track-d-lessons":218},{"slug":4},"ai-frontend-dev",false,[],null,{"course":9,"modules":16,"prereq_tracks":73,"bonus_pages":100,"useful_links":120,"generated_at":133,"viewer":134},{"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,34,43,52,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",5,"01-ai-mindset",{"module_slug":28,"title":29,"sort_order":30,"is_free":5,"description":31,"duration":32,"difficulty":24,"lesson_count":25,"first_lesson_slug":33},"01-compare-countries","Module 1: Compare Countries",1,"Two dropdowns, five metrics, side-by-side. The easy-start module.","~60 min","01-data-and-dropdowns",{"module_slug":35,"title":36,"sort_order":37,"is_free":5,"description":38,"duration":39,"difficulty":40,"lesson_count":41,"first_lesson_slug":42},"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":44,"title":45,"sort_order":46,"is_free":5,"description":47,"duration":48,"difficulty":49,"lesson_count":50,"first_lesson_slug":51},"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":53,"title":54,"sort_order":55,"is_free":5,"description":56,"duration":57,"difficulty":58,"lesson_count":41,"first_lesson_slug":59},"04-language-space","Module 4: Language Space",4,"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":25,"is_free":5,"description":63,"duration":64,"difficulty":58,"lesson_count":55,"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":25,"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,88,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":86,"first_lesson_slug":87,"sort_order":37},"track-b-css","Track B: CSS Essentials","Master layouts, flexbox, grid, and responsive design.","~2 hours",9,"01-css-basics",{"track_slug":89,"title":90,"description":91,"duration":92,"lesson_count":86,"first_lesson_slug":93,"sort_order":46},"track-c-javascript","Track C: JavaScript Essentials","Variables, functions, DOM manipulation, and async patterns.","~3.5 hours","01-variables-and-data-types",{"track_slug":95,"title":96,"description":97,"duration":78,"lesson_count":98,"first_lesson_slug":99,"sort_order":55},"track-d-frameworks","Track D: Framework Fundamentals","Vue, Svelte, and React side-by-side. Same problems, different solutions.",12,"01-meet-the-frameworks",[101,104,108,112,116],{"page_slug":72,"title":102,"description":103,"sort_order":30},"Prompt Structure Cheat Sheet","The shape every effective course prompt has, plus the anti-patterns to avoid",{"page_slug":105,"title":106,"description":107,"sort_order":37},"prompts-library","Course Prompts Library","Every authored prompt across Modules 1-4, organized for reference and adaptation",{"page_slug":109,"title":110,"description":111,"sort_order":46},"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":113,"title":114,"description":115,"sort_order":55},"framework-syntax","Framework Syntax Cheat Sheet","Vue 3.5, Svelte 5, React 19 side-by-side for every pattern the course uses",{"page_slug":117,"title":118,"description":119,"sort_order":25},"architecture-diagram","Globe Explorer Architecture Diagram","What you're building toward, layer by layer: data, features, composition, build, deploy",[121,125,129],{"href":122,"title":123,"description":124,"external":21,"sort_order":30},"https://github.com/danieltofan/ai-frontend-dev-starter","Course starter repo","The fork-target scaffold you cloned at the start. Three sibling framework folders, datasets pre-shipped.",{"href":126,"title":127,"description":128,"external":21,"sort_order":37},"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":130,"title":131,"description":132,"external":5,"sort_order":46},"mailto:support@neurons.work","Support","Stuck on something the course material does not cover? Email us.","2026-08-08T21:18:48.029Z",{"state":135,"progress_by_module":136,"granted_at":7,"capstone_submission":7,"entitlement_unknown":5,"progress_unknown":5,"capstone_unknown":5},"anonymous",{},[138,141,144,147,150,153,156,159],{"path":139,"title":140,"order":30},"/courses/ai-frontend-dev/prerequisites/track-a-html/01-your-first-page","Your First Page",{"path":142,"title":143,"order":37},"/courses/ai-frontend-dev/prerequisites/track-a-html/02-text-and-headings","Text & Headings",{"path":145,"title":146,"order":46},"/courses/ai-frontend-dev/prerequisites/track-a-html/03-links-and-images","Links & Images",{"path":148,"title":149,"order":55},"/courses/ai-frontend-dev/prerequisites/track-a-html/04-lists-and-tables","Lists & Tables",{"path":151,"title":152,"order":25},"/courses/ai-frontend-dev/prerequisites/track-a-html/05-forms-basics","Forms Basics",{"path":154,"title":155,"order":41},"/courses/ai-frontend-dev/prerequisites/track-a-html/06-semantic-html","Semantic HTML",{"path":157,"title":158,"order":50},"/courses/ai-frontend-dev/prerequisites/track-a-html/07-accessibility-best-practices","Accessibility & Best Practices",{"path":160,"title":161,"order":79},"/courses/ai-frontend-dev/prerequisites/track-a-html/08-meta-tags-and-seo","Meta Tags & SEO",[163,166,169,172,175,178,181,184,187],{"path":164,"title":165,"order":30},"/courses/ai-frontend-dev/prerequisites/track-b-css/01-css-basics","CSS Basics",{"path":167,"title":168,"order":37},"/courses/ai-frontend-dev/prerequisites/track-b-css/02-box-model","The Box Model",{"path":170,"title":171,"order":46},"/courses/ai-frontend-dev/prerequisites/track-b-css/03-typography-and-colors","Typography & Colors",{"path":173,"title":174,"order":55},"/courses/ai-frontend-dev/prerequisites/track-b-css/04-positioning-and-display","Positioning & Display",{"path":176,"title":177,"order":25},"/courses/ai-frontend-dev/prerequisites/track-b-css/05-flexbox","Flexbox",{"path":179,"title":180,"order":41},"/courses/ai-frontend-dev/prerequisites/track-b-css/06-css-grid","CSS Grid",{"path":182,"title":183,"order":50},"/courses/ai-frontend-dev/prerequisites/track-b-css/07-responsive-design","Responsive Design",{"path":185,"title":186,"order":79},"/courses/ai-frontend-dev/prerequisites/track-b-css/08-tailwind-and-daisyui","Tailwind v4 + DaisyUI v5",{"path":188,"title":189,"order":86},"/courses/ai-frontend-dev/prerequisites/track-b-css/09-transitions-and-animations","Transitions and Animations",[191,194,197,200,203,206,209,212,215],{"path":192,"title":193,"order":30},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/01-variables-and-data-types","Variables & Data Types",{"path":195,"title":196,"order":37},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/02-operators-and-expressions","Operators & Expressions",{"path":198,"title":199,"order":46},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/03-control-flow","Control Flow",{"path":201,"title":202,"order":55},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/04-functions","Functions",{"path":204,"title":205,"order":25},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/05-arrays-basics","Arrays - Basics",{"path":207,"title":208,"order":41},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/06-arrays-transform-methods","Arrays - Transform Methods",{"path":210,"title":211,"order":50},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/07-objects-and-destructuring","Objects & Destructuring",{"path":213,"title":214,"order":79},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/08-dom-basics","DOM Basics",{"path":216,"title":217,"order":86},"/courses/ai-frontend-dev/prerequisites/track-c-javascript/09-async-basics","Async Basics",[219,222,225,228,231,234,237,240,243,246,250,254],{"path":220,"title":221,"order":30},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/01-meet-the-frameworks","Meet the Frameworks",{"path":223,"title":224,"order":37},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/02-reactive-state","Reactive State",{"path":226,"title":227,"order":46},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/03-template-vs-jsx","Template Syntax vs JSX",{"path":229,"title":230,"order":55},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/04-handling-events","Handling Events",{"path":232,"title":233,"order":25},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/05-conditional-rendering","Conditional Rendering",{"path":235,"title":236,"order":41},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/06-list-rendering","List Rendering",{"path":238,"title":239,"order":50},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/07-props-and-events","Props & Events",{"path":241,"title":242,"order":79},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/08-side-effects","Side Effects",{"path":244,"title":245,"order":86},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/09-template-refs-and-dom-access","Template Refs and DOM Access",{"path":247,"title":248,"order":249},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/10-portals-teleport","Portals and Teleport",10,{"path":251,"title":252,"order":253},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/11-derived-state-and-memoization","Derived State and Memoization",11,{"path":255,"title":256,"order":98},"/courses/ai-frontend-dev/prerequisites/track-d-frameworks/12-routing-basics","Routing Basics",1786223927464]