{"id":"192010f8-313e-4bd5-a59f-4bce51459ca9","title":"JavaScript and React: Playbook — From Basics to Results","description":"JavaScript and React: Playbook — From Basics to Results is designed for career starters and switchers aged 25–34 who need a concrete, portfolio-ready result instead of abstract theory. Across 9 lessons and about 26 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 reusable component kit assembled with CI pipelines, VS Code and React.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.935Z","durationSeconds":93600,"authorId":"0f54aa14-11ed-4d43-a682-e4823df98b93","rating":4.375,"reviewCount":8,"expectedLessonsCount":9,"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 9 lessons and about 26 hours of guided work.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a reusable component kit plus reusable materials built around CI pipelines and VS Code.","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":109,"features":[],"highlighted":true}],"minPricingTierPrice":109,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"46b31fa6-c726-4738-941a-f769dca5fff0","title":"JavaScript and React: Playbook — From Basics to Results — course orientation and outcomes","description":"Lesson 1 of 9 in JavaScript and React: Playbook — From Basics to Results: work through course orientation and outcomes and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":0,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"80ad3575-4ea7-4aa2-bd43-261163c70868","title":"JavaScript and React: Playbook — From Basics to Results — core concepts and mental models","description":"Lesson 2 of 9 in JavaScript and React: Playbook — From Basics to Results: work through core concepts and mental models and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":1,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"e6a802f7-54d1-47d2-8c5e-8d116d2d0226","title":"JavaScript and React: Playbook — From Basics to Results — tools, setup, and learning environment","description":"Lesson 3 of 9 in JavaScript and React: Playbook — From Basics to Results: work through tools, setup, and learning environment and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":2,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"cb3e2aa5-7b71-4afc-9cb8-f79d8e49bc98","title":"JavaScript and React: Playbook — From Basics to Results — practical workflows and process design","description":"Lesson 4 of 9 in JavaScript and React: Playbook — From Basics to Results: work through practical workflows and process design and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":3,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"d60d00a3-6629-45f8-a504-0b9046511101","title":"JavaScript and React: Playbook — From Basics to Results — real cases and guided practice","description":"Lesson 5 of 9 in JavaScript and React: Playbook — From Basics to Results: work through real cases and guided practice and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":4,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"32f77e96-9ee2-44c5-b561-fac919001039","title":"JavaScript and React: Playbook — From Basics to Results — evaluation, quality, and safety","description":"Lesson 6 of 9 in JavaScript and React: Playbook — From Basics to Results: work through evaluation, quality, and safety and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":5,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"1746fae0-1962-4846-9b51-7b8fc0799eb9","title":"JavaScript and React: Playbook — From Basics to Results — project build and review","description":"Lesson 7 of 9 in JavaScript and React: Playbook — From Basics to Results: work through project build and review and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":6,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"f95914c5-b2ee-4924-9d8a-99601bf006ab","title":"JavaScript and React: Playbook — From Basics to Results — implementation, handoff, and next steps","description":"Lesson 8 of 9 in JavaScript and React: Playbook — From Basics to Results: work through implementation, handoff, and next steps and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":7,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"9335d9c7-bfa6-4460-9a59-12c800931196","title":"JavaScript and React: Playbook — From Basics to Results — troubleshooting and common pitfalls","description":"Lesson 9 of 9 in JavaScript and React: Playbook — From Basics to Results: work through troubleshooting and common pitfalls and turn the result into a reusable part of the final reusable component kit using CI pipelines and VS Code.","videoUrl":null,"videoFileName":null,"duration":10400,"position":8,"createdAt":"2026-05-26T07:47:53.880Z","updatedAt":"2026-05-26T07:47:53.880Z","courseId":"192010f8-313e-4bd5-a59f-4bce51459ca9","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"0f54aa14-11ed-4d43-a682-e4823df98b93","name":"Christopher Spencer","avatarUrl":"https://lernrise.com/public/avatars/teacher-avatars/en/343d8d6b-3895-453d-b538-fffd86264247.webp","bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}