Scribd
Upload
22 views

1) Course Outline Updated

Uploaded by

Zeeshan Malik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

1) Course Outline Updated

Uploaded by

Zeeshan Malik
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

The Islamia University of Bahawalpur

Department of Computer Science


Course Instructor: Dr. Omer Ajmal Email: [email protected]
Mobile No.: +92-334-6860593 WhatsApp: +92-334-6860593
Course Title: Web Systems & Technologies Credit Hours: 4(3-1)

Course Learning Outcomes (CLOs):


Upon successful completion of this course, students will be able to:

1. CLO 1: Develop and style responsive web pages using HTML5 and CSS3, incorporating best
practices for accessibility and user experience.
2. CLO 2: Demonstrate proficiency in using JavaScript ES6 features such as variables, functions,
promises, and asynchronous operations to manipulate the Document Object Model (DOM).
3. CLO 3: Create interactive and dynamic web applications using React, implementing state
management and lifecycle methods to handle user interactions effectively.
4. CLO 4: Integrate mock APIs in React applications to simulate data fetching and interaction,
demonstrating the ability to process and display data dynamically.
5. CLO 5: Apply UI/UX design principles to develop user-friendly and visually appealing interfaces,
ensuring optimal user experience in web applications.
6. CLO 6: Utilize version control systems like Git and GitHub to manage project development,
collaborate with team members, and maintain code repositories.
7. CLO 7: Design and implement a comprehensive capstone project that showcases the ability to
integrate frontend technologies, manage state, and simulate backend interactions using mock
APIs.
8. CLO 8: Critically evaluate web application performance and apply optimization techniques to
enhance responsiveness and efficiency.

Teaching Methodology:
 32 Physical Lectures spread over 16 weeks (2 per week).
 10+ Online Labs with hands-on exercises.
 Capstone Project evaluated in stages throughout the semester.
Evaluation Methodology:
 30% Mid Term (After 8 weeks)
 50% Final Term (End of the semester)
 20% Sessional Assignments
 Lab Evaluation
o Lab Assignments
o Semester Project

Weekly Lecture Plan:

Labs/Sessional/Other
Week Lecture Topics
Activity
Web Fundamentals: Introduction to HTML, CSS,
1 1-2 HTML/CSS basics, Git intro
and JavaScript
Forms, tables, and GitHub
2 3-4 Advanced HTML: Forms, Tables, Accessibility
practice
3 5-6 CSS Basics Building responsive layouts
4 7-8 Responsive Design with Flexbox and Grid
JavaScript ES6: Variables, Functions, Promises, JS functions and
5 9-10
Async/Await asynchronous code
JavaScript DOM interaction,
6 11-12 DOM Manipulation & Event Handling
event handling
Setting up React and building
Introduction to React: JSX, Components, Props components
7 13-14
State Management in React: useState, useEffect Managing state with React
hooks
Implementing React Router
8 15-16 React Router: Navigation & Routing in React
for navigation
MID TERM
Fetching and displaying mock
9 17-18 Fetching Data in React: Integrating Mock APIs
API data in React
Advanced React: Component Lifecycle, Error Implementing component
10 19-20
Boundaries lifecycle methods
UI/UX Design Principles: Building Intuitive UI/UX critique, project
11 21-22
Interfaces mockups
12 23-24 React Context API: Managing Complex State Capstone Project Milestone 1
13 25-26 Error Handling & Debugging in React Capstone Project Milestone 2
14 27-28 Performance Optimization in React Capstone Project Milestone 3
15 29-30 Testing in React: Unit Testing with Jest Final Capstone Preparations
16 31-32 Final Project Presentations Capstone Project Final Demo
FINAL TERM

Recommended Textbook:
Rosen, L. S. R., and Leon Shklar.
Web Application Architecture: Principles, Protocol and Practices.
2nd Edition, John Wiley & Sons, 2009.

Learning Resources:
 Books, Videos Tutorials, Games, Handouts and Lab Manuals will be made available time to time at
http://tinyurl.com/webdev-by-omerdotajmal

You might also like