Bachelors Level/Third Year/Fifth Semester/Science csit/fifth semester/web technology/syllabus

B.Sc Computer Science and Information Technology

Institute of Science and Technology, TU

Nature of the course: (Theory+Lab)

F.M: 60+20+20 P.M: 24+8+8

Credit Hrs: 3Hrs

Web Technology [CSC329]
Course Objective
i.
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 Description

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

S1:Introduction[3]
1
Web Basics: Internet, Intranet, WWW, Static and Dynamic Web Page; Web Clients; Web Servers; Client Server Architecture: Single Tier, Two-Tier, Multi-Tier; HTTP: HTTP Request and Response; URL, Client Side Scripting, Server Side Scripting, Web 1.0, Web 2.0
S2:Hyper Text Markup Language[10]
1
Introduction to HTML; Elements of HTML Document; HTML Elements and HTML Attributes, Headings, Paragraph, Division, Formating: b, i, small, sup, sub; Spacing: Pre, Br; Formatting Text Phrases: span, strong, tt; Image element; Anchors; Lists: Ordered and Unordered and Definition; Tables; Frames; Forms: Form Elements, ID attributes, Class Attributes of HTML Elements; Meta Tag, Audio, Video, Canvas, Main, Section, Article, Header, Footer, Aside, Nav, Figure Tags; HTML Events: Window Events, Form Element Events, Keyboard Events, Mouse Events
S3:Cascading Style Sheets[8]
1
Introduction; Cascadding Style Sheets (CSS); CSS Syntax; Inserting CSS: Inline, Internal, External, ID and Class Selectors; Colors; Backgrounds; Borders; Text; Font; List; Table; CSS Box Model; Normal Flow Box Layout: Basic Box Layout, Display Property, Padding, Margin; Positioning: Relative, Float, Absolute; CSS3 Borders, Box Shadows, Text Effects and shadow; Basics of Responsive Web Designs; Media Queries, Introduction to Bootstrap
S4:Client Side Scripting with JavaScript[9]
1
Structure of JavaScript Program; Variables and Data Types; Statements: Expression, Keyword, Block; Operators; Flow Controls, Looping, Functions; Popup Boxes: Alert, Confirm, Prompt; Objects and properties; Constructors; Arrays; Built-in Objects: Window, String, Number, Boolean, Date, Math, RegExp, Form, DOM; User Defined Objects; Event Handling and Form Validation, Error Handling, Handling Cookies, jQuery Syntax; jQuery Selectors, Events and Effects; Introduction to JSON
S5:AJAX and XML[7]
1
Basics of AJAX; Introduction to XML and its Application; Syntax Rules for creating XML document; XML Elements; XML Attributes; XML Tree; XML Namespace; XML schema languages: Document Type Definition(DTD), XML Schema Definition (XSD); XSD Simple Types, XSD Attributes; XSD Complex Types; XML Style Sheets (XSLT), XQuery
S6:Server Side Scripting using PHP[8]
1
PHP Syntax, Variables, Data Types , Strings, Constants, Operators, Control structure, Functions, Array, Creating Class and Objects, PHP Forms, Accessing Form Elements, Form Validation, Events, Cookies and Sessions, Working with PHP and MySQL, Connecting to Database, Creating, Selecting, Deleting, Updating Records in a table, Inserting Multiple Data, Introduction to CodeIgniter, Laravel, Wordpress etc.
References
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
4.
PHP & MySQL: Server-side Web Development, Jon Ducket, Wiley
5.
HTML5 and CSS3 for the Real World”, Estelle Weyl, Louis Lazaris, Alexis Goldstein, Sitepoint
6.
HTML & CSS: Design and Build Websites, Jon Duckett, John Wiley & Sons
7.
Dynamic Web Programming and HTML5, Paul S. Wang, CRC Press
8.
HTML5 Programming with JavaScript for Dummies, John Paul Mueller
9.
JavaScript and JQuery: Interactive Front-end Web Development, Jon Duckett, Wiley
10.
The Complete Reference: HTML and CSS, Thomas A. Powell, Mc Graw Hill
11.
JavaScript: The Web Technologies Series, Don Gosseli, Course Technology Cengage Learning
12.
Web Technologies: HTML, JAVASCRIPT, PHP, JAVA, JSP, ASP.NET, XML and AJAX, Black Book, Dreamtech Press
13.
An Introduction to XML and Web Technologies, Anders Møller and Michael I. Schwartzbach, Addison-Wesley
14.
PHP and MySQL Web Development, Luke Welling, Addison Wesley
15.
www.w3schools.com
Labrotary Work
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