{"id":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","title":"Front-End Web Development: Field Lab — Hands-On Scenarios","description":"Front-End Web Development: Field Lab — Hands-On Scenarios 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 24 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, GitHub and CI pipelines.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:53.065Z","durationSeconds":86400,"authorId":"79e796bb-c489-47a1-8e67-d053255741e0","rating":4.6,"reviewCount":5,"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 24 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 GitHub.","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":119,"features":[],"highlighted":true}],"minPricingTierPrice":119,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"8f85d1eb-bc59-43f6-b678-e15ba007a3af","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — course orientation and outcomes","description":"Lesson 1 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through course orientation and outcomes and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":0,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"e9ca35ef-4ddb-4619-8601-f981b924dbde","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — core concepts and mental models","description":"Lesson 2 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through core concepts and mental models and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":1,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"62a5c03d-6333-43c2-ac7f-5e90c4f13e9c","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — tools, setup, and learning environment","description":"Lesson 3 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through tools, setup, and learning environment and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":2,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"da19317f-407b-4963-8e36-297aa09c0322","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — practical workflows and process design","description":"Lesson 4 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through practical workflows and process design and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":3,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"3d7410b1-5505-4dd1-bde7-28eac5fab276","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — real cases and guided practice","description":"Lesson 5 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through real cases and guided practice and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":4,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"aad1b86e-4bbd-4291-a0e5-1aae61a767ae","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — evaluation, quality, and safety","description":"Lesson 6 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through evaluation, quality, and safety and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":5,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"f0347e86-3ba2-4c94-9bbe-b3069eaea066","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — project build and review","description":"Lesson 7 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through project build and review and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":6,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"fb8d30e5-bf08-4248-aeda-d19a0ea74a9c","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — implementation, handoff, and next steps","description":"Lesson 8 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through implementation, handoff, and next steps and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":7,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"d52ad074-ef02-42d4-aff6-eb2dac5ad401","title":"Front-End Web Development: Field Lab — Hands-On Scenarios — advanced applications and extensions","description":"Lesson 9 of 9 in Front-End Web Development: Field Lab — Hands-On Scenarios: work through advanced applications and extensions and turn the result into a reusable part of the final portfolio app using React and GitHub.","videoUrl":null,"videoFileName":null,"duration":9600,"position":8,"createdAt":"2026-05-26T07:47:52.996Z","updatedAt":"2026-05-26T07:47:52.996Z","courseId":"50cf8c8b-eeb7-462c-b6a2-eb4ea4aed921","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"79e796bb-c489-47a1-8e67-d053255741e0","name":"Michael Simmons","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}