In this course, we explore advanced topics in HTML, CSS and JavaScript. We look at different HTML JavaScript APIs and libraries that enhances Javascript usage. We create the frontend of a live project using all the concepts that we learn.
By the end of this course, students should be able to create engaging user-friendly web interface, and use javascript to interact with web APIs, enabling applications to access and manipulate data from external sources.
| Course Code | sop-webfd-001 |
|---|---|
| Course Duration | 15 weeks |
| Cost | 100 USD |
| Commitment | 10 - 12 hours/week |
| Tools Needed | A stable internet connection for streaming videos is needed. (a Device [Phone, Tablet, or PC]) |
| Prerequisite Course | Transition to tech course series |
| Weighted grade distribution |
Passing Grade- 75% - Assignment : 50% - Quizzes : 20% - Project : 20% - Examination 10% |
| Batch | Start Date | End Date |
|---|---|---|
| I | Sept 22, 2025 | February 1, 2026 |
| II | February 2, 2026 | May 24, 2026 |
| Week | Topics | Assessment |
|---|---|---|
| 1 | - Forms and Events | Assignment 1 - 10% of final grades Due at the end of week 3 |
| 2 | - Drag and Drop, Geolocation | |
| 3 | - Web Storage, Web Worker, Server Sent Events | |
| 4 | - Canvas & SVG | Assignment 2 - 10% of final grades Due at the end of week 5 |
| 5 | - CSS variables, rounded corners, gradient, shadows and transforms | |
| 6 | - Transition, Animation, Multiple Columns | Assignment 3 - 10% of final grades Due at the end of week 8 |
| 7 | - Flexbox and Grid | Part 1 Quiz - 10% of final grades Due at the end of week 9 |
| Week | Topics | Assessment |
|---|---|---|
| 8 | Sass | Assignment 4 - 10% of final grades Due at the end of week 10 |
| 9 |
JSON - Introduction - Syntax and Datatypes - Parse and Stringify - Objects and Arrays - JSON HTML |
|
| 10 |
JQuery - Syntax - Selectors - Events |
|
| 11 |
JQuery - hide - show - fade - slide - Animation |
Assignment 5 - 10% of final grades Due at the end of week 13 |
| 12 |
JQuery - Callback - JQuery HTML (DOM Manipulation) |
|
| 13 |
Ajax - Traversing - Ajax |
Part 2 Quiz - 10% of final grades Due at the end of week 14 |
| 14 | Tying it all together |
Final Project - 20% of final grades Due at the end of week 15 Final Exam - 10% of final grades Due at the end of week 15 |
| 15 | Class Project |
This course builds on the concepts learned in Frontend Development with HTML 5, CSS 3, and JavaScript. In this course we utilize JavaScript and CSS frameworks.
By the end of this course, students should be able to create engaging user-friendly web interface, using Frameworks.
| Course Code | sop-webfd-002 |
|---|---|
| Course Duration | 15 weeks |
| Cost | 150 USD |
| Commitment | 10 - 12 hours/week |
| Tools Needed | A stable internet connection for streaming videos is needed. (a Device [Phone, Tablet, or PC]) |
| Prerequisite Course | Transition to tech course series |
| Weighted grade distribution |
Passing Grade- 75% - Assignment : 60% - Quizzes : 20% - Project : 10% - Examination 10% |
| Batch | Start Date | End Date |
|---|---|---|
| I | September 22, 2025 | February 1, 2026 |
| II | February 2, 2026 | May 24, 2026 |
| Week | Topics | Assessment |
|---|---|---|
| 1 |
- introduction - Containers, Jumbotron (padded boxes), Cards and Headings - Bootstrap formatting Elements |
Assignment 1 - 10% of final grades Due at the end of week 3 |
| 2 |
- Navigation - Flex and Grid System |
|
| 3 |
- Text and Background Colors - Images - Carousel - Alerts and Buttons |
Assignment 2 - 10% of final grades Due at the end of week 5 |
| 4 |
- Tables, Classes, and Responsive Tables - Badges, Progress Bar, Spinners, and Pagination |
|
| 5 |
- List Group, Drop-down and Collapsible - Navigation |
Assignment 3 - 10% of final grades Due at the end of week 7 |
| 6 |
- Modal and off-canvas - Tooltip and pop-over - Toast and Scroll Spy |
|
| 7 |
- Forms, Select Menu, Checks, and Radios - Range and input groups - Floating Labels and form validation |
Part 1 Quiz- 20% of final grades Due at the end of week 8 Assignment 4 - 10% of final grades Due at the end of week 10 |
| 8 |
- Introduction to React - Arrow functions, classes, and variables |
|
| 9 |
- Array and Array Methods - Spread and Ternary Operators - Modules |
Final Project - 10% of final grades Due at the end of week 15 |
| 10 |
- HTML Render - JavaScript XML (JSX) - Components |
Assignment 5 - 10% of final grades Due at the end of week 12 |
| 11 |
- class and prop - Events and Conditional |
|
| 12 |
- Lists - Forms and Form Handling |
Assignment 6 - 10% of final grades Due at the end of week 14 |
| 13 |
- Router - Memo |
|
| 14 |
- -CSS Styling - Sass Styling |
Part 2 Quiz - 10% of final grades Due at the end of week 15 |
| 15 | - Hooks | Final Exam - 10% of final grades Due at the end of week 15 |
Enter your email for news and events