Fall 2022: Internet Technologies

Logistics

• Class Timings: Mondays and Tuesdays 10:45 am - 12:45 pm (3^rd and 4^th slot)
• Classroom: R34 / Conference Room (above Principal's office)
• Lab Timings: Wednesdays 8:45 am - 12:45 pm (1^st - 4^thslot)
• Labs: CS Lab 3, 4, and 5

Course Overview

• As per the Delhi University Course Guidelines

Lectures

Lecture	Topic	Lecture Slides	Readings
Unit/Chapter 1.3 (26/07/22)	Introduction to Internet: What is Internet? Evolution of the Internet. Working of the Internet. Difference between Intranet and Internet.	1.3.pdf Key Milestones.pdf	Chapter 1 (R1)
Unit/Chapter 3.1 (01/08/22, 02/08/22)	Web Servers: Introduction to Web Servers. Working, Configuring, Hosting, and Managing Web Servers(class assignment). Client-side Technologies, Server-side Technologies, Hybrid Technologies.	3.1.pdf	Chapter 1-2 (R1)
Unit/Chapter 3.2 (22/08/22)	Proxy Servers: Introduction, Working, Types of Proxies, setting up and managing a proxy server.	Online	Up to Proxy server risks
Unit/Chapter 4.2(a) (22/08/22)	Introduction to forums, blogging, portfolio, developing a responsive website.	Online	Except Common FAQ’s on Forums and Blogs)
Unit/Chapter 4.2(b) (23/08/22, 29/08/22, 05/09/22, 06/09/22, 12/09/22, ...)	JavaScript: (1) Basic JavaScript Instructions: Statements, Comments, What is a variable, Data Types, Rules for naming variables, Arrays, Creating an array, Values in arrays, Accessing and Changing values in arrays, Expressions, Operators. (2) Functions, Methods, & Objects: Declaring a Functions, Calling a Functions, Declaring functions that need information, Calling functions that need information, Getting a single value out of a function, Getting multiple values out of a function, Anonymous Functions & Function Expressions, Immediately Invoked Function Expressions (IIFE), Variable Scope, What is an Object?, Creating an Object: Literal Notation, Accessing an Object and Dot Notation, Creating an Object: Constructor Notation, Updating an Object, Creating many Objects: Constructor Notation, Arrays are Objects, Arrays of Objects & Objects in Arrays, What are Built-in Objects?, Browser Object Model, Document Object Model, Global JavaScript Objects(String, Number, Math, Date). (3) Document Object Model: Introduction to DOM, DOM Tree, Working with the DOM Tree, Caching DOM queries, Accessing Elements, NodeLists, Selecting an element from a NodeList(item() method and array syntax), Selecting Elements by - TagName, CSS Selectors. Looping through the NodeList. Traversing the DOM(Previous and Next Sibling, First and Last Child), How to get/update Element Content, Access and update a Text Node with a nodeValue, Accessing and Changing a Text Node, Access & Update Text with textContent, innerText. DOM Manipulations - Adding element, removing element. (4) Events: Different Event Types, How events trigger JavaScript code. Three ways to bind an event to an element(HTML Event Handlers, Traditional DOM Event Handlers, DOM level 2 Event Listeners). Event Flow (Event Bubbling, Event Capturing). The Event Object, Using event listeners with the Event Objects. Event Delegation, using Event Delegation.	4.2b.pdf	Chapter 2,3,4 (R2)

Assignments and Tests

Class Assignments

• Assignment No. 1, Uploaded on Google Classroom, Submission Deadline: 01/11/2022.
• Assignment No. 2, Group Assignment, Submission Deadline:

Tests and Quizzes

• Test 1 : 17/10/2022

Resources

• R1: Learning PHP, MySQL, JavaScript, CSS & HTML5, (Robin Nixon), 3rd Edition, O’Reilly Media.
  
• R2: JavaScript and JQuery – Interactive Front-end Web Development, (Jon Duckett), John Wiley and Sons, Inc.
  
• R3: Web Design with HTML and CSS Digital Classroom, (Jeremy Osborn, Jemmifer Smith and AGI Creative Team), Wiley Publishing, Inc.

Course Running Status (Running/Completed)

Unit/Chapter	Topic	Status	Remarks
1.3	Internet	Completed	26/07/2022
3.3	Web Servers	Completed	02/08/2022