Course Plan

Course Handout

Institute/School Chitkara University Institute of Engineering and Technology

Name
Department Name Department of Computer Science & Engineering
Programme Name Bachelor of Engineering (B.E.) - Computer Science & Engineering (Artificial Intelligence)
Course Name Web Development Framework Using Python Session 2024-25
Course Code 24CAI1105 Semester/Batch 2nd/2024
L-T-P (Per Week) 2-0-4 Course Credits 4
Pre-requisite Python, HTML, SQL NHEQF Level 4.5
Course Coordinator Dr. Gagandeep SDG Number 4, 9

1. Objectives of the Course

This course provides a comprehensive journey through web development, introducing fundamental concepts, client-server
architecture, and differentiating front-end from back-end.
• To create applications, routing, and templates using Flask. Advanced Flask explores database integration, user
authentication, and building RESTful APIs.
• To learn about project setup, database management, and advanced features like user authentication using Django.
• To build a full-featured web application, working with Django REST Framework, and mastering deployment
strategies.
• Students gain hands-on experience in Python, fostering practical skills in implementing diverse web development
strategies for real-world scenarios.

2. Course Learning Outcomes (CLOs)

Student should be able to:
CLOs Program Outcomes NHEQF Level No. of
(PO) Descriptor Lectures
CLO01 Develop dynamic and secure web applications using Flask, covering PO1, PO10 Q1, Q2 8
routing, form handling, and integration with databases.
CLO02 Demonstrate advanced proficiency in Flask by implementing database PO5, PO8 Q2, Q3 12
management, CRUD operations using Flask-SQLAlchemy, and secure
user authentication.
CLO03 Understand and implement Django fundamentals, including project PO3, PO10 Q2, Q3 10
setup, models, database integration, views, templates, and form
handling, to create robust web applications.
CLO04 Design and deploy feature-rich Django applications, incorporating user PO6, PO8, PO10, Q3, Q4, Q5 10
profiles, RESTful APIs using Django REST Framework, and PO11
deployment across multiple platforms.
CLO05 Optimize and scale Django applications for production, focusing on PO7, PO11,PO12 Q4, Q5 14
performance tuning, deployment strategies, and scalability best
practices.
CLO06 Evaluate the performance and security of web applications, applying PO9, PO12 Q3, Q4, Q5, Q6 10
industry standards and practices to ensure high-quality software.
Total Contact Hours 60

CLO-PO-PSO Mapping
CLO PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO 1 PSO 2 PSO 3 Type of
Assessment’s
CLO01 M H M L L Formative

CLO02 M H M L M Formative

CLO03 H H H H M Formative

CLO04 M L H H L M M Formative

CLO05 M H H H L H Formative

CLO06 L H H M M Formative
H=High, M=Medium, L=Low

<<24CAI1105 / Web Development Framework Using Python>>

Page 1 of 7
 Course Plan

3. Recommended Books:

B01: Miguel Grinberg, Flask Web Development: Developing Web Applications with Python 2nd Ed, 2018,O'Reilly
Media, Inc..
B02: Miguel Grinberg, SQLAlchemy 2 In Practice: Learn to program relational databases in Python step-by-step,
Narosa Publishing House, 2018.
B03: Jacob Kaplan-Moss , Adrian Holovaty,S. Haykin, The Definitive Guide to Django: Web Development Done
Right, 2nd Ed, Pearson Education, 1999.
B04: Michael Dinder, Becoming an Enterprise Django Developer : Discover best practices, tooling, and solutions for
writing and organizing Django applications in production, Packt Publishing 1st Ed, 2022.

4. Other readings and relevant websites:

Serial No Link of Journals, Magazines, websites and Research Papers

1. [Link]
2. [Link]
3. [Link]
4. [Link]
5. [Link]

5. Recommended Tools and Platforms

Python, Jupyter Notebook, Visual Studio Code, Anaconda, and Python libraries

6. Course Plan

Lect. No. Topics

1-2 Introduction to Web Development: Understanding the basics of web development,

