{"id":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","title":"Front-End Web Development: Field Lab — Portfolio and Practice","description":"Front-End Web Development: Field Lab — Portfolio and Practice 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 23 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 API project assembled with CI pipelines, APIs and Node.js.","contentLanguage":"en","coverUrl":null,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:50.088Z","durationSeconds":82800,"authorId":"1a8896cc-00ab-4efc-97a2-1169d930522c","rating":4.5,"reviewCount":34,"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 23 hours of guided work.","question":"How much time should I set aside each week?"},{"answer":"You will finish with a API project plus reusable materials built around CI pipelines and APIs.","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":109,"features":[],"highlighted":true}],"minPricingTierPrice":109,"bonuses":[],"status":"READY","archivedAt":null,"categoryId":"8e0aeee0-d6ea-4986-8984-0456bf39b9b8","lessons":[{"id":"f89af8c0-f91e-4485-a38b-844f261ce9b6","title":"Front-End Web Development: Field Lab — Portfolio and Practice — course orientation and outcomes","description":"Lesson 1 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through course orientation and outcomes and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":0,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"50ff4a07-ade4-434f-9c46-2398525cf923","title":"Front-End Web Development: Field Lab — Portfolio and Practice — core concepts and mental models","description":"Lesson 2 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through core concepts and mental models and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":1,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"88a186fe-3a9d-4917-a79e-c0ee6a6fe711","title":"Front-End Web Development: Field Lab — Portfolio and Practice — tools, setup, and learning environment","description":"Lesson 3 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through tools, setup, and learning environment and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":2,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"68d67579-ae6f-4717-aaab-8c304b74c480","title":"Front-End Web Development: Field Lab — Portfolio and Practice — practical workflows and process design","description":"Lesson 4 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through practical workflows and process design and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":3,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"ead2aa1b-1f13-49c3-b7a2-ffaef7e6e72e","title":"Front-End Web Development: Field Lab — Portfolio and Practice — real cases and guided practice","description":"Lesson 5 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through real cases and guided practice and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":4,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"8dec41e6-300e-4f81-807b-89c77dfdd715","title":"Front-End Web Development: Field Lab — Portfolio and Practice — evaluation, quality, and safety","description":"Lesson 6 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through evaluation, quality, and safety and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":5,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"1f099d96-e7d3-4d8c-825d-3da0f439ad21","title":"Front-End Web Development: Field Lab — Portfolio and Practice — project build and review","description":"Lesson 7 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through project build and review and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":6,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"0d971237-cfcd-4cf6-a591-df12663fa72a","title":"Front-End Web Development: Field Lab — Portfolio and Practice — implementation, handoff, and next steps","description":"Lesson 8 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through implementation, handoff, and next steps and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":7,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null},{"id":"39d68a9f-87f2-499e-9270-089b598c3b16","title":"Front-End Web Development: Field Lab — Portfolio and Practice — troubleshooting and common pitfalls","description":"Lesson 9 of 9 in Front-End Web Development: Field Lab — Portfolio and Practice: work through troubleshooting and common pitfalls and turn the result into a reusable part of the final API project using CI pipelines and APIs.","videoUrl":null,"videoFileName":null,"duration":9200,"position":8,"createdAt":"2026-05-26T07:47:49.989Z","updatedAt":"2026-05-26T07:47:49.989Z","courseId":"aeb8ed19-2c66-4ad8-8520-9f14eb91ae6c","attachments":null,"dripDelayDays":null,"isFreePreview":false,"previewStartSeconds":0,"previewEndSeconds":null,"prerequisiteId":null,"unlockAt":null,"availablePricingTierIds":null}],"author":{"id":"1a8896cc-00ab-4efc-97a2-1169d930522c","name":"Ryan Ross","avatarUrl":"https://lernrise.com/public/avatars/teacher-avatars/en/d6658505-63c4-4d36-ba9f-ec96ddebe9e0.webp","bio":null,"socialLinks":null,"isPlatformRepresentative":false},"hasTeamOffer":false,"teamOfferSummary":null}