{"id":"43e66253-c283-4b28-90f3-e4c264ea1558","title":"Front-end веброзробка: Лабораторія — Основи та інструменти","description":"Курс Front-end веброзробка: Лабораторія — Основи та інструменти розрахований на аудиторії кар'єрного старту та світчу 25–34 і переводить тему в практичний результат без зайвої абстракції. У програмі 9 уроків, прикладна робота з HTML, CSS та JavaScript та підсумковий вебзастосунок; фокус — ключові концепції та ментальні моделі, інструменти, налаштування та робоче середовище та практичні воркфлоу та дизайн процесу.","contentLanguage":"uk","coverUrl":null,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.726Z","durationSeconds":108000,"authorId":"f5bf8050-f2c4-44d7-8305-3f6ac31014c3","rating":4.375,"reviewCount":8,"expectedLessonsCount":9,"trailerUrl":null,"faq":[{"answer":"Корисні базові знання HTML/CSS або програмування. Курс починається зі зрозумілого входу в тему, а далі переходить до формату «основи та інструменти».","question":"Чи потрібен попередній досвід?"},{"answer":"Комфортний темп — 6–8 годин на тиждень. Усього в курсі 9 уроків і близько 30 годин керованої практики.","question":"Скільки часу на тиждень варто закладати?"},{"answer":"На виході буде вебзастосунок та набір повторно використовуваних матеріалів, зібраних навколо HTML, CSS та JavaScript.","question":"З яким результатом я вийду з курсу?"}],"learningOutcomes":null,"requirements":null,"levels":["advanced"],"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":"6bdfe8c6-a8cb-4ff2-b047-3d91ec97312d","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — орієнтація по курсу та очікувані результати","description":"Урок 1 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте орієнтація по курсу та очікувані результати в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":0,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"c4548b6f-80c7-4a36-a552-1fe844908a35","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — ключові концепції та ментальні моделі","description":"Урок 2 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте ключові концепції та ментальні моделі в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":1,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"58d9eb50-7810-4aa9-88d7-7f6e0d307a4b","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — інструменти, налаштування та робоче середовище","description":"Урок 3 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте інструменти, налаштування та робоче середовище в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":2,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"660009bf-3fae-4a44-ad38-989495751ef2","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — практичні воркфлоу та дизайн процесу","description":"Урок 4 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте практичні воркфлоу та дизайн процесу в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":3,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"54766284-2327-4fa1-8511-094e7ddcee76","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — реальні кейси та guided practice","description":"Урок 5 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте реальні кейси та guided practice в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":4,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"c65ef804-d403-48d8-9225-074eb2c5e75b","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — контролі безпеки та зниження ризиків","description":"Урок 6 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте контролі безпеки та зниження ризиків в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":5,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"eb1b35ce-dfa9-4b32-abc8-4c2382821e9c","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — збірка проєкту та розбір","description":"Урок 7 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте збірка проєкту та розбір в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":6,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"38ea71b3-c5e6-4ee9-b649-3d026438cf50","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — troubleshooting і типові помилки","description":"Урок 8 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте troubleshooting і типові помилки в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":7,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"cfb978b7-25be-477e-867e-3ded97d842da","title":"Front-end веброзробка: Лабораторія — Основи та інструменти — впровадження, handoff і наступні кроки","description":"Урок 9 з 9 в курсі «Front-end веброзробка: Лабораторія — Основи та інструменти»: опрацюйте впровадження, handoff і наступні кроки в контексті теми «Front-end веброзробка» і перетворіть результат на повторно використовувану частину фінального проєкту — вебзастосунок, використовуючи HTML та CSS.","videoUrl":null,"videoFileName":null,"duration":12000,"position":8,"createdAt":"2026-05-26T07:45:45.678Z","updatedAt":"2026-05-26T07:45:45.678Z","courseId":"43e66253-c283-4b28-90f3-e4c264ea1558","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"f5bf8050-f2c4-44d7-8305-3f6ac31014c3","name":"Олег Гриценко","avatarUrl":null,"bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}