Overview of client-server architecture, Introduction to front-end and back-end
development
3-4 Introduction to Python Flask: What is Flask and its advantages, Setting up a development
environment, Creating your first Flask application, Routing and URL handling in Flask
5-8 Templates and Views: Creating templates with Jinja2, Rendering dynamic content,
Using Flask views for handling HTTP requests
9-10 Form Handling and Data Storage: Working with HTML forms, Receiving and
processing form data, Storing data in memory and basic data persistence
11-14 Advanced Flask Development: Working with Databases, Introduction to SQLite or other
databases, Integrating databases with Flask, CRUD operations with Flask-SQLAlchemy
15-16 User Authentication and Authorization: User registration and login systems, Securing
routes and resources, Role-based access control
17-19 RESTful APIs with Flask: Building RESTful web services, Creating endpoints for data
manipulation, Handling JSON requests and responses
20-23 Continuous Evaluation Assignment-1
(Syllabus covered from Lecture to 1-19)
24-26 Introduction to Django: Getting Started with Django: What is Django and its features,
Setting up a Django project, Understanding the Django project structure, Creating your
first Django app
27-32 Models and Databases in Django: Defining models and database tables, Migrations and
database schema changes, Querying the database using Django ORM
33-36 Views, Templates, and Forms: Building views and URL patterns, Creating templates
with Django template language, Handling HTML forms and form validation

<<24CAI1105 / Web Development Framework Using Python>>

Page 2 of 7
 Course Plan

37-39 Admin Interface and User Authentication: Using Django's admin interface,
Implementing user authentication and registration, Customizing user models and
authentication backends
40-43 Continuous Evaluation Assignment-2
(Syllabus covered from Lecture to 24-39)
44-48 Advanced Django Development: Building a Full-Featured Web Application
Building a complete web application with Django, Creating user profiles and user-
specific features
49-54 Working with Django REST Framework: Building RESTful APIs with Django REST
Framework, Serialization and deserialization of data, Integrating APIs with Django
views
54-56 Deployment and Scaling: Preparing your Django application for production, Deploying
Django applications on various platforms, Scaling and performance optimization
techniques
57-60 Final Evaluation – FULL SYLLABUS

7. Delivery/Instructional Resources Theory Plan:

Lect. Topics CLO Book No, CH No, TLM ALM Web References Audio-Video
No. Page No
1-2 Introduction to Web CLO1, Book 1, Ch 1 (5-12), Lecture Hands-on: [Link] [Link]
Development: CLO2 Ch 2 (15-20), Ch 3 (25- slides, Create a om/en/3.0.x/?ref=[Link] /watch?v=mqhxxeeTbu0
Understanding the 30) textbook static [Link] &list=PLzMcBGfZo4-
basics of web content, webpage; n4vJJybUVV3Un_NFS5
diagrams, Group
development, EOgX
case studies, activity:
Overview of client- online Analyze
server architecture, tutorials, client-server
Introduction to front- IDE setup workflow;
end and back-end guides Practical:
development Build a
webpage and
discuss
server-side
processing
3-4 Introduction to CLO1 Book 1, Ch 1 (5-15), Lecture Hands-on: [Link] [Link]
Python Flask: What Ch 2 (16-25), Ch 3 (26- slides, Set up a om/en/3.0.x/quickstart/#a- /watch?v=mqhxxeeTbu0
is Flask and its 35), Ch 4 (36-45) textbook Flask minimal-application &list=PLzMcBGfZo4-
advantages, Setting content, environment n4vJJybUVV3Un_NFS5
up a development Flask , create a EOgX
environment, documentati simple Flask
Creating your first on, online application,
Flask application, tutorials and
Routing and URL implement
handling in Flask routing and
URL
handling
5-8 Templates and CLO1 Book 1, Ch 5 (50-60), Lecture Hands-on: [Link] [Link]
Views: Creating Ch 6 (61-70) slides, Create om/en/3.0.x/tutorial/views/ /watch?v=9MHYHgh4jY
templates with Jinja2, textbook templates c&list=PLzMcBGfZo4-
Rendering dynamic content, with Jinja2, n4vJJybUVV3Un_NFS5
Jinja2 render
content, Using Flask EOgX&index=4
documentati dynamic
views for handling on, Flask content,
HTTP requests views implement
examples Flask views
to handle
HTTP
requests

<<24CAI1105 / Web Development Framework Using Python>>

Page 3 of 7
 Course Plan

