CPIT-405 | CPIT 405 Internet Applications

Khalid Alharbi, Ph.D.

Office Hours: Monday, Wednesday 11:00AM-12:20PM
Location: FCIT building, office: 113

Join our MS Teams for announcements and questions.

Calendar

Week	Topic	Readings	Assignments/Labs
45%
1 Rajab 12th / January 12th	The Internet and its Architecture History of the Internet and World Wide Web World Wide Web Consortium (W3C) Overview of TCP/IP networking model, DNS, HTTP, Web Servers Personal, Distributed and Client/Server Computing Browser Portability Lecture slides: Week 1 slide	Course Overview How does the Internet work? How the Web works How the Internet Works in 5 Minutes [Video] HTTP/1.1: Status Code Definitions
45%
2 Rajab 19th / January 19th	Introduction to HTML5 Headings, Linking, Images, Special Characters and Horizontal Rules Lists, Tables Forms, Internal Linking, meta Elements Lecture slides: HTML slides Demo & code examples: HTML Table Internal bookmark links HTML Form Elements	Introduction to HTML - Learn web development \| MDN HTML Tutorial - W3Schools HTML Elements Reference Empty/Void HTML Elements	Assignment 1 Lab 1
45%
3 Rajab 26th / January 26th	Cascading Style Sheets Inline Styles, Embedded Style Sheets, Conflicting Styles Linking External Style Sheets Positioning elements, backgrounds, and element dimensions CSS Box Model Text flow Media types Lecture notes: CSS selectors CSS units CSS grid Layout Demo & code examples: To do app demo To do app source code	Learn to style HTML using CSS - Learn web development \| MDN The box model CSS Selectors CSS Units and Values CSS Grid Layout CSS Grids Layout [optional reading] Flexbox Layout [optional reading] CSS Tutorial - W3Schools	Assignment 2 Lab 2
45%
4 Sha'ban 3rd / February 2nd	JavaScript Part 1 JavaScript Fundamentals: Data types, logical operators, loops Working with strings Variables Functions Callbacks Program Modules	JavaScript - Learn web development \| MDN JavaScript Tutorial - W3Schools Learn JavaScript - learnJavaScript.online Eloquent JavaScript Book	Lab 3
45%
5 Sha'ban 10th / February 9th	JavaScript Part 2 Working with arrays Random numbers References and Reference Parameters Objects Arrays of objects Introduction to Object Technology Math Object String Object Date Object, Boolean and Number Objects Document Object and Window Object Using Cookies Lecture notes: Cookies Demo & code examples: Cookies Example	JavaScript - Learn web development \| MDN JavaScript Tutorial - W3Schools Working with objects \| MDN Math and Date Objects \| MDN Document.cookie	Lab 4
45%
6 Sha'ban 17th / February 16th	Document Object Model (DOM) Modeling a Document: DOM Nodes and Trees Traversing and Modifying a DOM Tree DOM Collections, Dynamic Styles Summary of the DOM Objects and Collections Lecture notes: The Document Object Model (DOM)	Introduction to the DOM \| MDN JavaScript HTML DOM	Assignment 3 Lab 5
45%
Holiday - No class on Sunday. Midterm exam week [TBD]
7 Sha'ban 24th / March 23rd	JavaScript: Part 3 (Events) Mouse and Keyboard Events in JavaScript Special properties and events for forms: submit, reset, focus/blur, change, input, cut, copy, and paste Event Bubbling Lecture notes: Mouse and Keyboard Events Event bubbling Stopping event bubbling Demo & code examples: JS Events: like/dislike counts	Introduction to events \| MDN JavaScript HTML DOM Events Examples GlobalEventHandlers Event.bubbles \| MDN Event Bubbling \| MDN	Lab 6
45%
8 Ramadan 2nd / March 2nd	Asynchronous web applications with Ajax JSON Network requests Fetching APIs using XMLHttpRequest and the Fetch API Lecture slides: JSON/AJAX slides Lecture notes: Asynchronous JavaScript Demo & code examples: Using the GitHub API with XMLHTTPRequest	Introducing asynchronous JavaScript \| MDN Asynchronous JavaScript \| W3Schools AJAX Introduction \| W3Schools AJAX \| MDN Using Fetch API \| MDN	Lab 7
45%
9 Ramadan 9th / March 9th	Front end frameworks React JSX React Components Components Interfacing Lifecycle Methods Hooks	Learn React \| React documentation	Lab 8
45%
10 Ramadan 16th / March 16th	Server-side scripting in PHP Data Types Arithmetic Operators Arrays String Manipulations Superglobal Arrays PHP and MySQL Setting up web servers Setting up Database: MySQL, PHP Scripting Basics Creating a CRUD application Lecture slides: PHP and MySQL Lecture notes: Install and Configure PHP PHP Form Validation PHP Form Validation Create a CRUD REST API with PHP & MariaDB Deploy a PHP app on Heroku Demo & code examples: PHP MySQL Rest API A simple ToDo app using PHP and MySQL	PHP MySQL Database Tutorial - W3Schools (The only proper) PDO tutorial PDO Examples SQL Injection	Lab 9
45%
11 Shawwal 8th / April 6th	Lecture notes:
45%
12 Shawwal 15th / April 13th	Lecture notes:
45%
Long weekend: No classes on Sunday
13 Shawwal 23rd / April 20th	Lecture notes:
45%
14 Shawwal 29th / May 27th	Lecture notes:
45%
15 Dhu al-Qa'dah 6th / May 4th	Lab exam and project demo Lecture notes:
45%
16 Dhu al-Qa'dah 13th / May 11th	Final Exams (Dhu al-Qa'dah 13th-29th / May 11th-25th) Lecture notes:

CPIT-405 Internet Applications Spring 2025

This course covers the essentials of web development using HTML, CSS, Javascript, React, and PHP.

Calendar