King Faisal University

College of Computer Sciences and Information Technology

Computer Science Department
CS-314: Fundamentals of Web Programming
2nd Trimester: (2022/2023)

A: Instructor Information:
Instructor: Dr. Hadeel Alzoubi
Office Location: Room: Building 59, Room 2034
Tel: 013589-8070
E-mail: [email protected]
Office hours:

B: Course Description
This course provides an overview of the web-based development lifecycle with focus on differentiating and
developing static and dynamic web applications. The theoretical and practical aspects of front-end development
and back-end development are covered thoroughly. Front-end development topics include markup languages and
their application to describe the structure of content on a web page, style sheets to define and control the visual
structure and layout of web interfaces, and scripting languages to develop interactive event-driven web
applications. As the course progresses, topics covering the knowledge and skills necessary to convert simple
static websites into dynamic, database-driven web applications are covered. Students are trained on standard
markup, client-side and server-side scripting languages to develop their own robust web-based systems.
Advanced topics such as web security, search engine optimization and application deployment are introduced.

C: Course Outcomes
After completing the course, the student will be able to:
1. Describe the web application development process and technologies used.[1,3]
2. Create user-interfaces for web pages using HTML and style sheets. [2,6]
3. Use client-side scripting language to create event-driven interactive web pages [2,6]
4. Use server-side scripting language to create dynamic database-driven web applications [2,6]
5. Explain and apply methods to provide security within a web application [2,3]
6. Demonstrate teamwork as member of a development team to deliver a complete web-based application [3,6]

D: Learning Resources
1. Textbook(s) : Robin Nixon “Learning PHP, MySQL, JavaScript, and CSS”, 2nd Edition, O'Reilly Media
2012, ISBN: 1449319262
2. Additional References :
a. Nicholas C. Zakas “Professional JavaScript for Web Developers”, (2009), ISBN: 047022780X
b. Jon Duckett, “HTML and CSS: Design and Build Websites”, John Wiley and Sons, ISBN: 1118008189
c. Jon Duckett, “JavaScript & JQuery: Interactive Front-End Web Development”, John Wiley and Sons, ISBN:
1118531647
d. Luke Welling and Laura Thomson, “PHP and MySQL Web Development”, Developer’s Library Series, 5th
Edition, 2016, Addison-Wesley Professional. ISBN-13: 978-0321833891

E: Regulations (Instructions for students)

Students are expected to attend all the classes. Any absence in any class may affect their progress in the course.
 In case of absences, an excuse must be reported to the academic affairs within a week, and an approval will be
required from the academic affairs.

Important notes
● Students coming after ten minutes of starting time of a class are not allowed to enter in the classroom.
● Attendance will be checked in each class. Absence of 25% or more of the total number of lectures will be
reported to the academic affairs department and may result in a DN grade for this course.
● Any excuse of absence must come through the appropriate authority (e.g. Office of Academic
Affairs of CCSIT) within 7 days.
● Each quiz’s duration will be 15 – 20 minutes. Each quiz will cover material given since the last quiz or
major examination.
● All grading issues must be resolved within one week of the return of graded material.
● No makeup quizzes or exams will be given.
Any students who are involved in any sort of copying during quiz, midterm, or final exam will be given a
zero (F grade) in the respective exam.

F: Course Weekly Activities

Week Date Lecture Topic (chapter/section) Assessment
Course syllabus distribution, policies
4 1
Introduction to Web Applications
Team
1 Topic 2: HTML
Dec. 4 Formation
6 2 2.1. HTML: Introduction
2.2. HTML: Structure Elements
8 3 2.3. HTML: Tags
2.4. HTML: Tables
11 4
2.5. HTML: Forms
2 Topic 3: CSS
13 5
Dec. 11 3.1 CSS: Introduction
3.2 CSS: Selector Rules
15 6
3.3 CSS: Dynamic CSS_Selectors,
18 Long week end
3 3.5 CSS: The “Box” Model
20 7 Quiz 1
Dec. 18 3.6 CSS: Layouts
22 8 3.8 CSS: Navigation and layouts
Topic 4: JavaScript
25 9 Project
4 4.1 JavaScript: Core Concepts
Dec. 25
Assessment
27 10 4.2 JavaScript: Arrays; Functions and Objects (M1)
29 11 4.3 JavaScript: Document Object Model Access & Traversal
1 12 4.4 JavaScript: DOM Manipulation
5
Jan. 1
3 13 4.5 JavaScript: Event Handling
5 14 4.6 JavaScript: Form Data Retrieval, Form Validation
8 15 4.7 JavaScript: AJAX
6 10 Mid Term Exam
Jan. 8 Topic 5: PHP
12 16
Web Server and environment setup (XAMPP)
7 15 Long week end
 Introduction to MySQL and CRUD (Create, Retrieve, Update and
17 17 Quiz 2
Jan. 15 Delete) operations
19 18 Foundation concepts in PHP (part 1)
22 19 Foundation concepts in PHP (part 2) Project
8
Jan. 22
24 20 OOP concepts in PHP Assessment
26 21 Database Access with PHP and MySQL (M2)
29 22 PHP Data Access and Security
9
Jan. 29
31 23 CRUD Example
2 24 Introduction - Server Side Framework
5 25
10 Laravel Framework Quiz 3
7 26
Feb. 5
9 27
Security and Issues in Web Implementations and Laravel Security
12 28 Features Project
11
Feb. 12
Assessment
14 29 Dedicated Server Setup (Practical) (M3)
16 30 Revision
12
Feb. 19
Project Presentation
13
Feb. 26 Final Exams

G. Grading Scheme
Proportion of Final
Sr. Assessment task Week due
Assessment
1 Quiz #1 3
2 Quiz #2 7
10%
3 Quiz #3 10

4
Lab assignments 6 10%
5
Project 4,8,11 20%
6 Mid Term Exam 20%
8 Final Exam Final Exams Schedule 40%
Total 100%
Important Applications and URLs needed for the course
Editor http://brackets.io/
PHP Server https://www.apachefriends.org/index.html