9-10 Form Handling and CLO1 Book 1, Ch 7 (71-80), Lecture Hands-on: [Link] [Link]
Data Storage: Ch 8 (81-90) slides, Create om/en/3.0.x/ /watch?v=9MHYHgh4jY
Working with HTML textbook HTML c&list=PLzMcBGfZo4-
content, forms,
forms, Receiving and n4vJJybUVV3Un_NFS5
HTML form process form
processing form data, examples, data, store EOgX&index=4
Storing data in Flask data in
memory and basic documentati memory and
data persistence on implement
basic data
persistence
11-14 Advanced Flask CLO2 Book 2, Ch 9 (91-110) Lecture Hands-on: [Link] [Link]
Development: slides, Work with om/en/3.0.x/patterns/sqlite3/ /watch?v=uZnp21fu8TQ
Working with textbook databases, [Link] &list=PLzMcBGfZo4-
content, integrate
Databases, [Link].c n4vJJybUVV3Un_NFS5
SQLAlchem SQLite with
Introduction to y Flask, and om/en/3.0.x/quickstart/ EOgX&index=7
SQLite or other documentati perform
databases, Integrating on, Flask- CRUD
databases with Flask, SQLAlchem operations
CRUD operations y examples with Flask-
with Flask- SQLAlchem
y
SQLAlchemy
15-16 User Authentication CLO2 Book 2, Ch 10 (111- Lecture Hands-on: [Link] [Link]
and Authorization: 130) slides, Implement m/community/tutorials/how /watch?v=71EU8gnZqZQ
User registration and textbook user -to-add-authentication-to-
content, registration,
login systems, your-app-with-flask-login
Flask login
Securing routes and authenticatio systems, [Link]
resources, Role-based n libraries, secure org/flask-role-based-access-
access control role-based routes, and control/
access role-based
resources access
control
17-23 RESTful APIs with CLO2 Book 2, Ch 11 (131- Lecture Hands-on: [Link] [Link]
Flask: Building 150) slides, Build [Link]/en/lat /watch?v=Jzv3G5iDLvw
RESTful web textbook RESTful est/
content, web
services, Creating
Flask REST services,
endpoints for data API tutorials create
manipulation, endpoints,
Handling JSON and handle
requests and JSON
responses requests and
responses
24-26 Introduction to CLO3 Book 3, Ch 1 (5-20) Lecture Hands-on: [Link] [Link]
Django: Getting slides, Set up a om/start/ st?list=PLVBKjEIdL9bv
Started with Django: Django Django CdI4l1Emvbezv10GjUaL
documentati project,
What is Django and k&si=BmBhBA29yvnmY
on, Django create a
its features, Setting setup guide Django app, YyU
up a Django project, and
Understanding the understand
Django project project
structure, Creating structure
your first Django app
27-32 Models and CLO3 Book 3, Ch 2 (21-40) Lecture Hands-on: [Link] [Link]
Databases in Django: slides, Define om/en/5.0/topics/db/models/ st?list=PLVBKjEIdL9bv
Defining models and textbook models, CdI4l1Emvbezv10GjUaL
content, perform
database k&si=BmBhBA29yvnmY
Django migrations,
tables,Migrations and ORM and query YyU
database schema examples the database
changes, Querying with Django
the database using ORM
Django ORM

<<24CAI1105 / Web Development Framework Using Python>>

Page 4 of 7
 Course Plan

33-36 Views, Templates, CLO3 Book 3, Ch 3 (41-60) Lecture Hands-on: [Link] [Link]
and Forms: Building slides, Build views, om/en/5.0/topics/forms/ st?list=PLVBKjEIdL9bv
views and URL Django create CdI4l1Emvbezv10GjUaL
template templates, k&si=BmBhBA29yvnmY
patterns, Creating
documentati and validate
templates with on, HTML HTML YyU
Django template form forms with
language, Handling examples Django
HTML forms and
form validation
37-43 Admin Interface and CLO3 Book 3, Ch 4 (61-80) Lecture Hands-on: [Link] [Link]
User Authentication: slides, Use om/en/5.0/topics/auth/custo st?list=PLVBKjEIdL9bv
Using Django's Django Django's mizing/ CdI4l1Emvbezv10GjUaL
admin interface, admin admin k&si=BmBhBA29yvnmY
interface interface,
Implementing user YyU
guide, user implement
authentication and authenticatio user
registration, n resources authenticatio
Customizing user n, and
models and customize
authentication user models
backends
44-48 Advanced Django CLO4 Book 3, Ch 5 (81-100) Lecture Hands-on: [Link] [Link]
Development: slides, Build a full- g/en-US/docs/Learn/Server- st?list=PLVBKjEIdL9bv
Building a Full- Django featured web side/Django/Home_page CdI4l1Emvbezv10GjUaL
Featured Web project application k&si=BmBhBA29yvnmY
examples, with Django
Application YyU
real-world
Building a complete case studies
web application with
Django, Creating
user profiles and
user-specific features
49-54 Working with Django CLO4, Book 3, Ch 6 (101-120) Lecture Hands-on: [Link] [Link]
REST Framework: CLO5 slides, Build g/technical/api- st?list=PLVBKjEIdL9bv
Building RESTful Django RESTful development/Django- CdI4l1Emvbezv10GjUaL
APIs with Django REST APIs, REST-API-Tutorial/ k&si=BmBhBA29yvnmY
Framework serialize
REST Framework, YyU
documentati data, and
Serialization and on integrate
deserialization of APIs with
data, Integrating Django
APIs with Django views
views
54-60 Deployment and CLO4, Book 3, Ch 7 (121-140) Lecture Hands-on: [Link] [Link]
Scaling: Preparing CLO5 slides, Deploy g/en-US/docs/Learn/Server- st?list=PLVBKjEIdL9bv
your Django Django Django apps side/Django/Deployment CdI4l1Emvbezv10GjUaL
application for deployment on various k&si=BmBhBA29yvnmY
guides, platforms
production, YyU
optimization and optimize
Deploying Django resources performance
applications on
various platforms,
Scaling and
performance
optimization
techniques

