{"id":"e3584f85-9376-4a65-bdee-2d9b1640447b","title":"JavaScript and React: Blueprint — Portfolio and Practice","description":"JavaScript and React: Blueprint — Portfolio and Practice is designed for career starters and switchers aged 25–34 who need a concrete, portfolio-ready result instead of abstract theory. Across 8 lessons and about 23 hours, the curriculum focuses on course orientation and outcomes, core concepts and mental models, and tools, setup, and learning environment; the final deliverable is a deployment-ready code base assembled with hooks, browser APIs and Python.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:51.032Z","durationSeconds":82800,"authorId":"9900dfbb-4bb7-4be5-9acc-1d2c98db2cca","rating":4.213114754098361,"reviewCount":61,"expectedLessonsCount":8,"trailerUrl":null,"faq":[{"answer":"Some familiarity helps, but the course still aligns the basics before moving into applied work.","question":"Do I need prior experience?"},{"answer":"A comfortable pace is 3–5 hours per week. In total, the course includes 8 lessons and about 23 hours of guided work.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a deployment-ready code base plus reusable materials built around hooks and browser APIs.","question":"What will I finish the course with?"}],"learningOutcomes":null,"requirements":null,"levels":["intermediate"],"firstLessonFreePreviewEnabled":false,"certificateEnabled":true,"isPlatformCourse":false,"pricingTiers":[{"id":"standard","name":"Standard","price":99,"features":[],"highlighted":true}],"minPricingTierPrice":99,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"62334f15-2091-4848-8b0e-f0eac9b6a086","title":"JavaScript and React: Blueprint — Portfolio and Practice — course orientation and outcomes","description":"Lesson 1 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through course orientation and outcomes and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":0,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"5730af4d-78f4-4023-be35-2bfc86445377","title":"JavaScript and React: Blueprint — Portfolio and Practice — core concepts and mental models","description":"Lesson 2 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through core concepts and mental models and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":1,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"d0f170c5-0d27-4b96-90c2-5e2efb2971be","title":"JavaScript and React: Blueprint — Portfolio and Practice — tools, setup, and learning environment","description":"Lesson 3 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through tools, setup, and learning environment and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":2,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"9e53935f-6be7-4521-92f6-4cfa2f05fa4f","title":"JavaScript and React: Blueprint — Portfolio and Practice — practical workflows and process design","description":"Lesson 4 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through practical workflows and process design and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":3,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"91413218-6e89-45c6-855e-bfbe6344cb72","title":"JavaScript and React: Blueprint — Portfolio and Practice — real cases and guided practice","description":"Lesson 5 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through real cases and guided practice and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":4,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"fbac6387-1b00-41cd-a181-bdee48e1aed5","title":"JavaScript and React: Blueprint — Portfolio and Practice — evaluation, quality, and safety","description":"Lesson 6 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through evaluation, quality, and safety and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":5,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"f7c23189-a7e0-4374-af8f-74b6c10c6ecd","title":"JavaScript and React: Blueprint — Portfolio and Practice — project build and review","description":"Lesson 7 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through project build and review and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":6,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"175a6bc5-4c91-454b-8bef-b6c62165c465","title":"JavaScript and React: Blueprint — Portfolio and Practice — implementation, handoff, and next steps","description":"Lesson 8 of 8 in JavaScript and React: Blueprint — Portfolio and Practice: work through implementation, handoff, and next steps and turn the result into a reusable part of the final deployment-ready code base using hooks and browser APIs.","videoUrl":null,"videoFileName":null,"duration":10350,"position":7,"createdAt":"2026-05-26T07:47:50.915Z","updatedAt":"2026-05-26T07:47:50.915Z","courseId":"e3584f85-9376-4a65-bdee-2d9b1640447b","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"9900dfbb-4bb7-4be5-9acc-1d2c98db2cca","name":"Jacob Russell","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}