Faculty of Computing and IT

Department of Software Engineering

Course Outline
Fall-2023

Web Engineering
Course Code: CS 5110 Semester: 7th
Credit Hours: 3 Prerequisite CS2262
Codes:
Instructor: Museb Khalid Class: BESE-20
Office: Faculty Room 2 Telephone: +923047910122
Lecture Days: Wednesday E-mail: Museb.khalid@uskt .edu.pk
Class Room: SJ Lab Consulting Wednesday 12:30-1:30, or via
Hours: appointment
Knowledge Programming Updates on End of Week
Group: LMS:

Course Description:
This course provides an in-depth overview of Microsoft’s Blazor Web Assembly framework for
building interactive client-side web applications with .NET. It begins by explaining the benefits of
using Blazor.
Web Assembly. Then, through a combination of both demonstrations and labs, the course proceeds
to teach the student how to implement and secure a single-page web application using Blazor
Web Assembly. This course is intended for web developers who are interested in developing web
Applications using C# on the client instead of JavaScript.

Course Objectives:
By the end of this course, students will be able to:
• Build a Single Page Application (SPA)
• Explain the lifecycle of a Blazor Web Assembly page
• Configure Identity Server
• Understand debugging on both the server and the client
• Call existing JavaScript libraries
• Update data on SQL Server
• Share Razor Components between projects

Course Learning Outcomes (CLOs):

At the end of the course the students will be able to: PLO BT Level*
1 Discuss how web standards impact software development. 1 C-2
2. Describe the constraints that the web puts on developers. 4 C-3
3. Design and implement a simple web application. 3 P-3
4. Review an existing web application against a current web standard. 8 A-3

* BT= Bloom’s Taxonomy, C=Cognitive domain, P=Psychomotor domain, A= Affective domain

Knowledge(C-1), Comprehension(C-2), Application(C-3), Analysis(C-4), Synthesis(C-5),
Evaluation(C-6)
Perception(P-1), Set(P-2), Guided Response(P-3), Mechanism(P-4), Complete Overt Response(P-
5), Adaption(P-6),

Page 1 of 4
 Faculty of Computing and IT
Department of Software Engineering
Course Outline
Fall-2023

Organization(P-7), Receiving(A-1), Responding(A-2), Valuing(A-3), Organization(A-4),

Internalizing(A-5)

Mapping of CLOs to Program Learning Outcomes

PLOs/CLOs CLO1 CLO2 CLO3 CLO4

PLO 1 (Engineering Knowledge) √
PLO 2 (Problem Analysis)
PLO 3 (Design/Development of Solutions) √
PLO 4 (Investigation) √
PLO 5 (Modern tool usage)
PLO 6 (The Engineer and Society)
PLO 7 (Environment and Sustainability)
PLO 8 (Ethics) √
PLO 9 (Individual and Teamwork) √
PLO 10 (Communication)
PLO 11 (Project Management)
PLO 12 (Lifelong Learning)

Grading Criteria:

Assessments Details
Theory: 100% Assignments: 10%,
Quiz exams: 10 %
Midterm: 20%
End Semester Exam: 40 %
Attendance & Participation: 10%
Project: 10%
Total : 100 %

Books:
Textbook: 1. Web Engineering: A Practitioner's Approach by Roger S. Pressman and David Lowe
Reference 1. Blazor-for-ASP-NET-Web-Forms-Developers
Book:

Page 2 of 4
 Faculty of Computing and IT
Department of Software Engineering
Course Outline
Fall-2023

Lessons Plan :–
Week No. Topics Assessment
1 Introduction To Web Development With Blazor
What Is Blazor? When To Use Blazor.
2 Blazor Hosting Models, Blazor Server And WSAM Apps
Build A Web App With Blazor Getting Started
Create And Run A Blazor Web App.
3 Project Structure For Blazor Apps.App Startup & Config. Creating And
Running Blazor App

4 Building A Blazor Pages & Blazor Component ,Razor Directives,

Directive Attributes On Elements, Data Binding And Events.
5 State Changes & Component Lifecycle 1 Page Site Layout
6 Component Parameters & Event Callbacks
7 Navigation In Blazor Apps, Routing, And Layouts To Improve Blazor Multipage Site
Navigation, Dependency Injection In Blazor Server Apps Layout
8 Building Forms In Blazor, Editform Component, Standard Input Form Page Site
Components, Data Binding, Data Validation, Data Annotations,
Validation Components.
9 Mid Term
10 Work With Data , Share Data In Blazor Applications
11 Introduction To Web Services Data Modeling
12 Creating A Controller Base API, Add A Model Class And A Database
Context. Scaffold A Controller With CRUD Methods.
13 Configure Routing, URL Paths, And Return Values. Creating API
Call The Web API With Postman
14 Consuming Web API Through Blazor App
15 Authorization And Authentication In Blazor App CRUD With Api
16 Publishing Blazor App Api Integration
17 Final Project Evaluation Final App
18 End Semester Exam

Tools / Software Requirement:

● MS Visual Studio 2022 with .Net SDK 6.0 + or any other appropriate IDE.

Grading Policy:
Assignment In order to develop a comprehensive understanding of the subject, assignments will be
Policy: given. Late assignments will not be accepted / graded. All assignments will count
towards the total (No ‘best-of’ policy). The students are advised to do the assignment
themselves. Copying of assignments is highly discouraged and violations will be dealt
with severely by referring any occurrences to the disciplinary committee. The questions

Page 3 of 4
 Faculty of Computing and IT
Department of Software Engineering
Course Outline
Fall-2023

in the assignment are meant to be challenging to give students confidence and extensive
knowledge about the subject matter and enable them to prepare for the exams.
Lab The labs will be conducted for three hours every week. A lab handout will be given in
Conduct: advance for study and analysis. The lab handouts will also be placed on LMS. The
students are to submit their results by giving a lab report at the end of the lab for
evaluation. One lab report per group will be required. However, oral exams shall also be
conducted during lab sessions.
Plagiarism: SEECS maintains a zero-tolerance policy towards plagiarism. While collaboration in this
course is highly encouraged, you must ensure that you do not claim other people’s work/
ideas as your own. Plagiarism occurs when the words, ideas, assertions, theories, figures,
images, programming codes of others are presented as your own work. You must cite
and acknowledge all sources of information in your assignments. Failing to comply with
the SEECS plagiarism policy will lead to strict penalties including zero marks in
assignments and referral to the academic coordination office for disciplinary action.

Page 4 of 4