• 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%
• Batches
  1. Start Date :July 7, 2025
     End Date: October 19, 2025

  ---

  2. Start Date : October 27, 2025
     End Date: February 22, 2026

  ---

Course Outline

Part 1 : Advanced Topics in HTML, CSS and JavaScript

• Week 1 : Forms and Events
  Assignment 1 : Due at the end of week 3 - 10%
• Week 2: Drag and Drop, Geolocation
• Week 3: Web Storage, Web Worker, Server Sent Events
Assignment 2 : Due at the end of week 5 - 10%
• Week 4: Canvas & SVG
• Week 5: CSS variables, rounded corners, gradient, shadows and transforms
Assignment 3 : Due at the end of week 8 - 10%
• Week 6: Transition, Animation, Multiple Columns
• Week 7: Flexbox and Grid
Part 1 Quiz : Due at the end of week 9 - 10%

Part 2: Libraries and Software Development Project

• Week 8: Sass
  Assignment 4 : Due at the end of week 10 - 10%
• Week 9: JSON
  - Introduction
  - Syntax and Datatypes
  - Parse and Stringify
  - Objects and Arrays
  - JSON HTML
  
• Week 10: JQuery
  - Syntax
  - Selectors
  - Events
  Assignment 5 : Due at the end of week 13 - 10%
• Week 11: JQuery
  - hide
  - show
  - fade
  - slide
  - Animation
  
• Week 12: JQuery
  - Callback
  - JQuery HTML (DOM Manipulation)
  
• Week 13: Ajax
  - Traversing
  - Ajax
  Part 2 Quiz : Due at the end of week 14 - 10%
• Week 14: Tying it all together
  Final Project - 20 % Due at the end of week 15 Final Exam - 10 % Due at the end of week 15
• Week 15 : Class Project

• Course Code: sop-webfd-002
• 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 : 60%
  - Quizzes : 20%
  - Project : 10%
  - Examination 10%
• Batches
  1. Start Date :July 28, 2025
     End Date: November 16, 2025

  ---

  2. Start Date : November 17, 2025
     End Date: March 1, 2026

  ---

Course Outline

• Week 1 :
  - introduction
  - Containers, Jumbotron (padded boxes), Cards and Headings
  - Bootstrap formatting Elements
  Assignment 1 : Due at the end of week 3 - 10%
• Week 2:
  - Navigation
  - Flex and Grid System
  
• Week 3:
  - Text and Background Colors
  - Images
  - Carousel
  - Alerts and Buttons Assignment 2 : Due at the end of week 5 - 10%
• Week 4:
  - Tables, Classes, and Responsive Tables
  - Badges, Progress Bar, Spinners, and Pagination
• Week 5:
  - List Group, Drop-down and Collapsible
  - Navigation
  Assignment 3 : Due at the end of week 7 - 10%
• Week 6:
  - Modal and off-canvas
  - Tooltip and pop-over
  - Toast and Scroll Spy
  
• Week 7:
  - Forms, Select Menu, Checks, and Radios
  - Range and input groups
  - Floating Labels and form validation Part 1 Quiz: Due at the end of week 8 - 10% Assignment 4 : Due at the end of week 10 - 10%
• Week 8:
  - Introduction to React
  - Arrow functions, classes, and variables
  
• Week 9:
  - Array and Array Methods
  - Spread and Ternary Operators
  - Modules
  Final Project : Due at the end of week 15 - 10%
• Week 10:
  - HTML Render
  - JavaScript XML (JSX)
  - Components
  Assignment 5 : Due at the end of week 12 - 10%
• Week 11:
  - class and prop
  - Events and Conditional
  
• Week 12:
  - Lists
  - Forms and Form Handling
  Assignment 6 : Due at the end of week 14 - 10%
• Week 13:
  - Router
  - Memo
  
• Week 14:
  - CSS Styling
  - Sass Styling
  Part 2 Quiz: Due at the end of week 15 - 10%
• Week 15:
  - Hooks
  Final Exam : Due at the end of week 15 - 10%