{"id":"64f57bb9-6b33-497a-8328-8e2316d61890","title":"Front-End Web Development: Clinic — Hands-On Scenarios","description":"Front-End Web Development: Clinic — Hands-On Scenarios is designed for impulse B2C learners aged 18–34 who usually arrive from social, creator, webinar, and mobile checkout funnels. In 7 lessons (~19 hours), the course turns the topic into a usable result through course orientation and outcomes, core concepts and mental models, and tools, setup, and learning environment; the outcome is a automation toolkit built with React, Docker and VS Code.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.715Z","durationSeconds":68400,"authorId":"535ccdb5-9236-40e7-953d-e869cf8cae17","rating":4.4,"reviewCount":5,"expectedLessonsCount":7,"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 7 lessons and about 19 hours of guided work.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a automation toolkit plus reusable materials built around React and Docker.","question":"What will I finish the course with?"}],"learningOutcomes":null,"requirements":null,"levels":["advanced"],"firstLessonFreePreviewEnabled":false,"certificateEnabled":true,"isPlatformCourse":false,"pricingTiers":[{"id":"standard","name":"Standard","price":69,"features":[],"highlighted":true}],"minPricingTierPrice":69,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"2d1123ea-85eb-4be0-b5e9-a96a43bf9c77","title":"Front-End Web Development: Clinic — Hands-On Scenarios — course orientation and outcomes","description":"Lesson 1 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through course orientation and outcomes and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9772,"position":0,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"9035bcc2-3381-4fe0-9b8c-75108efc954e","title":"Front-End Web Development: Clinic — Hands-On Scenarios — core concepts and mental models","description":"Lesson 2 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through core concepts and mental models and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9772,"position":1,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"2c4c725a-be68-4725-84f6-79677af90dd3","title":"Front-End Web Development: Clinic — Hands-On Scenarios — tools, setup, and learning environment","description":"Lesson 3 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through tools, setup, and learning environment and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9772,"position":2,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"1a1e7fed-0557-4e9e-97c2-67770259ccb4","title":"Front-End Web Development: Clinic — Hands-On Scenarios — practical workflows and process design","description":"Lesson 4 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through practical workflows and process design and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9771,"position":3,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"956531c5-c5fd-40bf-8b39-b63e70e94dd0","title":"Front-End Web Development: Clinic — Hands-On Scenarios — real cases and guided practice","description":"Lesson 5 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through real cases and guided practice and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9771,"position":4,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"c4e6fc0d-b2d6-463f-b0b6-d8d62b4d2846","title":"Front-End Web Development: Clinic — Hands-On Scenarios — evaluation, quality, and safety","description":"Lesson 6 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through evaluation, quality, and safety and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9771,"position":5,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"a8626c49-100b-4dea-a32f-8aa98ff9fa8c","title":"Front-End Web Development: Clinic — Hands-On Scenarios — project build and review","description":"Lesson 7 of 7 in Front-End Web Development: Clinic — Hands-On Scenarios: work through project build and review and turn the result into a reusable part of the final automation toolkit using React and Docker.","videoUrl":null,"videoFileName":null,"duration":9771,"position":6,"createdAt":"2026-05-26T07:47:49.674Z","updatedAt":"2026-05-26T07:47:49.674Z","courseId":"64f57bb9-6b33-497a-8328-8e2316d61890","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"535ccdb5-9236-40e7-953d-e869cf8cae17","name":"Nathaniel Ross","avatarUrl":"https://lernrise.com/public/avatars/teacher-avatars/en/6dd0df8a-4010-455e-8e4a-66c00aa513b8.webp","bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}