Virtual · 8 weeks · 6h / week
Front-End Development
Build interfaces that load fast, read clearly, and work on a phone. HTML, CSS, JavaScript taught as a craft, not a framework fashion show.
- 15 Sept 2026 starts
- $150 · ₦200,000 fee
- 17 seats left
- Mon, Wed & Fri 20:00 - 22:00 GMT+1
You will leave able to
- Ship responsive pages without a UI kit crutch
- Write JavaScript that enhances HTML, not replaces it
- Meet accessibility and performance baselines
- Deploy a public interface and explain the structure
Tools
VS Code · Git / GitHub · HTML / CSS / JavaScript · Browser DevTools
Prerequisites
Students should meet the following requirements before the program begins:
· Basic computer literacy and comfort using a laptop or desktop computer.
· Basic understanding of websites, web browsers, URLs and internet connectivity.
· No prior professional web development experience is required.
· Access to a personal laptop or desktop for practice and assignments.
· Stable internet connection.
· Willingness to attend classes, practice consistently, complete assignments and build projects.
Outline
- 01
Web Development Fundamentals
Learning Outcomes · Explain how websites work, structure pages with semantic HTML, create accessible forms and inspect pages with browser developer tools
Learner's Assessment: Personal Profile Website: Build a personal website using semantic HTML. - 02
CSS & Responsive Web Design
Learning Outcomes · Create responsive layouts, use Flexbox and Grid, translate designs into code and build maintainable styling.
Learner's Assessment: Responsive Business Landing Page: Build a professional responsive business landing page. - 03
JavaScript Programming
Learning Outcomes · Write structured JavaScript, handle browser interactions, work with asynchronous operations and consume APIs.
Learner's Assessment: Task Management Application: Build an interactive task management application. - 04
Git & GitHub
Learning Outcomes · Track changes, use branches, collaborate through GitHub and follow a professional version-control workflow
Learner's Assessment: Collaborative Frontend Project: Manage and collaborate on a frontend project using GitHub. - 05
TypeScript
Learning Outcomes · Use static typing, define reusable types and build safer, more maintainable applications.
Learner's Assessment: JavaScript-to-TypeScript Migration: Convert a JavaScript application to TypeScript. - 06
React.js
Learning Outcomes · Build reusable components, manage state, handle forms and consume APIs.
Learner's Assessment: Product Storefront: Build a modern product storefront using React. - 07
Modern UI Development
Learning Outcomes · Create consistent, reusable and responsive interfaces suitable for real-world applications.
Learner's Assessment: Professional Admin Dashboard: Build a responsive admin dashboard. - 08
Next.js
Learning Outcomes · Build modern Next.js applications, structure routing, understand Server and Client Components, improve SEO and deploy applications.
Learner's Assessment: Production-Ready Next.js Website: Build and deploy a production-style Next.js website. - 09
API Integration & Real-World Frontend Development
Learning Outcomes · Integrate APIs, perform CRUD operations and build professional data-driven interfaces.
Learner's Assessment: API-Driven Dashboard: Connect a frontend dashboard to a backend API. - 10
Frontend Development Capstone
Final Learning Outcome · Build, integrate and deploy professional frontend applications using HTML, CSS, JavaScript, TypeScript, React and Next.js.
- 11
Git & Deploy
PRs as conversation · Static hosting · Env vs secrets
- 12
Capstone Interface
Scope freeze · Demo · Portfolio write-up
Learner's Assessment: Public UI for a real brief
Instructors
Course questions
Will we start with React?
Not in week one. You will earn the platform first. Component thinking arrives once documents, CSS, and accessibility are in your hands.
Is the course virtual live?
Yes. Live sessions twice a week, recordings for catch-up, and critiques on your actual pages.