{"url": "https://maven.com/p/287bae/ai-assisted-coding-for-designers-e3-just-enough-java-script", "core": {"title": "AI-Assisted Coding for Designers E3: Just Enough JavaScript", "slug": "287bae", "id": 3718, "page_type": "workshop", "description": "JavaScript powers the behavior layer of modern websites. As a designer who codes, you don’t need to master it — just enough to understand what’s going on and how to tweak it.\nThis session helps you see JavaScript as a creative tool, not a technical obstacle, and shows you how AI can fill in the gaps while you focus on structure and intent.", "start_datetime": "2025-04-28T22:00:00Z", "duration_min": 45, "is_recording_public": true, "has_internal_recording": true, "instructor_name": "Junaid Dodhia", "instructor_title": "Software Engineer | Designer | Coding Instructor", "instructor_headline": null, "course_name": "AI-Assisted App Development", "course_slug": "ai-assisted-app-development", "school_name": "Xinran Ma", "school_slug": "xinran", "chapter_count": 14}, "next_data": {"props": {"pageProps": {"apiSchool": {"id": 10770, "slug": "xinran", "name": "Xinran Ma", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1RLW7cQOeYMRN3xZ", "zoom_auth_version": 2, "verified": true, "timezone": "America/New_York", "support_email": null, "school_tags": [{"id": 254, "tag_type": "internal_collection", "label": "Upmarket CLP", "slug": "upmarket-clp", "description": null, "parent_tag_id": null}], "instructor_bio": {"name": "Xinran Ma", "preferred_name": "Xinran", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/3rXbb896SKWoVLUK4MQu_CleanShot%202026-04-16%20at%2012.00.02%402x.png", "image_url_no_bg": "https://user-assets.maven.com/instructor-no-bg/3rXbb896SKWoVLUK4MQu_CleanShot%202026-04-16%20at%2012.00.02%402x.png", "bio_html": "<p>Xinran Ma is the founder and author of Design with AI, speaker, and award-winning designer.</p><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://designwithai.substack.com/\"><strong><u>Design with AI</u></strong></a> is one of the fastest-growing AI communities with over 40K subscribers from companies like Google, Amazon, Microsoft, and McKinsey.</p><p>One of his lightning sessions is Maven's most watched design class with about 7K signups, and he teaches a top design and AI course on Maven: <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://maven.com/xinran/ai-for-product-designers\"><strong>AI for Product Designers</strong></a></p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, the City of Vancouver, Workday, and Pratt Institute.</p><p>Xinran has also written multiple Amazon #1 New Release books in UX.</p>", "headline": "", "title": "Founder of Design with AI |  3x Author | Startup Advisor", "linkedin_url": "https://www.linkedin.com/in/davidmaxinran/", "x_handle": "", "custom_social_link": "https://designwithai.substack.com/", "logos": {"logos": [{"image_url": "https://asset.brandfetch.io/idchmboHEZ/idc7I0n_oy.svg", "type": "logo", "file_type": "svg", "uuid": "8b745c36-eb32-4fe5-9463-32abd63d5f7e", "name": "Microsoft"}, {"image_url": "https://asset.brandfetch.io/id_KsyK7J9/idqgHTh9pg.svg", "type": "logo", "file_type": "svg", "uuid": "b734e9c2-208a-4f04-b0de-cdb7cd7f82c7", "name": "Adobe"}, {"image_url": "https://asset.brandfetch.io/idzyTAzn6G/idEsdAbZSE.svg", "type": "logo", "file_type": "svg", "uuid": "cd15a886-96e3-4152-ad5f-1c5944c48016", "name": "Etsy"}, {"image_url": "https://asset.brandfetch.io/id0V-YF4nE/idAi5TCbxO.svg", "type": "logo", "file_type": "svg", "uuid": "75fd634b-3cd4-4f93-af25-72c14ada6a3d", "name": "Workday"}, {"image_url": "https://asset.brandfetch.io/idawOgYOsG/idEqxL5YFw.svg", "type": "logo", "file_type": "svg", "uuid": "a71bf18e-a516-4735-9634-9ed0f0b85cf3", "name": "Amazon"}], "label": "Trusted by"}, "expert_tagline": "will help you design better with AI", "primary_color": "#022911", "contact_email": "xinran@designwithai.co", "show_contact": true}}, "pageType": "workshop", "school": {"id": 10770, "slug": "xinran", "name": "Xinran Ma", "is_stripe_connected": true, "stripe_connect_account_id": "acct_1RLW7cQOeYMRN3xZ", "zoom_auth_version": 2, "verified": true, "timezone": "America/New_York", "support_email": null, "school_tags": [{"id": 254, "tag_type": "internal_collection", "label": "Upmarket CLP", "slug": "upmarket-clp", "description": null, "parent_tag_id": null}], "instructor_bio": {"name": "Xinran Ma", "preferred_name": "Xinran", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/3rXbb896SKWoVLUK4MQu_CleanShot%202026-04-16%20at%2012.00.02%402x.png", "image_url_no_bg": "https://user-assets.maven.com/instructor-no-bg/3rXbb896SKWoVLUK4MQu_CleanShot%202026-04-16%20at%2012.00.02%402x.png", "bio_html": "<p>Xinran Ma is the founder and author of Design with AI, speaker, and award-winning designer.</p><p><a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://designwithai.substack.com/\"><strong><u>Design with AI</u></strong></a> is one of the fastest-growing AI communities with over 40K subscribers from companies like Google, Amazon, Microsoft, and McKinsey.</p><p>One of his lightning sessions is Maven's most watched design class with about 7K signups, and he teaches a top design and AI course on Maven: <a target=\"_blank\" rel=\"noopener noreferrer nofollow\" href=\"https://maven.com/xinran/ai-for-product-designers\"><strong>AI for Product Designers</strong></a></p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, the City of Vancouver, Workday, and Pratt Institute.</p><p>Xinran has also written multiple Amazon #1 New Release books in UX.</p>", "headline": "", "title": "Founder of Design with AI |  3x Author | Startup Advisor", "linkedin_url": "https://www.linkedin.com/in/davidmaxinran/", "x_handle": "", "custom_social_link": "https://designwithai.substack.com/", "logos": {"logos": [{"image_url": "https://asset.brandfetch.io/idchmboHEZ/idc7I0n_oy.svg", "type": "logo", "file_type": "svg", "uuid": "8b745c36-eb32-4fe5-9463-32abd63d5f7e", "name": "Microsoft"}, {"image_url": "https://asset.brandfetch.io/id_KsyK7J9/idqgHTh9pg.svg", "type": "logo", "file_type": "svg", "uuid": "b734e9c2-208a-4f04-b0de-cdb7cd7f82c7", "name": "Adobe"}, {"image_url": "https://asset.brandfetch.io/idzyTAzn6G/idEsdAbZSE.svg", "type": "logo", "file_type": "svg", "uuid": "cd15a886-96e3-4152-ad5f-1c5944c48016", "name": "Etsy"}, {"image_url": "https://asset.brandfetch.io/id0V-YF4nE/idAi5TCbxO.svg", "type": "logo", "file_type": "svg", "uuid": "75fd634b-3cd4-4f93-af25-72c14ada6a3d", "name": "Workday"}, {"image_url": "https://asset.brandfetch.io/idawOgYOsG/idEqxL5YFw.svg", "type": "logo", "file_type": "svg", "uuid": "a71bf18e-a516-4735-9634-9ed0f0b85cf3", "name": "Amazon"}], "label": "Trusted by"}, "expert_tagline": "will help you design better with AI", "primary_color": "#022911", "contact_email": "xinran@designwithai.co", "show_contact": true}}, "course": {"slug": "ai-assisted-app-development", "school_id": 10770, "name": "AI-Assisted App Development", "id": 15800, "format": "full_course", "description": "Gain essential skills to build full-stack apps with tools like Replit and Cursor", "attrs": {"courses_page_highlight_order_index": null, "custom_landing_page_url": null, "facebook_pixel_id": null, "is_course_application_enabled": false, "is_demoted_on_courses_page": false, "is_hidden_by_maven_staff": false, "is_live_on_courses_page": true, "short_description": null, "skip_landing_page": null, "satisfaction_guarantee_status": "unset"}, "social_image_url": "https://d2426xcxuh3ht5.cloudfront.net/vrO9in7bT0mQoNBUie7X_Maven Course Poster.jpg", "course_image_url": null, "clp_hero_media": {"media_type": "image_url", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/K1jduSMzTpcpMn7Uipof_Maven Course Poster.jpg", "youtube_video_id": "dQw4w9WgXcQ", "vimeo_video_id": null}, "instructor_infos": [{"name": "Junaid Dodhia", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/si7vvuuESs2EQFx8UJXG_junaid.jpg", "image_url_no_bg": null, "uuid": "2258e4ae-f0cb-495a-9380-dfc77770f97e", "bio_html": "<p>Junaid is an engineer, designer, and coding instructor working at the intersection of design, code, and human behavior. He was an early engineer at YC-backed startups and holds a Master’s in Information Systems from Carnegie Mellon University.</p><p><br></p><p>He teaches coding at Tutor Corps and has taught K–12 students at Coding Minds Academy, where he led introductory coding classes and contributed to curriculum design and mentorship. He's passionate about helping designers build technical confidence and bring their ideas to life.</p><p><br></p><p>Junaid builds with a production-ready stack and AI-powered code editors, blending speed with systems thinking and human-centered design. His work focuses on shaping tools that shape how we learn, create, and collaborate.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/junaiddodhia/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Junaid on LinkedIn</strong></a></p>", "headline": "", "title": "Software Engineer | Designer | Coding Instructor", "linkedin_url": null, "twitter_handle": null, "custom_social_link": null, "logos": null, "highlights": null, "highlights_html": null, "preferred_name": null}, {"name": "Xinran Ma", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/Uc3CahYTrellwQMG3Va9_Xinran Ma-s photo.png", "image_url_no_bg": null, "uuid": "8b2d03b1-5427-4564-8db2-cc04e88972e9", "bio_html": "<p>Xinran Ma is the founder of Design with AI (designwithai.co), speaker, and award-winning designer.</p><p><br></p><p>Design with AI is one of the fastest-growing AI communities, gaining over 2k new subscribers each month from companies like Google, Amazon, Microsoft, IBM, and McKinsey.</p><p><br></p><p>He is also the author of multiple Amazon #1 New Release books in UX. He has been awarded ADPList's Top 1% Mentor in Design 5 times.</p><p><br></p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, University of Connecticut, and Pratt Institute.</p><p><br></p><p>Xinran also teaches the course AI for Product Designers on Maven.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/davidmaxinran/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Xinran on LinkedIn</strong></a></p>", "headline": "", "title": "Founder of Design with AI | 3x Author", "linkedin_url": null, "twitter_handle": null, "custom_social_link": null, "logos": null, "highlights": null, "highlights_html": null, "preferred_name": null}], "instructor_caption": "A Builder Who Designs + A Designer Who Builds", "course_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 77, "tag_type": "deprecated", "label": "AI for creativity", "slug": "x-subcategory-ai-for-creativity", "description": null, "parent_tag_id": 35}, {"id": 89, "tag_type": "deprecated", "label": "AI and design", "slug": "x-subcategory-ai-and-design", "description": null, "parent_tag_id": 30}, {"id": 216, "tag_type": "internal_collection", "label": "[LEGACY] Instructor Owned CLC Opt-in", "slug": "legacy-instructor-owned-clc", "description": null, "parent_tag_id": null}, {"id": 244, "tag_type": "internal_collection", "label": "Courses filtered for recommendations", "slug": "courses-filtered-for-recommendations", "description": null, "parent_tag_id": null}, {"id": 293, "tag_type": "persona", "label": "For Engineers", "slug": "for-engineers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}]}, "contentPageSlug": "287bae", "contentPage": {"id": 3718, "school_id": 10770, "slug": "287bae", "content_page_type": "workshop", "sections": [{"uuid": "b5444a29-c172-4376-9707-ce8b21675e1f", "title": "AI-Assisted Coding for Designers E3: Just Enough JavaScript", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/g8XPIvNR0mi1nHmPQk00_Maven Course Poster (21).jpg", "is_visible": true, "topic_desc": "JavaScript powers the behavior layer of modern websites. As a designer who codes, you don’t need to master it — just enough to understand what’s going on and how to tweak it.\nThis session helps you see JavaScript as a creative tool, not a technical obstacle, and shows you how AI can fill in the gaps while you focus on structure and intent.", "brand_logos": {"label": "Previously partnered with", "logos": [{"name": "Carnegie Mellon University", "type": "logo", "uuid": "7fadec44-217e-4370-bf74-7c73c58310c0", "file_type": "png", "image_url": "https://asset.brandfetch.io/idWWVARKQG/idqMcmBbWn.png"}, {"name": "Columbia University", "type": "logo", "uuid": "53baf3aa-f958-4522-ac3c-94d79e40ef56", "file_type": "svg", "image_url": "https://asset.brandfetch.io/id7Qv27obq/idfLVL9hGY.svg"}, {"name": "Pratt Institute", "type": "logo", "uuid": "45f61ac9-c1bd-45a6-bfe3-8db86a438f44", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idIfsv8U5W/idPNaS1JHm.svg"}, {"name": "Amazon", "type": "logo", "uuid": "cb3b30b8-f0ab-4bb6-9338-8b0acd3b2d9d", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idawOgYOsG/idUUe3nD1e.svg"}, {"name": "UConn", "type": "logo", "uuid": "8717bad3-9cc5-4d98-8ef2-b0959d5678d6", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idKWP5n9jv/idSCnCAxig.svg"}]}, "section_type": "main", "instructor_infos": [{"name": "Junaid Dodhia", "uuid": "d5b710f5-3617-4c89-af5b-3e233f77fa3c", "title": "Software Engineer | Designer | Coding Instructor", "bio_html": "<p>Junaid is an engineer, designer, and coding instructor working at the intersection of design, code, and human behavior. He was an early engineer at YC-backed startups and holds a Master’s in Information Systems from Carnegie Mellon University.</p><p><br></p><p>He teaches coding at Tutor Corps and has taught K–12 students at Coding Minds Academy, where he led introductory coding classes and contributed to curriculum design and mentorship. He's passionate about helping designers build technical confidence and bring their ideas to life.</p><p><br></p><p>Junaid builds with a production-ready stack and AI-powered code editors, blending speed with systems thinking and human-centered design. His work focuses on shaping tools that shape how we learn, create, and collaborate.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/junaiddodhia/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Junaid on LinkedIn</strong></a></p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/asxGRzdoRN2lGmaaqHPg_image 126.jpg"}, {"name": "Xinran Ma", "uuid": "bafaadff-5801-4dfb-a928-1eee3ddcef6e", "title": "Founder of Design with AI | AI Course Instructor | 3x Author", "bio_html": "<p>Xinran Ma is the founder of Design with AI (designwithai.co), speaker, and award-winning designer.</p><p><br></p><p>Design with AI is one of the fastest-growing AI communities (over 2,000 new members every month), with subscribers from companies like Google, Amazon, IBM, and McKinsey.</p><p><br></p><p>He is also the author of multiple Amazon #1 New Release books in UX. He has mentored 300+ product designers and been awarded ADPList's Top 1% Mentor in Design 5 times.</p><p><br></p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, University of Connecticut, and Pratt Institute. His work has been featured in leading publications, including Designboom, UX Collective, ArchDaily, American Illustration, Society of Illustrators, 3x3 Magazine, and Medium.</p><p><br></p><p>Xinran teaches the course AI for Product Designers on Maven.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/davidmaxinran/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Xinran on LinkedIn</strong></a></p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/w8vDMPQjRWeNlKym5fh8_Xinran Ma-s photo.png"}], "learning_outcomes": [{"uuid": "35209668-2b1a-4cb1-8f5f-7988dd99cec3", "title": "The Basics, Without the Bloat", "description": "Understand the core concepts of JavaScript that actually show up in real projects — variables, functions, and DOM intera"}, {"uuid": "a607c869-1979-4573-800a-f9b805403d16", "title": "Making Your UI Interactive", "description": "Learn how to use JavaScript to add behavior to your designs — button clicks, hover states, dynamic elements, and more."}, {"uuid": "d8c63de9-56f1-47d9-be44-9916b17a137a", "title": "How AI Can Help You Learn Code", "description": "Discover how to use AI to explain unfamiliar code, suggest changes, and help you debug while you build."}]}], "created_at": "2026-02-12T20:59:49.368770Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 15800, "course_stripe_promo_code_id": null}, "school_event": {"id": 3718, "slug": null, "title": "AI-Assisted Coding for Designers E3: Just Enough JavaScript", "description": null, "start_datetime": "2025-04-28T22:00:00Z", "end_datetime": "2025-04-28T22:45:00Z", "start_date": "2025-04-28", "start_time": "18:00:00", "duration_min": 45, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 98}, "relatedWorkshops": [{"id": 2643, "school_id": 10770, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 15800, "workshop_tags": [{"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 159, "tag_type": "internal_collection", "label": "LL non-instructor", "slug": "ll-non-instructor", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 361, "tag_type": "topic", "label": "Technical Foundations", "slug": "technical-foundations", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 3470, "school_id": 10770, "slug": "625216", "content_page_type": "workshop", "sections": [{"uuid": "f940746a-b9d3-4f3f-ae69-024a9d746042", "title": "AI-Assisted Coding for Designers E2: How Web Apps Work", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/tbO7gxfzS7i9BpHRyGix_Maven Course Poster (19).jpg", "is_visible": true, "topic_desc": "Get a clear, high-level understanding of how modern web apps work—so your design choices get sharper and dev handoffs smoother. \n\nWhether you're sketching a feature or mapping a flow, knowing how the parts connect helps you ask better questions and avoid common pitfalls. \n\nThis is Episode 2 of the series: AI-Assisted Coding for Designers.", "brand_logos": {"label": "Previously partnered with", "logos": [{"name": "Carnegie Mellon University", "type": "logo", "uuid": "6c889946-202e-48d0-9eff-39f90d816287", "file_type": "png", "image_url": "https://asset.brandfetch.io/idWWVARKQG/idqMcmBbWn.png"}, {"name": "Columbia University", "type": "logo", "uuid": "a1eda757-3732-40be-8408-4eee90cb1feb", "file_type": "svg", "image_url": "https://asset.brandfetch.io/id7Qv27obq/idfLVL9hGY.svg"}, {"name": "Pratt Institute", "type": "logo", "uuid": "40e5bce3-61b2-4391-a583-1394145f4167", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idIfsv8U5W/idPNaS1JHm.svg"}, {"name": "UConn", "type": "logo", "uuid": "c4a9b4f6-7281-4706-a65a-641fb1a4eb49", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idKWP5n9jv/idSCnCAxig.svg"}, {"name": "Amazon", "type": "logo", "uuid": "0e32d529-aa5d-471c-921a-47849f4285d4", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idawOgYOsG/idUUe3nD1e.svg"}]}, "section_type": "main", "instructor_infos": [{"name": "Junaid Dodhia", "uuid": "b3fd268c-7f80-4ebf-9726-e484c826b982", "title": "Software Engineer | Designer | Coding Instructor", "bio_html": "<p>Junaid is an engineer, designer, and coding instructor working at the intersection of design, code, and human behavior. He was an early engineer at YC-backed startups and holds a Master’s in Information Systems from Carnegie Mellon University.</p><p><br></p><p>He teaches coding at Tutor Corps and has taught K–12 students at Coding Minds Academy, where he led introductory coding classes and contributed to curriculum design and mentorship. He's passionate about helping designers build technical confidence and bring their ideas to life.</p><p><br></p><p>Junaid builds with a production-ready stack and AI-powered code editors, blending speed with systems thinking and human-centered design. His work focuses on shaping tools that shape how we learn, create, and collaborate.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/junaiddodhia/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Junaid on LinkedIn</strong></a></p><p><br></p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/1adJbkffSsucGlm36jLT_1741699279629.jpeg"}, {"name": "Xinran Ma", "uuid": "d8cadab7-45da-4883-9317-d341bcfec446", "title": "Founder of Design with AI | AI Course Instructor | 3x Author", "bio_html": "<p>Xinran Ma is the founder of Design with AI (designwithai.co), speaker, and award-winning designer.</p><p><br></p><p>Design with AI is one of the fastest-growing AI communities (over 2,000 new members every month), with subscribers from companies like Google, Amazon, IBM, and McKinsey.</p><p><br></p><p>He is also the author of multiple Amazon #1 New Release books in UX and has been awarded ADPList's Top 1% Mentor in Design 5 times.</p><p><br></p><p>He regularly delivers lectures and conducts AI workshops at places such as Microsoft, Columbia Business School, UXPA, University of Connecticut, and Pratt Institute. His work has been featured in leading publications, including Designboom, UX Collective, ArchDaily, American Illustration, Society of Illustrators, 3x3 Magazine, and Medium.</p><p><br></p><p>Xinran teaches the course AI for Product Designers on Maven.</p><p><br></p><p><a href=\"https://www.linkedin.com/in/davidmaxinran/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>Connect with Xinran on LinkedIn</strong></a></p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/x6cfmecYSPiZPooLKPlh_Xinran Ma-s photo.png"}], "learning_outcomes": [{"uuid": "c865d618-48a0-4fa0-b4d3-ff09669892b6", "title": "The Big Picture", "description": "Understand how the frontend, backend, database, and APIs connect—and why that matters when building anything on web."}, {"uuid": "44a338b4-3221-4232-8b32-9d4df6d63665", "title": "Mental Models for Modern Apps", "description": "Learn the key moving parts behind tools like Next.js, Supabase, and Stripe — without getting overwhelmed by code."}, {"uuid": "e50b6d7d-9fcd-4e1d-88e5-d3d409d62a4d", "title": "A Designer’s Guide to Architecture", "description": "See how design decisions shape performance, structure, user experience—so you can build and collaborate with confidence."}]}], "created_at": "2026-02-12T20:59:18.534479Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 15800, "course_stripe_promo_code_id": null}, "school_event": {"id": 3470, "slug": null, "title": "AI-Assisted Coding for Designers E2: How Web Apps Work", "description": null, "start_datetime": "2025-04-24T22:00:00Z", "end_datetime": "2025-04-24T22:45:00Z", "start_date": "2025-04-24", "start_time": "18:00:00", "duration_min": 45, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 124}}, {"id": 3815, "school_id": 15087, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 17014, "workshop_tags": [{"id": 31, "tag_type": "category", "label": "Data & engineering", "slug": "engineering-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 137, "tag_type": "internal_collection", "label": "Instructor", "slug": "Instructor", "description": null, "parent_tag_id": null}, {"id": 293, "tag_type": "persona", "label": "For Engineers", "slug": "for-engineers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 4655, "school_id": 15087, "slug": "0ede3d", "content_page_type": "workshop", "sections": [{"uuid": "016533bf-6e40-423c-a1a3-2c0b46ffd5c6", "title": "Make AI Work With Any Codebase", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/hKgoFcY0QB6JcZSnmBsI_Duo Instructor (11).png", "is_visible": true, "topic_desc": "This talk shares practical strategies from a real-world project integrating AI into development workflow.  What works,\n  what doesn't, and how to structure code so AI tools can help without degrading quality.", "brand_logos": {"label": "Previously at", "logos": []}, "section_type": "main", "instructor_infos": [{"name": "Danny Roy Greenfeld", "uuid": "8df36b68-47ef-4351-9eb1-046d79adc25b", "logos": null, "title": "Ex-NASA - Co-creator of Air, Two Scoops of Django, Cookiecutter-Django", "bio_html": "<p>Daniel Roy Greenfeld (aka “pydanny”) is co-creator and project leader of Air, the new Python web framework powered by FastAPI, Starlette, and HTMX. Daniel is a seasoned software engineer, author, and speaker with 28 years of professional experience. He is best known as co-authoring the Two Scoops of Django series with his wife, Audrey Roy Greenfeld. A long-time open source contributor, he is the creator or co-creator of numerous open-source tools, including Django Packages, Cookiecutter-Django, django-crispy-forms, and has submitted code to hundreds of packages over the years. He has worked at NASA, Kraken Technologies, and Answer AI - an AI research lab. He is father to a happy 6-year-old daughter named Uma, who shares his love for documentaries and Mark Rober videos.</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/y0eFSEE2Tn2b7x691j32_Dannny.jpg", "highlights": null, "linkedin_url": null, "twitter_handle": null, "image_url_no_bg": null, "custom_social_link": null}, {"name": "Isaac Flath", "uuid": "c18c3f3a-e51b-45e8-b1ee-da682e6af775", "logos": {"label": "", "logos": []}, "title": "Founder:Kentro Tech, Creator:MonsterUI, Contributor: FastHTML", "bio_html": "<p>Isaac is an independent consultant who has helped many companies incorporate AI into their products.  I created MonsterUI and have made many contributions to FastHTML and am a core contributor to air.  Previously, I worked in several successful AI labs, including Novetta and Answer AI.</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/3nbHON18RHGTPVs62SFg_profile_img.jpg", "highlights": [], "linkedin_url": "", "twitter_handle": "", "image_url_no_bg": null, "custom_social_link": ""}], "learning_outcomes": [{"uuid": "47b5a96c-44f6-447e-8986-322ad3d690f4", "title": "How to use AI in projects not in the model's training data", "description": ""}, {"uuid": "8febd61f-fec3-4fae-9490-e4ddd5a39208", "title": "How to Accelerate Development with AI", "description": ""}, {"uuid": "6373898b-dc67-4c4f-aa40-4c7fd364794a", "title": "AI's Sweet Spots and Limitations", "description": ""}, {"uuid": "5eac27b0-e89c-44b6-b952-620b121e9b80", "title": "Verification Strategies for AI-Generated Code", "description": ""}, {"uuid": "33c57410-eef0-4de2-83ff-fc3d97081dde", "title": "Insight into the development of a new web framework", "description": ""}]}], "created_at": "2026-02-12T21:02:11.302747Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 17014, "course_stripe_promo_code_id": null}, "school_event": {"id": 4655, "slug": null, "title": "Make AI Work With Any Codebase", "description": null, "start_datetime": "2025-08-05T02:00:00Z", "end_datetime": "2025-08-05T02:45:00Z", "start_date": "2025-08-04", "start_time": "22:00:00", "duration_min": 45, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 288}}, {"id": 3696, "school_id": 14325, "is_visible_on_discovery_page": true, "is_canceled": false, "is_delisted": false, "connected_course_id": 16569, "workshop_tags": [{"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 293, "tag_type": "persona", "label": "For Engineers", "slug": "for-engineers", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}], "published_content_page": {"id": 4534, "school_id": 14325, "slug": "bbbc5e", "content_page_type": "workshop", "sections": [{"uuid": "1fc3559e-063b-4212-a3cd-b2a93314df17", "title": "Coding with AI Agents: English is All You Need", "version": 1, "image_url": "https://d2426xcxuh3ht5.cloudfront.net/tOUMkq6S8aE6ksLVJuWC_Screenshot 2025-07-11 at 8.50.06 PM.png", "is_visible": true, "topic_desc": "You've heard of \"vibe coding\", but you've probably also heard that it's just for toy apps, or not for use by real engineers.  \n\nPrompt Driven Development (PDD) is how we build real stuff with LLM code.  I'll explain it, show a few examples in real time, and set you up to go try it yourself.\n\nDesigned for anyone who wants to build with AI (dev, PM, design, hobbyists) -- all skill levels welcome!", "brand_logos": {"label": "Previously at ESPN, NBCU, SSTK, Viacom", "logos": [{"name": "ESPN", "type": "logo", "uuid": "232abd6c-3d02-44b1-a526-91d0bcf3f22b", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idP3QUGHob/iddhrweDKo.svg"}, {"name": "NBCUniversal", "type": "logo", "uuid": "5de7d7c7-6776-4eac-a593-0b395982f77d", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idJdn3jjkg/idxpIX9uTt.svg"}, {"name": "Shutterstock", "type": "logo", "uuid": "4d81c1ba-6db1-4458-a0d9-3c22f08865a8", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idARQdeG69/idKXdGOWQq.svg"}, {"name": "pond5", "type": "logo", "uuid": "df869c26-76b2-46b1-8eb9-58e9ae87168a", "file_type": "svg", "image_url": "https://asset.brandfetch.io/idpI7NyuqU/idc0OSZCPw.svg"}, {"name": "Paramount", "type": "icon", "uuid": "edaf333f-d662-4f7d-8df1-3e0f48428678", "file_type": "jpeg", "image_url": "https://asset.brandfetch.io/idf0UFIrOA/idU18e3TmM.jpeg"}]}, "section_type": "main", "instructor_infos": [{"name": "Dan Mason", "uuid": "393e4f1e-e07e-4b8f-899b-f95adfbd0f2d", "logos": null, "title": "Principal, AI @ Stride | ex-ESPN, NBCU, SSTK | Agentic AI Expert", "bio_html": "<p>I'm a former developer turned product guy turned engineer again (thanks to AI). I know what it takes to ship production software without writing a single line of code, and I can show you how.  Check out my one-day workshop (below) for more!</p>", "image_url": "https://d2426xcxuh3ht5.cloudfront.net/L6eU0gTsRvqelkDop212_Beach French mag.png", "highlights": null, "linkedin_url": null, "twitter_handle": null, "image_url_no_bg": null, "custom_social_link": null}], "learning_outcomes": [{"uuid": "96a7b4fc-0278-44b0-94c4-ae1a285ac7f3", "title": "How to use AI coding tools", "description": "I'll show you how l work with real software using agentic tools like Cline and Claude Code -- no hand-coding allowed!"}, {"uuid": "1ff98b19-d9e2-4948-8ced-f826178dd1cc", "title": "Communicate effectively with AI", "description": "I'll teach you to talk to the models (in English) to get reliable results and avoid common mistakes"}, {"uuid": "51250cdf-2fca-4909-b03e-fec5604d76c9", "title": "Start building immediately", "description": "Get the setup, skills, and workflow to begin shipping your own AI-powered applications"}]}], "created_at": "2026-02-12T21:01:55.154387Z", "updated_at": null, "theme": null, "attrs": {"type": "workshop", "is_canceled": false, "is_delisted": false, "connected_course_id": 16569, "course_stripe_promo_code_id": null}, "school_event": {"id": 4534, "slug": null, "title": "Coding with AI Agents: English is All You Need", "description": null, "start_datetime": "2025-07-21T16:00:00Z", "end_datetime": "2025-07-21T16:30:00Z", "start_date": "2025-07-21", "start_time": "12:00:00", "duration_min": 30, "timezone": "America/New_York", "has_internal_recording": true, "is_recording_public": true}, "num_signups": 165}}], "exploreCourses": null, "workshopTags": [{"id": 159, "tag_type": "internal_collection", "label": "LL non-instructor", "slug": "ll-non-instructor", "description": null, "parent_tag_id": null}, {"id": 30, "tag_type": "category", "label": "Design", "slug": "design-ll", "description": null, "parent_tag_id": null}, {"id": 35, "tag_type": "category", "label": "AI", "slug": "ai-ll", "description": null, "parent_tag_id": null}, {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}, {"id": 313, "tag_type": "topic", "label": "AI", "slug": "ai", "description": null, "parent_tag_id": null}], "videoChapters": [{"title": "Introduction to 'Just Enough JavaScript'", "start_seconds": 0}, {"title": "Series Overview and Recap of Web App Architecture", "start_seconds": 144}, {"title": "Today's Learning Goals", "start_seconds": 446}, {"title": "Web Design Basics: The Box Model (Divs and Sections)", "start_seconds": 472}, {"title": "Using AI to Understand Code Concepts", "start_seconds": 704}, {"title": "JavaScript Core Essentials: Variables", "start_seconds": 914}, {"title": "JavaScript Core Essentials: Functions", "start_seconds": 1081}, {"title": "JavaScript Core Essentials: Event Listeners", "start_seconds": 1270}, {"title": "TypeScript vs. JavaScript: Understanding Type Safety", "start_seconds": 1420}, {"title": "Recommended Learning Resource for TypeScript", "start_seconds": 1671}, {"title": "Understanding the 'fetch' Function for API Calls", "start_seconds": 1725}, {"title": "Key Takeaways and Session Summary", "start_seconds": 1851}, {"title": "Preview of Next Episodes & Required Tools", "start_seconds": 1932}, {"title": "Q&A and Closing Remarks", "start_seconds": 2182}], "navPages": [{"category": {"slug": "ai", "href": "/courses/ai", "title": "AI", "palette": {"--palette-category-base": "#460952", "--palette-category-highlight": "#931FAA", "--palette-category-border": "#EDA6FB"}}, "topics": [{"title": "Agentic AI", "slug": "ai/agentic-ai", "href": "/courses/ai/agentic-ai"}, {"title": "Coding with AI", "slug": "ai/ai-coding", "href": "/courses/ai/ai-coding"}, {"title": "AI Workflows", "slug": "ai/ai-workflows", "href": "/courses/ai/ai-workflows"}, {"title": "Claude Code", "slug": "ai/claude-code", "href": "/courses/ai/claude-code"}, {"title": "OpenClaw", "slug": "ai/openclaw", "href": "/courses/ai/openclaw"}, {"title": "Vibe Coding", "slug": "ai/vibe-coding", "href": "/courses/ai/vibe-coding"}, {"title": "AI Evals", "slug": "ai/evals", "href": "/courses/ai/evals"}, {"title": "AI Transformation", "slug": "ai/ai-transformation", "href": "/courses/ai/ai-transformation"}, {"title": "RAG & Search", "slug": "ai/rag-search", "href": "/courses/ai/rag-search"}, {"title": "MCP", "slug": "ai/mcp", "href": "/courses/ai/mcp"}, {"title": "AI for PMs", "slug": "ai/for-product-managers", "href": "/courses/ai/for-product-managers"}, {"title": "AI for Engineers", "slug": "ai/for-engineers", "href": "/courses/ai/for-engineers"}, {"title": "AI for Designers", "slug": "ai/for-designers", "href": "/courses/ai/for-designers"}, {"title": "AI for Marketers", "slug": "ai/for-marketers", "href": "/courses/ai/for-marketers"}, {"title": "AI for Founders", "slug": "ai/for-founders", "href": "/courses/ai/for-founders"}]}, {"category": {"slug": "product", "href": "/courses/product", "title": "Product", "palette": {"--palette-category-base": "#510B00", "--palette-category-highlight": "#B33600", "--palette-category-border": "#F7804D"}}, "topics": [{"title": "AI for PMs", "slug": "for-product-managers/ai", "href": "/courses/for-product-managers/ai"}, {"title": "Agentic AI", "slug": "for-product-managers/agentic-ai", "href": "/courses/for-product-managers/agentic-ai"}, {"title": "AI Evals", "slug": "for-product-managers/ai-evals", "href": "/courses/for-product-managers/ai-evals"}, {"title": "Vibe Coding", "slug": "for-product-managers/vibe-coding", "href": "/courses/for-product-managers/vibe-coding"}, {"title": "Product Sense", "slug": "for-product-managers/product-sense", "href": "/courses/for-product-managers/product-sense"}, {"title": "Product Discovery", "slug": "for-product-managers/product-discovery", "href": "/courses/for-product-managers/product-discovery"}, {"title": "User Research", "slug": "for-product-managers/user-research", "href": "/courses/for-product-managers/user-research"}, {"title": "Prototyping", "slug": "for-product-managers/prototyping", "href": "/courses/for-product-managers/prototyping"}, {"title": "Growth", "slug": "for-product-managers/growth", "href": "/courses/for-product-managers/growth"}, {"title": "Analytics", "slug": "for-product-managers/analytics", "href": "/courses/for-product-managers/analytics"}, {"title": "Tech Foundations", "slug": "for-product-managers/technical-foundations", "href": "/courses/for-product-managers/technical-foundations"}, {"title": "Strategy", "slug": "for-product-managers/strategy", "href": "/courses/for-product-managers/strategy"}, {"title": "Influence", "slug": "for-product-managers/influence", "href": "/courses/for-product-managers/influence"}, {"title": "Leadership", "slug": "for-product-managers/leadership", "href": "/courses/for-product-managers/leadership"}, {"title": "Career Growth", "slug": "for-product-managers/career-growth", "href": "/courses/for-product-managers/career-growth"}]}, {"category": {"slug": "engineering", "href": "/courses/engineering", "title": "Engineering", "palette": {"--palette-category-base": "#00332F", "--palette-category-highlight": "#00746B", "--palette-category-border": "#88B7B2"}}, "topics": [{"title": "AI for Engineers", "slug": "for-engineers/ai", "href": "/courses/for-engineers/ai"}, {"title": "Agentic AI", "slug": "for-engineers/agentic-ai", "href": "/courses/for-engineers/agentic-ai"}, {"title": "Coding with AI", "slug": "for-engineers/ai-coding", "href": "/courses/for-engineers/ai-coding"}, {"title": "Claude Code", "slug": "for-engineers/claude-code", "href": "/courses/for-engineers/claude-code"}, {"title": "OpenClaw", "slug": "for-engineers/openclaw", "href": "/courses/for-engineers/openclaw"}, {"title": "MCP", "slug": "for-engineers/mcp", "href": "/courses/for-engineers/mcp"}, {"title": "RAG & Search", "slug": "for-engineers/rag-search", "href": "/courses/for-engineers/rag-search"}, {"title": "AI Evals", "slug": "for-engineers/ai-evals", "href": "/courses/for-engineers/ai-evals"}, {"title": "Machine Learning", "slug": "for-engineers/ml", "href": "/courses/for-engineers/ml"}, {"title": "LLM Ops", "slug": "for-engineers/llm-ops", "href": "/courses/for-engineers/llm-ops"}, {"title": "Context Eng", "slug": "for-engineers/context-engineering", "href": "/courses/for-engineers/context-engineering"}, {"title": "Security", "slug": "for-engineers/security", "href": "/courses/for-engineers/security"}, {"title": "System Design", "slug": "for-engineers/system-design", "href": "/courses/for-engineers/system-design"}, {"title": "Leadership", "slug": "for-engineers/leadership", "href": "/courses/for-engineers/leadership"}, {"title": "Career Growth", "slug": "for-engineers/career-growth", "href": "/courses/for-engineers/career-growth"}]}, {"category": {"slug": "design", "href": "/courses/design", "title": "Design", "palette": {"--palette-category-base": "#38085F", "--palette-category-highlight": "#772CBB", "--palette-category-border": "#B5A2D0"}}, "topics": [{"title": "AI for Designers", "slug": "for-designers/ai", "href": "/courses/for-designers/ai"}, {"title": "Agentic AI", "slug": "for-designers/agentic-ai", "href": "/courses/for-designers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-designers/vibe-coding", "href": "/courses/for-designers/vibe-coding"}, {"title": "Prototyping", "slug": "for-designers/prototyping", "href": "/courses/for-designers/prototyping"}, {"title": "Figma", "slug": "for-designers/figma", "href": "/courses/for-designers/figma"}, {"title": "Design Systems", "slug": "for-designers/design-systems", "href": "/courses/for-designers/design-systems"}, {"title": "User Research", "slug": "for-designers/user-research", "href": "/courses/for-designers/user-research"}, {"title": "Product Discovery", "slug": "for-designers/product-discovery", "href": "/courses/for-designers/product-discovery"}, {"title": "UX", "slug": "for-designers/ux", "href": "/courses/for-designers/ux"}, {"title": "UI", "slug": "for-designers/ui", "href": "/courses/for-designers/ui"}, {"title": "Visual Design", "slug": "for-designers/visual-design", "href": "/courses/for-designers/visual-design"}, {"title": "Design Strategy", "slug": "for-designers/strategy", "href": "/courses/for-designers/strategy"}, {"title": "Influence", "slug": "for-designers/influence", "href": "/courses/for-designers/influence"}, {"title": "Leadership", "slug": "for-designers/leadership", "href": "/courses/for-designers/leadership"}, {"title": "Career Growth", "slug": "for-designers/career-growth", "href": "/courses/for-designers/career-growth"}]}, {"category": {"slug": "marketing", "href": "/courses/marketing", "title": "Marketing", "palette": {"--palette-category-base": "#431532", "--palette-category-highlight": "#943170", "--palette-category-border": "#C99EB5"}}, "topics": [{"title": "AI for Marketers", "slug": "for-marketers/ai", "href": "/courses/for-marketers/ai"}, {"title": "Agentic AI", "slug": "for-marketers/agentic-ai", "href": "/courses/for-marketers/agentic-ai"}, {"title": "Vibe Coding", "slug": "for-marketers/vibe-coding", "href": "/courses/for-marketers/vibe-coding"}, {"title": "Automation", "slug": "for-marketers/marketing-automation", "href": "/courses/for-marketers/marketing-automation"}, {"title": "Content Marketing", "slug": "for-marketers/content-marketing", "href": "/courses/for-marketers/content-marketing"}, {"title": "Demand Gen", "slug": "for-marketers/demand-generation", "href": "/courses/for-marketers/demand-generation"}, {"title": "Go-to-Market", "slug": "for-marketers/gtm", "href": "/courses/for-marketers/gtm"}, {"title": "Product Marketing", "slug": "for-marketers/product-marketing", "href": "/courses/for-marketers/product-marketing"}, {"title": "Positioning", "slug": "for-marketers/positioning", "href": "/courses/for-marketers/positioning"}, {"title": "Social Media", "slug": "for-marketers/social-media", "href": "/courses/for-marketers/social-media"}, {"title": "Brand", "slug": "for-marketers/brand", "href": "/courses/for-marketers/brand"}, {"title": "B2B Marketing", "slug": "for-marketers/b2b", "href": "/courses/for-marketers/b2b"}, {"title": "SEO & AEO", "slug": "for-marketers/seo-aeo", "href": "/courses/for-marketers/seo-aeo"}, {"title": "Strategy", "slug": "for-marketers/strategy", "href": "/courses/for-marketers/strategy"}, {"title": "Leadership", "slug": "for-marketers/leadership", "href": "/courses/for-marketers/leadership"}]}, {"category": {"slug": "leadership", "href": "/courses/leadership", "title": "Leadership", "palette": {"--palette-category-base": "#50090E", "--palette-category-highlight": "#A9202A", "--palette-category-border": "#D49C98"}}, "topics": [{"title": "AI for Leaders", "slug": "for-leaders/ai", "href": "/courses/for-leaders/ai"}, {"title": "Agentic AI", "slug": "for-leaders/agentic-ai", "href": "/courses/for-leaders/agentic-ai"}, {"title": "AI Transformation", "slug": "for-leaders/ai-transformation", "href": "/courses/for-leaders/ai-transformation"}, {"title": "AI Governance", "slug": "for-leaders/ai-governance", "href": "/courses/for-leaders/ai-governance"}, {"title": "Communication", "slug": "for-leaders/communication", "href": "/courses/for-leaders/communication"}, {"title": "Influence", "slug": "for-leaders/influence", "href": "/courses/for-leaders/influence"}, {"title": "Strategy", "slug": "for-leaders/strategy", "href": "/courses/for-leaders/strategy"}, {"title": "Management", "slug": "for-leaders/management", "href": "/courses/for-leaders/management"}, {"title": "People Operations", "slug": "for-leaders/people-operations", "href": "/courses/for-leaders/people-operations"}, {"title": "Exec Presence", "slug": "for-leaders/executive-presence", "href": "/courses/for-leaders/executive-presence"}, {"title": "Storytelling", "slug": "for-leaders/storytelling", "href": "/courses/for-leaders/storytelling"}, {"title": "Goal-setting", "slug": "for-leaders/goal-setting", "href": "/courses/for-leaders/goal-setting"}, {"title": "Personal Brand", "slug": "for-leaders/personal-brand", "href": "/courses/for-leaders/personal-brand"}, {"title": "Career Growth", "slug": "for-leaders/career-growth", "href": "/courses/for-leaders/career-growth"}]}, {"category": {"slug": "founders", "href": "/courses/founders", "title": "Founders", "palette": {"--palette-category-base": "#0C3209", "--palette-category-highlight": "#077202", "--palette-category-border": "#69C662"}}, "topics": [{"title": "AI for Founders", "slug": "for-founders/ai", "href": "/courses/for-founders/ai"}, {"title": "Agentic AI", "slug": "for-founders/agentic-ai", "href": "/courses/for-founders/agentic-ai"}, {"title": "AI Workflows", "slug": "for-founders/ai-workflows", "href": "/courses/for-founders/ai-workflows"}, {"title": "Vibe Coding", "slug": "for-founders/vibe-coding", "href": "/courses/for-founders/vibe-coding"}, {"title": "Prototyping", "slug": "for-founders/prototyping", "href": "/courses/for-founders/prototyping"}, {"title": "Product Sense", "slug": "for-founders/product-sense", "href": "/courses/for-founders/product-sense"}, {"title": "Positioning", "slug": "for-founders/positioning", "href": "/courses/for-founders/positioning"}, {"title": "Product Discovery", "slug": "for-founders/product-discovery", "href": "/courses/for-founders/product-discovery"}, {"title": "Management", "slug": "for-founders/management", "href": "/courses/for-founders/management"}, {"title": "Strategy", "slug": "for-founders/strategy", "href": "/courses/for-founders/strategy"}, {"title": "Go-to-Market", "slug": "for-founders/gtm", "href": "/courses/for-founders/gtm"}, {"title": "Personal Brand", "slug": "for-founders/personal-brand", "href": "/courses/for-founders/personal-brand"}, {"title": "Leadership", "slug": "for-founders/leadership", "href": "/courses/for-founders/leadership"}, {"title": "Fundraising", "slug": "for-founders/fundraising", "href": "/courses/for-founders/fundraising"}, {"title": "PMF", "slug": "for-founders/product-market-fit", "href": "/courses/for-founders/product-market-fit"}]}, {"category": {"slug": "more", "href": "/courses/more", "title": "More", "palette": {"--palette-category-base": "#1E2C2B", "--palette-category-highlight": "#4A6361", "--palette-category-border": "#B9C1BE"}}, "topics": [{"title": "Everyone", "slug": "for-everyone", "href": "/courses/for-everyone"}, {"title": "Operators", "slug": "for-operators", "href": "/courses/for-operators"}, {"title": "Data Scientists", "slug": "for-data-scientists", "href": "/courses/for-data-scientists"}, {"title": "Business Analysts", "slug": "for-business-analysts", "href": "/courses/for-business-analysts"}, {"title": "User Researchers", "slug": "for-user-researchers", "href": "/courses/for-user-researchers"}, {"title": "Customer Success", "slug": "for-customer-success", "href": "/courses/for-customer-success"}, {"title": "Project Managers", "slug": "for-project-managers", "href": "/courses/for-project-managers"}, {"title": "HR Professionals", "slug": "for-hr-professionals", "href": "/courses/for-hr-professionals"}, {"title": "Sales People", "slug": "for-sales-people", "href": "/courses/for-sales-people"}, {"title": "Lawyers", "slug": "for-lawyers", "href": "/courses/for-lawyers"}, {"title": "Finance", "slug": "for-finance-professionals", "href": "/courses/for-finance-professionals"}, {"title": "Investors", "slug": "for-investors", "href": "/courses/for-investors"}, {"title": "Real Estate", "slug": "for-real-estate-agents", "href": "/courses/for-real-estate-agents"}, {"title": "Educators", "slug": "for-educators", "href": "/courses/for-educators"}, {"title": "Creators", "slug": "for-creators", "href": "/courses/for-creators"}]}], "navTagLinks": [{"tag": {"id": 349, "tag_type": "topic", "label": "Coding with AI", "slug": "ai-coding", "description": null, "parent_tag_id": null}, "link_slug": "ai/ai-coding"}, {"tag": {"id": 296, "tag_type": "persona", "label": "For Designers", "slug": "for-designers", "description": null, "parent_tag_id": null}, "link_slug": "for-designers"}, {"tag": {"id": 310, "tag_type": "persona", "label": "For User Researchers", "slug": "for-user-researchers", "description": null, "parent_tag_id": null}, "link_slug": "for-user-researchers"}], "now": "2026-05-19T22:55:19.693Z"}, "__N_SSG": true}, "page": "/p/[slug]/[...ignored]", "query": {"slug": "287bae", "ignored": ["ai-assisted-coding-for-designers-e3-just-enough-java-script"]}, "buildId": "qPlLjBFLQ9fnkFKJ7n7E-", "isFallback": false, "isExperimentalCompile": false, "gsp": true, "scriptLoader": []}}