{"id":"48476389-1ed2-49a9-bd62-80951011f801","title":"Front-End Web Development: Studio — Systems and Routines","description":"Front-End Web Development: Studio — Systems and Routines 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 20 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 portfolio app assembled with React, APIs and Docker.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.325Z","durationSeconds":72000,"authorId":"4adaa16a-81fc-444f-8c30-5a661bd99397","rating":4.6,"reviewCount":5,"expectedLessonsCount":8,"trailerUrl":null,"faq":[{"answer":"No prior experience is required. The first lessons create a clean ramp-up before moving into applied scenarios.","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 20 hours of guided work.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a portfolio app plus reusable materials built around React and 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":79,"features":[],"highlighted":true}],"minPricingTierPrice":79,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"646bec53-817d-489d-81a9-3e82b3658652","title":"Front-End Web Development: Studio — Systems and Routines — course orientation and outcomes","description":"Lesson 1 of 8 in Front-End Web Development: Studio — Systems and Routines: work through course orientation and outcomes and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":0,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"5fd2e1ec-b86a-4017-8a07-7d63640e8c7a","title":"Front-End Web Development: Studio — Systems and Routines — core concepts and mental models","description":"Lesson 2 of 8 in Front-End Web Development: Studio — Systems and Routines: work through core concepts and mental models and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":1,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"3aaf1fa6-500e-4903-b9fa-fb3183a1e5a4","title":"Front-End Web Development: Studio — Systems and Routines — tools, setup, and learning environment","description":"Lesson 3 of 8 in Front-End Web Development: Studio — Systems and Routines: work through tools, setup, and learning environment and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":2,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"900e7181-c637-42e6-8cfb-00949074ef1f","title":"Front-End Web Development: Studio — Systems and Routines — practical workflows and process design","description":"Lesson 4 of 8 in Front-End Web Development: Studio — Systems and Routines: work through practical workflows and process design and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":3,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"60160394-04b1-4da4-a272-03c89bb123e3","title":"Front-End Web Development: Studio — Systems and Routines — real cases and guided practice","description":"Lesson 5 of 8 in Front-End Web Development: Studio — Systems and Routines: work through real cases and guided practice and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":4,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"ffea30b9-9636-4851-af8c-d6aff9ee4504","title":"Front-End Web Development: Studio — Systems and Routines — evaluation, quality, and safety","description":"Lesson 6 of 8 in Front-End Web Development: Studio — Systems and Routines: work through evaluation, quality, and safety and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":5,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"ff0b78d4-b711-44fa-ad62-43c497f14460","title":"Front-End Web Development: Studio — Systems and Routines — project build and review","description":"Lesson 7 of 8 in Front-End Web Development: Studio — Systems and Routines: work through project build and review and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":6,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"d6797a70-0847-42ba-b4e7-9bee3f1881a3","title":"Front-End Web Development: Studio — Systems and Routines — implementation, handoff, and next steps","description":"Lesson 8 of 8 in Front-End Web Development: Studio — Systems and Routines: work through implementation, handoff, and next steps and turn the result into a reusable part of the final portfolio app using React and APIs.","videoUrl":null,"videoFileName":null,"duration":9000,"position":7,"createdAt":"2026-05-26T07:47:50.268Z","updatedAt":"2026-05-26T07:47:50.268Z","courseId":"48476389-1ed2-49a9-bd62-80951011f801","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"4adaa16a-81fc-444f-8c30-5a661bd99397","name":"William Ross","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}