Web Technology

Course Title: Web Technology

Course No: CSC329

Nature of the Course: Theory + Lab

Semester: 5

Full Marks: 60 + 20 + 20

Pass Marks: 24 + 8 + 8

Credit Hours: 3

Course Description

This course covers the fundamental concepts of HTML, CSS, JavaScript, XML, and PHP.

Course Objectives

The main objective of this course is to provide basic knowledge of web design using HTML and CSS, client side scripting using JavaScript, handling web data using XML and server side scripting using PHP.

Course Contents

1. Introduction

3 hrs

1.1. Web Basics

Internet

Intranet

Static and Dynamic Web Page

Web Clients

Web Servers

1.2. Client Server Architecture

Single Tier

Two-Tier

Multi-Tier

1.3. HTTP

HTTP Request and Response

Client Side Scripting

Server Side Scripting

Web 1.0

Web 2.0

2. Hyper Text Markup Language

10 hrs

2.1. HTML Basics

Introduction to HTML

Elements of HTML Document

HTML Elements and HTML Attributes

Headings

Paragraph

Division

2.2. Formatting

b, i, small, sup, sub

Spacing: Pre, Br

Formatting Text Phrases: span, strong, tt

2.3. HTML Elements

Image element

Anchors

Lists: Ordered and Unordered and Definition

Tables

Frames

2.4. Forms and Attributes

Forms: Form Elements

ID attributes

Class Attributes of HTML Elements

2.5. HTML5 Elements

Meta Tag

Audio

Video

Canvas

Main

Section

Article

Header

Footer

Aside

Figure Tags

2.6. HTML Events

Window Events

Form Element Events

Keyboard Events

Mouse Events

3. Cascading Style Sheets

8 hrs

3.1. CSS Basics

Introduction

Cascading Style Sheets (CSS)

CSS Syntax

3.2. Inserting CSS

Inline

Internal

External

ID and Class Selectors

3.3. CSS Styling

Colors

Backgrounds

Borders

Text

Font

List

Table

3.4. CSS Box Model

CSS Box Model

Normal Flow Box Layout: Basic Box Layout

Display Property

Padding

Margin

3.5. Positioning

Relative

Float

Absolute

3.6. CSS3 Features

CSS3 Borders

Box Shadows

Text Effects and shadow

3.7. Responsive Design

Basics of Responsive Web Designs

Media Queries

Introduction to Bootstrap

4. Client Side Scripting with JavaScript

9 hrs

4.1. JavaScript Fundamentals

Structure of JavaScript Program

Variables and Data Types

Statements: Expression, Keyword, Block

Operators

Flow Controls

Looping

Functions

4.2. Popup Boxes

Alert

Confirm

Prompt

4.3. Objects and Arrays

Objects and properties

Constructors

Arrays

4.4. Built-in Objects

Window

String

Number

Boolean

Date

Math

RegExp

Form

4.5. Advanced Concepts

User Defined Objects

Event Handling and Form Validation

Error Handling

Handling Cookies

4.6. jQuery

jQuery Syntax

jQuery Selectors

Events and Effects

4.7. JSON

Introduction to JSON

5. AJAX and XML

7 hrs

5.1. AJAX

Basics of AJAX

5.2. XML Basics

Introduction to XML and its Application

Syntax Rules for creating XML document

XML Elements

XML Attributes

XML Tree

XML Namespace

5.3. XML Schema Languages

Document Type Definition (DTD)

XML Schema Definition (XSD)

XSD Simple Types

XSD Attributes

XSD Complex Types

5.4. XML Processing

XML Style Sheets (XSLT)

XQuery

6. Server Side Scripting using PHP

8 hrs

6.1. PHP Fundamentals

PHP Syntax

Variables

Data Types

Strings

Constants

Operators

Control structure

Functions

Array

6.2. Object-Oriented PHP

Creating Class and Objects

6.3. PHP Forms

PHP Forms

Accessing Form Elements

Form Validation

6.4. Session Management

Events

Cookies and Sessions

6.5. PHP and MySQL

Working with PHP and MySQL

Connecting to Database

Creating, Selecting, Deleting, Updating Records in a table

Inserting Multiple Data

6.6. PHP Frameworks

Introduction to CodeIgniter

Laravel

Wordpress etc.

Laboratory Works

The laboratory work includes creating web pages and applications with using HTML, CSS, JavaScript, XML, and PHP. Students have to prepare a web based application, using above mentioned technologies, as a project work.

1.Creating web pages and applications with HTML, CSS, JavaScript, XML, and PHP

Text Books

1.Web Design with HTML, CSS, JavaScript and jQuery Set, Jon Duckett, John Wiley & Sons
2.Web Technologies: A Computer Science Perspective, Jeffrey C. Jackson, Pearson Prentice Hall
3.Learning PHP, MySQL & JavaScript: with jQuery, CSS & HTML5, Robin Nixon, O'Reilly

Reference Books

1.HTML5 and CSS3 for the Real World, Estelle Weyl, Louis Lazaris, Alexis Goldstein, Sitepoint
2.HTML & CSS: Design and Build Websites, Jon Duckett, John Wiley & Sons
3.Dynamic Web Programming and HTML5, Paul S. Wang, CRC Press
4.HTML5 Programming with JavaScript for Dummies, John Paul Mueller
5.JavaScript and JQuery: Interactive Front-end Web Development, Jon Duckett, Wiley
6.The Complete Reference: HTML and CSS, Thomas A. Powell, Mc Graw Hill
7.JavaScript: The Web Technologies Series, Don Gosseli, Course Technology Cengage Learning
8.Web Technologies: HTML, JAVASCRIPT, PHP, JAVA, JSP, ASP.NET, XML and AJAX, Black Book, Dreamtech Press
9.An Introduction to XML and Web Technologies, Anders Møller and Michael I. Schwartzbach, Addison-Wesley
10.PHP and MySQL Web Development, Luke Welling, Addison Wesley
11.www.w3schools.com

Notes:

This syllabus follows the official B.Sc. CSIT curriculum of Tribhuvan University. In case of any doubt or revision, the university's published syllabus shall be considered authoritative.

Web Technology I