COMSATS University Islamabad

Department of Computer Science

Course Syllabus
Course Information
Course Code: CSC336 Course Title: Web Technologies
Credit Hours: 3 (2, 1) Lecture Hours/Week: 2
Lab Hours/Week: 3 Pre-Requisites: CSC241–Object Oriented Programming
Catalogue Description:
This course introduces the modern web technologies used for the web development. Topics include:
Overview of Web Platforms; Web Architectures; Markup Languages; Styling; Client-Side Scripting
Languages; Server-Side Technologies; Use of Databases in Web-based Applications; Web APIs;
Programming under Platform Constraints; Security Issues; and Web Hosting.
Text and Reference Books
Text Books:
1. Web Design Playground: HTML & CSS the Interactive Way, Paul McFedries, Manning, 2019.
2. Beginning PHP and MySQL: From Novice to Professional, Frank M. Kromann, Apress,
2018.
3. Laravel Up and Running, A Framework for Building Modern PHP Apps, Matt. Stauffer, Oreilly,
2019.
Reference Books:
1. Web Engineering, Sahil Rai, Kuk University Notes, 2020.
2. Web Programming with HTML5, CSS, and JavaScript, John Dean, Jones & Bartlett Learning
2018.
Week wise Plan:
Lecture CDF Reading
Topics Covered
# Unit # Material
Overview of Web Platforms: Web Terminologies, Web
1. 1 Communication Protocol (HTTP), Web Generations, McFedries : Ch1
and Standards & Constraints.
Categories of Web Applications: Document Centric, Social
Web, Semantic Web; Web Architectures: Layered
2. 2 McFedries : Ch1
Architecture, One, Two & Three-Tiered Architecture, and
N Layered Architecture.
Introduction to HTML, History, HTML & XHTML,
3. 3 McFedries : Ch 2
Elements, Block Level vs. Inline Elements, and Validator.
4. 3 Tables, Div, Span, and Layout Design. McFedries : Ch 3
Introduction to HTML5, Semantic Elements, and
5. 3 McFedries : Ch 3
HTML5 Elements.
6. 3 HTML Forms: Elements, Attributes, and Input Elements. McFedries : Ch 3
Introduction to CSS, Rules, Selectors & Properties, and
7. 4 McFedries : Ch 4
Selector Precedence.
CSS Selectors: Pseudo-Class, Pseudo-Elements, Attribute,
8. 4 McFedries : Ch 4
and Combinator Selectors.
9. 4 CSS Properties: Display, Float, Opacity, and McFedries : Ch 4

1
 Positioning.
CSS3: Layout Design, Box Model, Layouts with Floats &
10. 4 Flexbox, CSS3 Responsive & Adaptive Layouts, Media, McFedries : Ch 5
Queries, and Mobile First Approach.
Syntactically Awesome Style Sheets (SaSS), Installation,
11. 4 McFedries : Ch 7
Variables, Nesting, and SaSS Functions.
Bootstrap Framework: Introduction, Grid System, and
12. 4 Ref. Material
Responsive Web Design.
13. 4 Bootstrap Utility Classes. Ref. Material
Introduction to JavaScript: Variable Declaration, Data
14. 5 Dean : Ch 8
Types, Operators, and Adding JavaScript to HTML.
JavaScript: Conditional Statements, Loops, Functions &
15. 5 Dean : Ch 8
ES6 Features, and Sample Codes.
Introduction to BOM-DOM: Introduction, Window
16. 5 Object (Properties, Methods, Events), and Document Dean : Ch 9
Object (Properties, Methods, Events).
17.
Mid Term Exam
18.
Form Validation using JavaScript: Regular Expressions, Dean : Ch 9
19. 5
and Client-Side Validation Approaches.
jQuery Basics: jQuery Syntax, jQuery Selectors, and Dean : Ch 5
20. 5
jQuery Events.
jQuery Applications: DOM Manipulation, jQuery
21. 5 Dean : Ch 5
Effects, and Method Chaining.
22. 5 XML: Overview, Elements, Parser, DOM, and Schema. Stauffer : Ch 14.
AJAX: Introduction, Synchronous vs Asynchronous
23. 5 Stauffer : Ch 14.
Communication, Request, Response, and File.
JSON: Overview, Syntax, Datatypes, Parse, Comparison
24. 5 Stauffer : Ch. 7
with XML, and Objects.
Introduction to PHP, Conditional Constructs, Loops, Kromann : Ch 1, 2,
25. 6
Functions, Arrays, and Object-Oriented PHP. 3, 4.
Introduction to Laravel: Basics, History, and Installing
26. 6 Stauffer : Ch 1, 2.
Laravel.
Routing & Controllers: Routes Definition, Views,
27. 6 Stauffer : Ch 3.
Passing Data to Views, and Controllers.
Blade Templating: Basics, Conditionals, Loops, and
28. 6 Stauffer : Ch 4.
Template Inheritance.
Working with Databases: Configuration, and CRUD
29. 6 Stauffer : Ch 5.
Operations.
Sessions & Cookies: Setting Up a Session, Storing &
30. 6 Accessing Session Data, Removing Session, Creating, Stauffer : Ch 5.
Accessing, and Deleting Cookies.
Web APIs Applications; and Programming Via Platform-
31. 6 Stauffer : Ch 6.
Specific APIs.
32. 6 Web Security Vulnerabilities: SQL Injections, and Cross Rai : Ch 7