8. Remedial Classes
After every Continuous Evaluation, different types of learners will be identified and special discussions will be planned and
scheduled accordingly.
Action Plan for different types of learners:

Learner Type-I Learner Type- II Learner Type- III

Remedial Classes, Doubt Sessions, Guided Tutorials Workshop, Doubt Session Coding Competitions, Project

<<24CAI1105 / Web Development Framework Using Python>>

Page 5 of 7
 Course Plan

9. Self-Learning
Assignments to promote self-learning and encourage the survey of content from multiple sources.
[Link] Topics CLO ALM References/MOOCS
1 HTML, CSS, and Javascript CLO01- CLO05 Leading Question, Coursera- HTML, CSS, and Javascript for Web
Test Questions Developers
[Link]
javascript-for-web-developers
2 More on styling, Responsive Design, CLO02- CLO06 Leading Question, Coursera- Responsive Website Development and
Animations and 3D space, Test Questions, Design Specialization
Understanding Document Object Model Brainstorming [Link]
-development

10. Delivery Details of Content Beyond Syllabus

Advanced Topics,
[Link] Additional Reading, CLO POs ALM References/MOOCS
Research papers
1 Introduction to React CLO06 PO7, PO10, Think Pair Share, [Link]
PO11 Brain Storming [Link]

11. Evaluation Scheme & Components:

Assessment Evaluation No. of % Weightage Max. Mode of CLO

Type Component Type of Component1 Assessments of Component Marks Assessment

30 Viva Voce, PPT CLO01- CLO02

Formative Component 1 Continuous Evaluation 1* 01 30% Presentation,
File work

30 Viva Voce, PPT CLO01- CLO04

Formative Component 1 Continuous Evaluation 2* 01 30% Presentation,
File work

40 Project, Viva CLO01- CLO06

Formative Component 2 Voce, PPT
Final Project Evaluation** 01 40%
Presentation,
Filework
Total 100%

* Continuous Evaluation is mandatory evaluation taken twice in a semester. It includes use-case designing, file work and viva.
**It is mandatory evaluation including project viva, file and use-case/project designing. Further, as per Academic Guidelines minimum
75% attendance is required to become eligible for appearing in the End Semester Examination.

12. Syllabus of the Course:

Subject: Web Development Framework Using Python Course code: 24CAI1105

No. of
[Link]. Topic(s) Lectures Weightage %
1 Introduction to Web Development, Introduction to Python Flask, Templates and Views ,
10 17%
Form Handling and Data Storage

2 Advanced Flask Development, User Authentication and Authorization, RESTful APIs

with Flask,Building RESTful web services, Creating endpoints for data manipulation, 13 22%
Handling JSON requests and responses

3 Introduction to Django, Models and Databases in Django, Views, Templates, and Forms,
20 33%
Getting Started with Django,Admin Interface and User Authentication

4 Advanced Django Development:,Working with Django REST Framework:, Building a

17 28%
Full-Featured Web Application, Deployment and Scaling:

<<24CAI1105 / Web Development Framework Using Python>>

Page 6 of 7
 Course Plan

13. Academic Integrity Policy:

Education at Chitkara University builds on the principle that excellence requires freedom where Honesty and integrity are
its prerequisites. Academic honesty in the advancement of knowledge requires that all students and Faculty respect the
integrity of one another's work and recognize the importance of acknowledging and safeguarding intellectual property. Any
breach of the same will be tantamount to severe academic penalties.

This Document is approved by:

Designation Name Signature

Course Coordinator Dr. Gagandeep
Head-Academic Delivery Dr. Kamal Deep Garg
Dean (CSE-AI) Dr. Sushil Kumar Narang
Date (DD/MM/YYYY) 09/01/2025

<<24CAI1105 / Web Development Framework Using Python>>

Page 7 of 7