Department Computer Science

Program Undergraduate
CMS 220: Web Programming 1 –
Subject
3 KU (6 ECTS) credits
Term Fall 2019
Identification
Instructor Mahammad Sharifov (Ph.D.)
Website www.mahammad.info
info@mahammad.info,
E-mail
msharifov@khazar.org
Classroom/hours 41 Mehseti str. (Neftchilar camp.)
Prerequisites CMS 115: Computer Applications in Engineering
Language English
Compulsory/Elective Compulsory

Core Textbooks:
1. Learning Web Design, 4th Edition by Jennifer
Robbins. A Beginners Guide to HTML, CSS,
JavaScript and Web Graphics. O’Reilly Media, 2012
2. Learning PHP, MySQL and JavaScript with JQUERY,
Text books and course CSS and HTML 5 (E-book, 4th Edition) by Robin
materials Nixon. O’Reilly Media, 2015
3. JavaScript & jQuery. Interactive Front-End Web
Development by John Wiley & Sons, 2014

Websites:
1. http://www.w3schools.com/

Case analysis
Group discussion +
Lab +
Teaching methods Lecture +
Course paper +

Others

1 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]

 Methods Percentage (%)

Midterm Exam 30%

Case studies
Activity 5%
Class Assignments (2) 10%
Evaluation Criteria Project (1) 15%
Presentation
Laboratory Work (Assignments)
Final Exam 40%
Other
Total 100%

This course will introduce the fundamental scripting

languages and technologies of the web including HTML5,
Course objectives
CSS3, JavaScript and popular front-end library jQuery and
framework Bootstrap.

By successfully completing this course, students will be

able to:

• Learn all syntax and powerful features of HTML 5

and CSS 3;
• Learn to write responsive styles for all screen
resolutions and devices;
• Learn to work with modern CSS Preprocessors like
LESS and SASS;
Learning outcomes
• Learn to write well-structured, easily maintained
JavaScript code;
• Learn to use JavaScript libraries (e.g. jQuery) to
create dynamic pages;
• Learn to design web pages with powerful
framework Bootstrap;
• Learn to work with control version systems like GIT
and GITHUB.

2 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]

 Introduction to Web Programming | HTML and CSS Styles
| HTML Tables & HTML Elements | HTML Forms | CSS Box
Model | CSS Positioning | HTML Media | Responsive Web
Course outline Design | LESS and SASS | Responsive Grid System |
Introduction to Bootstrap | Bootstrap CSS | Working with
Bootstrap Layouts & Themes | Introduction to JavaScript |
JS Conditions | JS Forms | JS DOM | JS BOM | jQuery | GIT
and GITHUB

Lesson organization: General information on the subject

will be provided for the students during lectures.

Attendance: Participation of students at class is

important. Students should inform dean’s office about
missing lessons for particular reasons (illness, family issues
and etc.).

Lates: Students have to get to class on time.

Exams: All the issues related to the participation and

admission to the exam are regulated by the faculty dean.
Topics of midterm and final exams are provided for the
Course policy students before the exams.

Violation of the rules of the exams: Cheating and

plagiarism is equal to Zero.

The rule for completing the course: In accordance with

the University rules the overall success rate to complete
the course should be 60% or above. The students who
failed the exam would be to take this subject next
semester or next year.

Rules of conduct for Students: Disruption of the lesson

and not following ethical norms during the lesson, as well
as conduction of the discussions by the students without
permission and using mobile phones is forbidden

Tentative Schedule

Date Topics Textbook/Assignments

3 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]

 Introduction to Web
Programming.
Introduction to Web Programming Presentation;
| How the Internet Works | History
Material by Google Drive;
1 of the Web
Website 1

(Theory: 90 minutes + Practice: 50

minutes + Group discussion: 40
minutes)

HTML and CSS basics.

HTML and CSS Syntax| HTML Block Presentation;
and Inline Elements | Inline,
Material by Google Drive;
2 Internal & External CSS
Website 1

(Theory: 90 minutes + Practice: 90

minutes)

HTML Advanced
HTML Tables | HTML Lists and Presentation;
Nested Lists | HTML Form Elements Material by Google Drive;
3
Website 1
(Theory: 90 minutes + Practice: 90
minutes)

CSS Advanced. Part I

Presentation;
CSS Selectors | CSS Border | CSS
Margin | CSS Padding Material by Google Drive
4
Website 1
(Theory: 90 minutes + Group work:
45 minutes + Practice: 45 minutes)

CSS Advanced. Part II

The Position Property | Presentation;
Overlapping Elements |CSS Material by Google Drive;
5 Floating | CSS Blocking | CSS Image
Website 1
Gallery

(Theory: 90 minutes + Practice: 90

4 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]
 minutes)

Responsive Web Design.

HTML Responsive | Media Queries | Presentation;
Grid View | CSS Grid | Flexbox Material by Google Drive;
6
Website 1

(Theory: 45 minutes + Practice: 45

minutes, Quiz#01: 90 minutes)

CSS Preprocessors. LESS & SASS

Presentation;
CSS Preprocessors | LESS vs SASS Material by Google Drive;
7
Website 1
(Theory: 90 minutes + Group work:
45 minutes + Practice: 45 minutes)

Bootstrap Basics. Creating

Templates in Bootstrap.
Bootstrap CSS | Creating Bootstrap Presentation;
Pages and Themes Material by Google Drive;
8
Website 1
(Theory: 45 minutes + Practice: 45
minutes + Project 1 Presentation:
90 minutes)

Midterm Exam Preparation +

9
Midterm Exam

Introduction to JavaScript.

Introduction to Java Script | JS

Presentation;
Syntax | JS Datatypes | Loops &
Conditions JS String | JS String Material by Google Drive;
10
Methods Website 1

(Theory: 90 minutes + Practice: 90

minutes)

5 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]

 DOM Manipulation in JavaScript
Presentation;
DOM Selectors | DOM Events Material by Google Drive;
11
Website 1
(Theory: 90 minutes + Practice: 90
minutes)

JavaScript Fundamentals.
JS Arrays | JS Array Methods | JS Presentation;
Objects | Event Handling in Java
Material by Google Drive;
12 Script | JavaScript Forms
Website 1

(Theory: 90 minutes + Practice: 90

minutes)

Advanced JavaScript.
ES5 and ES6 | Advanced Functions | Presentation;
Advanced Objects Material by Google Drive;
13
Website 1
(Theory: 90 minutes + Practice: 90
minutes)

jQuery
jQuery Events | jQuery Effects Presentation;
jQuery Advanced Effects | jQuery Material by Google Drive;
14 HTML | jQuery Traversing Website 1

(Theory: 45 minutes + Practice: 45

minutes + Quiz#02: 90 minutes)
Version Control Systems. GIT
and GITHUB Presentation;
Material by Google Drive;
15
(Theory: 45 minutes + Practice: 45 Website 1
minutes + Project 2 Presentation:
90 minutes)

Final exam

6 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]

 This syllabus is a guide for the course and any modifications to it will be announced in advance.

7 [Web Programming 1 (CMS 220). © 2019, Dr. Mahammad Sharifov]