2
 Site Scripting.
Final Term Exam
Student Outcomes (SOs)
S.# Description
Apply knowledge of computing fundamentals, knowledge of a computing specialization, and
1 mathematics, science, and domain knowledge appropriate for the computing specialization to the
abstraction and conceptualization of computing models from defined problems and requirements
Identify, formulate, research literature, and solve complex computing problems reaching
2 substantiated conclusions using fundamental principles of mathematics, computing sciences, and
relevant domain disciplines
Design and evaluate solutions for complex computing problems, and design and evaluate systems,
3 components, or processes that meet specified needs with appropriate consideration for public
health and safety, cultural, societal, and environmental considerations
Create, select, adapt and apply appropriate techniques, resources, and modern computing tools
4
to complex computing activities, with an understanding of the limitations
Function effectively as an individual and as a member or leader in diverse teams and in multi-
5
disciplinary settings.
Course Learning Outcomes (CLO)
Blooms
Sr.# Unit # Course Learning Outcomes Taxonomy SO
Learning Level
CLO’s for Theory
CLO-1 1-2 Classify web architectures and related applications. Understanding 1
Demonstrate the capabilities for developing
CLO-2 3-5 Applying 2-4
professional front-end using client-side technologies.
Illustrate the concepts of server-side technologies for
CLO-3 6 Applying 2-4
secure database interactions.
CLO’s for Lab
Apply the concepts of markup & scripting languages
CLO-4 3-6 Applying 2-4
and client-side technologies.
Develop dynamic applications using current industrial
CLO-5 2-6 Creating 2-5
practices.
CLO Assessment Mechanism
Assessment
CLO-1 CLO-2 CLO-3 CLO-4 CLO-5
Tools
Quizzes Quiz 1 Quiz 2 Quiz 3&4 - -
Assignment Assignment Lab
Assignments - -
1&2 3&4 Assignments
Midterm Mid Term Mid Term
- - -
Exam Exam Exam
Final Term
Final Term Exam - -
Exam

3
 -
- - - Lab Project
Project
Policy & Procedures
 Attendance Policy: Every student must attend 80% of the lectures as well as laboratory in this
course. The students falling short of required percentage of attendance of lectures/laboratory work,
is not allowed to appear in the terminal examination.

 Course Assessment:
Mid Term Terminal
Quizzes Assignments Total
Exam Exam
Theory (T) 15 10 25 50 100
Lab (L) - 25 25 50 100
Final Marks
(T/100) *67 + (L/100) *33
(T+L)

 Grading Policy: The minimum passing marks for each course is 50% (In case of LAB; in addition
to theory, student is also required to obtain 50% marks in the lab to pass the course). The
correspondence between letter grades, credit points, and percentage marks at CUI is as follows:
Grade A A- B+ B B- C+ C C- D+ D F
Marks >= 80 - 75 - 71 - 68 - 64 – 61 - 58 - 54 - 50-53 < 50
85 84 79 74 70 67 63 60 57
Cr. 3.67- 3.34- 3.01- 2.67- 2.34- 2.01- 1.67- 1.31- 1.01- 0.10-
0.00
Point 4.00 3.66 3.33 3.00 2.66 2.33 2.00 1.66 1.30 1.00

 Missing Exam: No makeup exam will be given for final exam under any circumstance. When a
student misses the mid-term exam for a legitimate reason (such as medical emergencies), his grade
for this exam will be determined based on the Department policy. Further, the student must provide
an official excuse within one week of the missed exam.

 Academic Integrity: All CUI policies regarding ethics apply to this course. The students are
advised to discuss their grievances/problems with their counsellors or course instructor in a
respectful manner.

 Plagiarism Policy: Plagiarism, copying and any other dishonest behaviour is prohibited by the
rules and regulations of CUI. Violators will face serious consequences.