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 |
| Week | Topics | Assessment |
|---|---|---|
| 1 | - Forms and Events | Assignment 1 |
| 2 | - Drag and Drop, Geolocation | |
| 3 | - Web Storage, Web Worker, Server Sent Events | |
| 4 | - Canvas & SVG | Assignment 2 |
| 5 | - CSS variables, rounded corners, gradient, shadows and transforms | |
| 6 | - Transition, Animation, Multiple Columns | Assignment 3 |
| 7 | - Flexbox and Grid | Part 1 Quiz |
| Week | Topics | Assessment |
|---|---|---|
| 8 | Sass | Assignment 4 |
| 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 |
| 12 |
JQuery - Callback - JQuery HTML (DOM Manipulation) |
|
| 13 |
Ajax - Traversing - Ajax |
Part 2 Quiz |
| 14 | Tying it all together |
Final Project Final Exam |
| 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 |
| Week | Topics | Assessment |
|---|---|---|
| 1 |
- introduction - Containers, Jumbotron (padded boxes), Cards and Headings - Bootstrap formatting Elements |
Assignment 1 |
| 2 |
- Navigation - Flex and Grid System |
|
| 3 |
- Text and Background Colors - Images - Carousel - Alerts and Buttons |
Assignment 2 |
| 4 |
- Tables, Classes, and Responsive Tables - Badges, Progress Bar, Spinners, and Pagination |
|
| 5 |
- List Group, Drop-down and Collapsible - Navigation |
Assignment 3 |
| 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 Assignment 4 |
| 8 |
- Introduction to React - Arrow functions, classes, and variables |
|
| 9 |
- Array and Array Methods - Spread and Ternary Operators - Modules |
Final Project |
| 10 |
- HTML Render - JavaScript XML (JSX) - Components |
Assignment 5 |
| 11 |
- class and prop - Events and Conditional |
|
| 12 |
- Lists - Forms and Form Handling |
Assignment 6 |
| 13 |
- Router - Memo |
|
| 14 |
- -CSS Styling - Sass Styling |
Part 2 Quiz |
| 15 | - Hooks | Final Exam |
Enter your email for news and events