{"id":"2704fb1a-475e-4c3b-bedd-1e22801009c4","title":"Front-End Web Development: Operator — Hands-On Scenarios","description":"Front-End Web Development: Operator — 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 10 lessons and about 33 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 VS Code, GitHub and Docker.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.871Z","durationSeconds":118800,"authorId":"721bae9d-1ddb-4401-a74e-6c3ae64a99a1","rating":4.8,"reviewCount":5,"expectedLessonsCount":10,"trailerUrl":null,"faq":[{"answer":"Basic familiarity is recommended. The opening block quickly aligns terminology and tools, then moves straight into hands-on implementation.","question":"Do I need prior experience?"},{"answer":"A comfortable pace is 3–5 hours per week. In total, the course includes 10 lessons and about 33 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 VS Code 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":129,"features":[],"highlighted":true}],"minPricingTierPrice":129,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"3fdded19-6b7d-4a01-8b08-fd118a801438","title":"Front-End Web Development: Operator — Hands-On Scenarios — course orientation and outcomes","description":"Lesson 1 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through course orientation and outcomes and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":0,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"b70d32a6-c654-46c8-8260-f7031aeb4ef4","title":"Front-End Web Development: Operator — Hands-On Scenarios — core concepts and mental models","description":"Lesson 2 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through core concepts and mental models and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":1,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"f375b625-9f9b-49d6-ba26-18230506c7bb","title":"Front-End Web Development: Operator — Hands-On Scenarios — tools, setup, and learning environment","description":"Lesson 3 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through tools, setup, and learning environment and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":2,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"467f830b-c27b-4f38-a177-ce5cf143fba8","title":"Front-End Web Development: Operator — Hands-On Scenarios — practical workflows and process design","description":"Lesson 4 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through practical workflows and process design and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":3,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"badb60b0-b89c-451c-beb4-117056522f47","title":"Front-End Web Development: Operator — Hands-On Scenarios — real cases and guided practice","description":"Lesson 5 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through real cases and guided practice and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":4,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"c368f260-c37c-45f9-a7a8-81fdb9ef17c4","title":"Front-End Web Development: Operator — Hands-On Scenarios — evaluation, quality, and safety","description":"Lesson 6 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through evaluation, quality, and safety and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":5,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"8e466b29-f56c-41d2-ac49-d9c7725366d9","title":"Front-End Web Development: Operator — Hands-On Scenarios — project build and review","description":"Lesson 7 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through project build and review and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":6,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"c57f0fcc-dd80-4ebd-80cc-770fb2bc80d7","title":"Front-End Web Development: Operator — Hands-On Scenarios — implementation, handoff, and next steps","description":"Lesson 8 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through implementation, handoff, and next steps and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":7,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"020cc366-9e41-4d47-9374-acf04c6d11a9","title":"Front-End Web Development: Operator — Hands-On Scenarios — security controls and risk reduction","description":"Lesson 9 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through security controls and risk reduction and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":8,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"9bf09b7e-9b16-4693-999c-02d7b105ae67","title":"Front-End Web Development: Operator — Hands-On Scenarios — metrics, quality, and decision criteria","description":"Lesson 10 of 10 in Front-End Web Development: Operator — Hands-On Scenarios: work through metrics, quality, and decision criteria and turn the result into a reusable part of the final deployment-ready code base using VS Code and GitHub.","videoUrl":null,"videoFileName":null,"duration":11880,"position":9,"createdAt":"2026-05-26T07:47:49.798Z","updatedAt":"2026-05-26T07:47:49.798Z","courseId":"2704fb1a-475e-4c3b-bedd-1e22801009c4","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"721bae9d-1ddb-4401-a74e-6c3ae64a99a1","name":"Oliver Ross","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}