{"id":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","title":"Front-End Web Development: Masterclass — Implementation at Work","description":"The course Front-End Web Development: Masterclass — Implementation at Work is designed for career starters and switchers aged 25–34 and turns the topic into a practical result instead of abstract theory. The program includes 10 lessons, applied work with HTML, CSS and JavaScript, and a final web application; the focus is core concepts and mental models, tools, setup, and learning environment and practical workflows and process design.","contentLanguage":"en","coverUrl":"/course-covers/front-end-web-development-masterclass-implementation-f52eb87e-1ac.webp","createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:51:43.734Z","durationSeconds":122400,"authorId":"5856fb69-cc5e-47c6-a493-991825a831d7","rating":4.615384615384615,"reviewCount":13,"expectedLessonsCount":10,"trailerUrl":null,"faq":[{"answer":"Basic HTML/CSS or programming familiarity is helpful. The course starts with a clear ramp-up and then moves into implementation at work.","question":"Do I need prior experience?"},{"answer":"A comfortable pace is 6–8 hours per week. In total, the course includes 10 lessons and about 34 hours of guided study.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a web application plus reusable materials built around HTML, CSS and JavaScript.","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":149,"features":[],"highlighted":true}],"minPricingTierPrice":149,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"b22b8aea-2ec3-450d-aa5f-09e156821e1c","title":"Front-End Web Development: Masterclass — Implementation at Work — course orientation and outcomes","description":"Lesson 1 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through course orientation and outcomes in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":0,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"d767df8b-5366-4487-a9ac-34455f522e7a","title":"Front-End Web Development: Masterclass — Implementation at Work — core concepts and mental models","description":"Lesson 2 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through core concepts and mental models in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":1,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"ad902586-9542-42c1-8d2c-845a022a257d","title":"Front-End Web Development: Masterclass — Implementation at Work — tools, setup, and learning environment","description":"Lesson 3 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through tools, setup, and learning environment in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":2,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"6a560be5-facc-4068-80fa-4952e859440b","title":"Front-End Web Development: Masterclass — Implementation at Work — practical workflows and process design","description":"Lesson 4 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through practical workflows and process design in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":3,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"46f21ec7-9df8-48f5-84cf-37e5e8c505da","title":"Front-End Web Development: Masterclass — Implementation at Work — real cases and guided practice","description":"Lesson 5 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through real cases and guided practice in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":4,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"233c4c4a-1bca-4f31-bcf1-0fd471e8cc98","title":"Front-End Web Development: Masterclass — Implementation at Work — security controls and risk reduction","description":"Lesson 6 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through security controls and risk reduction in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":5,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"cb7ecf35-c5ec-4918-96c3-74f06efa8bd6","title":"Front-End Web Development: Masterclass — Implementation at Work — project build and review","description":"Lesson 7 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through project build and review in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":6,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"3fa76659-0dd8-4080-aa9a-2b7dc9099633","title":"Front-End Web Development: Masterclass — Implementation at Work — troubleshooting and common pitfalls","description":"Lesson 8 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through troubleshooting and common pitfalls in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":7,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"75e32f9d-4b72-49d7-ba5f-0b5d1c70ccd7","title":"Front-End Web Development: Masterclass — Implementation at Work — team collaboration and review loops","description":"Lesson 9 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through team collaboration and review loops in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":8,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"6d53d949-cdd9-440b-a025-4096fe1e1b17","title":"Front-End Web Development: Masterclass — Implementation at Work — implementation, handoff, and next steps","description":"Lesson 10 of 10 in Front-End Web Development: Masterclass — Implementation at Work: work through implementation, handoff, and next steps in the context of Front-End Web Development, and turn the result into a reusable part of the final web application using HTML and CSS.","videoUrl":null,"videoFileName":null,"duration":12240,"position":9,"createdAt":"2026-05-26T07:46:16.195Z","updatedAt":"2026-05-26T07:46:16.195Z","courseId":"e6003d83-46b9-41f5-acb3-4dbb83df87fa","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"5856fb69-cc5e-47c6-a493-991825a831d7","name":"Joseph Griffin","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}