Government of Pakistan

National Vocational and Technical Training Commission

Prime Minister’s Youth Skills Development Program

"Skills for All"

Course Contents / Lesson Plan

Course Title: Microsoft .NET Core with ReactJS
Duration: 3 Months

Revised Edition
 Trainer Name

Zunnoorain Ashraf
Authur Name
Sr. Software Engineer

Course Title
Microsoft .NET Core with ReactJS
Objectives and Employable skills and hands-on practice in Microsoft .NET Core with
Expectations ReactJS

This is a special course designed to address unemployment in the youth.

The course aims to achieve the above objective through hands on practical
training delivery by a team of dedicated professionals having rich
market/work experience. This course is therefore not just for developing a
theoretical understanding/back ground of the trainees. Contrary to that, it is
primarily aimed at equipping the trainees to perform commercially in a
market space in independent capacity or as a member of a team.

The course therefore is designed to impart not only technical skills but also
soft skills (i.e. interpersonal/communication skills; personal grooming of the
trainees etc.) as well as entrepreneurial skills (i.e. marketing skills; free lancing
etc.). The course also seeks to inculcate work ethics to foster better citizenship
in general and improve the image of Pakistani work force in particular.
Main Expectations:
In short, the course under reference should be delivered by professional
instructors in such a robust hands-on manner that the trainees are comfortably
able to employ their skills for earning money (through wage/self-employment)
at its conclusion.
This course thus clearly goes beyond the domain of the traditional training
practices in vogue and underscores an expectation that a market-centric
approach will be adopted as the main driving force while delivering it. The
instructors should therefore be experienced enough to be able to identify the
training needs for the possible market roles available out there. Moreover,
they should also know the strengths and weaknesses of each trainee to
prepare them for such market roles during/after the training.

i. Specially designed practical tasks to be performed by the trainees have

been included in the Annexure-I to this document. The record of all
tasks performed individually or in groups must be preserved by the
management of the training Institute clearly labeling name, trade,
session, etc. so that these are ready to be physically inspected/verified
through monitoring visits from time to time. The weekly distribution of
tasks has also been indicated in the weekly lesson plan given in this
document.
ii. To materialize the main expectations, a special module on Job Search
& Entrepreneurial Skills has been included in the latter part of this
course (5th & 6th month) through which, the trainees will be made aware
of the Job search techniques in the local as well as international job
markets (Gulf countries). Awareness around the visa process and
immigration laws of the most favored labor destination countries also
2 | Microsoft .NET Core with ReactJS
 form a part of this module. Moreover, the trainees would also be
encouraged to venture into self-employment and exposed to the main
requirements in this regard. It is also expected that a sense of civic
duties/roles and responsibilities will also be inculcated in the trainees
to make them responsible citizens of the country.
iii. A module on Work Place Ethics has also been included to highlight
the importance of good and positive behavior in the workplace in the
line with the best practices elsewhere in the world. An outline of such
qualities has been given in the Appendix to this document. Its
importance should be conveyed in a format that is attractive and
interesting for the trainees such as through PPT slides +short video
documentaries. Needless to say that if the training provider puts his
heart and soul into these otherwise non-technical components, the
image of the Pakistani workforce would undergo a positive
transformation in the local as well as international job markets.
To maintain interest and motivation of the trainees throughout the course,
modern techniques such as:
• Motivational Lectures
• Success Stories
• Case Studies
These techniques would be employed as an additional training tool wherever
possible (these are explained in the subsequent section on Training
Methodology).
Lastly, evaluation of the competencies acquired by the trainees will be done
objectively at various stages of the training and a proper record of the same
will be maintained. Suffice to say that for such evaluations, practical tasks
would be designed by the training providers to gauge the problem-solving
abilities of the trainees.
(i) Motivational Lectures
The proposed methodology for the training under reference employs
motivation as a tool. Hence besides the purely technical content, a trainer is
required to include elements of motivation in his/her lecture. To inspire the
trainees to utilize the training opportunity to the full and strive towards
professional excellence. Motivational lectures may also include general topics
such as the importance of moral values and civic role & responsibilities as a
Pakistani. A motivational lecture should be delivered with enough zeal to
produce a deep impact on the trainees. It may comprise of the following:
• Clear Purpose to convey the message to trainees effectively.
• Personal Story to quote as an example to follow.
• Trainees Fit so that the situation is actionable by trainees and not
represent a just idealism.
• Ending Points to persuade the trainees on changing themselves.
A good motivational lecture should help drive creativity, curiosity, and spark
the desire needed for trainees to want to learn more.
The impact of a successful motivational strategy is amongst others commonly
visible in increased class participation ratios. It increases the trainees’
willingness to be engaged on the practical tasks for a longer time without
boredom and loss of interest because they can see in their mind's eye where
their hard work would take them in short (1-3 years); medium (3 -10 years)
and long term (more than 10 years).

3 | Microsoft .NET Core with ReactJS

 As this tool is expected that the training providers would make arrangements
for regular well planned motivational lectures as part of a coordinated strategy
interspersed throughout the training period as suggested in the weekly lesson
plans in this document.
Course-related motivational lectures online link is available in Annexure-II.

(ii) Success Stories

Another effective way of motivating the trainees is using Success Stories. Its
inclusion in the weekly lesson plan at regular intervals has been
recommended till the end of the training.
A success story may be disseminated orally, through a presentation, or using
a video/documentary of someone that has risen to fortune, acclaim, or brilliant
achievement. A success story shows how a person achieved his goal through
hard work, dedication, and devotion. An inspiring success story contains
compelling and significant facts articulated clearly and easily comprehendible
words. Moreover, it is helpful if it is assumed that the reader/listener knows
nothing of what is being revealed. The optimum impact is created when the
story is revealed in the form of:-
• Directly in person (At least 2-3 cases must be arranged by the training
institute)
• Through an audio/ videotaped message (2-3 high-quality videos must
be arranged by the training institute)
It is expected that the training provider would collect relevant high-quality
success stories for inclusion in the training as suggested in the weekly lesson
plan given in this document.
The suggestive structure and sequence of a sample success story and its
various shapes can be seen in Annexure III.
(iii) Case Studies
Where a situation allows, case studies can also be presented to the trainees
to widen their understanding of the real-life specific problem/situation and to
explore the solutions.
In simple terms, the case study method of teaching uses a real-life case
example/a typical case to demonstrate a phenomenon in action and explain
theoretical as well as practical aspects of the knowledge related to the same.
It is an effective way to help the trainees comprehend in depth both the
theoretical and practical aspects of the complex phenomenon in depth with
ease. Case teaching can also stimulate the trainees to participate in
discussions and thereby boost their confidence. It also makes the classroom
atmosphere interesting thus maintaining the trainee interest in training till the
end of the course.
Depending on suitability to the trade, the weekly lesson plan in this document
may suggest case studies be presented to the trainees. The trainer may adopt
a PowerPoint presentation or video format for such case studies whichever is
deemed suitable but only those cases must be selected that are relevant and
of a learning value.
The Trainees should be required and supervised to carefully analyze the
cases.
For this purpose, they must be encouraged to inquire and collect specific
information/data, actively participate in the discussions, and intended
solutions to the problem/situation.
Case studies can be implemented in the following ways: -

4 | Microsoft .NET Core with ReactJS

 i. A good quality trade-specific documentary ( At least 2-3
documentaries must be arranged by the training institute)

ii. Health &Safety case studies (2 cases regarding safety and

industrial accidents must be arranged by the training institute)
iii. Field visits( At least one visit to a trade-specific major industry/
site must be arranged by the training institute)
Entry-level of For an advanced course of Microsoft .NET Core with ReactJS proposed
trainees entry level is minimum bachelors in relevant subject, so expectations from
the trainees are:
• Have knowledge of Programming Languages C# and VB.NET
• Have Understanding of .NET Framework
• Have concept of HTML, CSS, and JavaScript
• Having a Basic Understanding of Web Development Concepts
• Having SQL Server Database Knowledge
• Familiarity with MVC Architecture
• Having knowledge of Web APIs
• Familiar with ReactJS

Learning By the end of this course, students will be able to:

Outcomes of • Design/Development of Web Applications, eCommerce Website and
the course CMS
• Understanding of modern tool usage for Web Development in
Industry
• Comprehensive knowledge of React JS, including its component-
based architecture.
• Ability to create and manage React components.
• Proficiency in developing Single Page Applications using React for
the frontend.
• Integration of React with .NET Core APIs.
• Consuming and handling data from APIs within a React application.

Course The total duration of the course: 3 months (12 Weeks)

Execution Plan Class hours: 4 hours per day
Theory: 20%
Practical: 80%
Weekly hours: 20 hours per week
Total contact hours: 260 hours
Companies • Senior Dotnet and Reactjs Developer - Calrom Islamabad: Software
offering jobs in House develop innovative travel software solutions, designed from
the respective the ground up in partnership with some of the world's leading airlines.
trade
• Dotnet Developer - SigmaTec Solutions Pvt. Limited Islamabad:
Software House in Islamabad provide unique ability to combine vital
product development expertise with deep technical competence and
business comprehension.

• React Developer - Rainsoft Financials Karachi: Rainsoft Financials

(Pvt.) Ltd. is an IT and IT enabled off-shore BPO service provider for
the US financial services industry.

5 | Microsoft .NET Core with ReactJS

 • Junior .NET Developer - Ciklum · Islamabad: Dot Net Web API Expert

Job • Web Applications Developer

Opportunities • Back – End Web Developer using ASP.NET Core
• Full Stack Web Developer using ASP.NET Core
• Front - End Developer
No of Students 25
Learning Place Classroom / Lab
Instructional 1. HTML/CSS/JavaScript:
Resources
https://dotnettutorials.net/course/html-tutorials/

https://dotnettutorials.net/course/css-tutorials-for-beginners-and-
professionals/

https://dotnettutorials.net/course/javascript-tutorial-for-beginners-and-
professionals/

These links will provide step by step knowledge of HTML, CSS, and
JavaScript for both beginners and experts to develop basic static Web
Page.

2. SQL Server:

https://dotnettutorials.net/course/sql-server/

This link provides a basic and expert tutorial about SQL Server for
creating and managing database and perform different functions e.g.
Clauses, Joins, Views and Store Procedures on data stored in
database.

3. ASP.NET Core MVC:

https://dotnettutorials.net/course/asp-dot-net-mvc-tutorials/

In this ASP.NET MVC Tutorial For Beginners and

Professionals series, it covered all the features of ASP.NET MVC.
You will learn from the basic to advanced level features of ASP.NET
MVC like JavaScript, jQuery, Entity framework, and much more.

6 | Microsoft .NET Core with ReactJS

 4. ASP.NET Web API:

https://dotnettutorials.net/course/asp-net-web-api/

This tutorial will cover all the features of ASP.NET Web API provided
by Microsoft i.e., it is used to develop HTTP-Based Web Services on
top of .NET Framework.

5. React JS Tutorials

https://dotnettutorials.net/course/reactjs-tutorials/

This React Tutorial will take you through most of the practical
applications of React. It will cover all the concepts of React JS with
Real-Time Applications from the very basic to advanced features of
React JS.

6. ASP.NET Web API + React JS – Full Stack CRUD App:

https://www.youtube.com/watch?v=EJgzPBO2juM

This video provides step by step tutorial for Full Stack CRUD App
tutorial using ASP.NET Core + SQL and React JS

7 | Microsoft .NET Core with ReactJS

 MODULES
Sched Module Title Days Hours Learning Units Home
uled Assignmen
Weeks t
Week 1 Introduction to Day 1 Hour 1 Course Introduction and
Web Expectations
Development
and ASP.NET Hour 2 Intro to ASP.NET and
React JS

Hour 3 Job Market Overview

Hour 4 Work Ethics in Institute

Day 2 Hour 1 Introduction to HTML

• Learn Basic Tags in
HTML
• Tables in HTML
• Forms in HTML

Hour 2 Introduction to CSS

• Task 1
• Learn Basics of
CSS
• Call Multiple CSS Details may
Files in Single be seen at
Annexure-I
HTML Page

Hour 3 JavaScript Language

Basics
• Variables and Data
Types
• JavaScript Basic
Operators
• JavaScript Logical
Operators

Hour 4 Lab: Create a Simple

HTML Page with CSS and
Basic JavaScript files

Day 3 Hour 1 JavaScript Conditional

Statements

8 | Microsoft .NET Core with ReactJS

 Hour 2 JavaScript Loops

Hour 3 JavaScript Functions

Hour 4 Lab: Amend the HTML

page with Complex
JavaScript File

Day 4 Hour 1 Setup and Install Visual

Studio .NET

Hour 2 Getting Started with C#

• Variables
• Data Types
• Control Statements

Hour 3 Getting Started with C#

• Loops
• Functions
• Abstract Classes
• Data Structures and
Collections

Hour 4 Revise Object Oriented

Programming Concepts

Day 5 Hour 1 Revise Object Oriented

Programming Concepts

Hour 2 Revise .NET Framework

and LINQ

Hour 3 Lab: Create a Basic C#

Web Application

Hour 4 Short Question/Answer

Session

Week 2 Working with Day 1 Hour 1 SQL Server Basics

SQL Server
• Creating, Altering • Task 2
and Deleting
Database and
Tables

9 | Microsoft .NET Core with ReactJS

 Hour 2 SQL Server Basics Details may
be seen at
• Datatypes Annexure-I
• Constraints
Hour 3 SQL Server Basics
• Datatypes
• Constraints
Hour 4 Lab: Let the students
Practice SQL Server with
their Questions

Day 2 Hour 1 SQL Server Basics

• Primary, Foreign
and Composite Key

Hour 2 SQL Server Basics

• Primary, Foreign
and Composite Key
• Select Statement

Hour 3 SQL Server – Clauses

• Where Clause
• Order Clause
• Top n Clause
• Group By Clause

Hour 4 SQL Server – Clauses

• Having Clause
• Difference Between
Where and Having
Clause

Day 3 Hour 1 SQL Server Operators

• Assignment Operator
• Arithmetic Operator
• Comparison
Operator
• Logical Operator

Hour 2 SQL Server Operators

• IN BETWEEN and
LIKE Operator
• ALL Operator
• ANY Operator

10 | Microsoft .NET Core with ReactJS

 • SOME Operator

Hour 3 SQL Server Operators

• EXISTS Operator
• UNION and UNION
ALL Operators

Hour 4 SQL Server Operators

• EXCEPT Operator
• INTERSECT
Operator
• Differences Between
UNION EXCEPT and
INTERSECT
Operators

Day 4 Hour 1 SQL Server – JOINS

• Joins in SQL Server
• Inner Join

Hour 2 SQL Server – JOINS

• Left Outer Join
• Right Outer Join

Hour 3 SQL Server – JOINS

• Full Outer Join
• Self Join
• Cross Join

Hour 4 Question / Answer

Session
Lab Session

Day 5 Hour 1 SQL Server – Indexes

• Indexes in SQL
Server
• Clustered Index

Hour 2 SQL Server – Indexes

• Non-Clustered Index
• How Index impacts
DML Operation

11 | Microsoft .NET Core with ReactJS

 Hour 3 SQL Server – Indexes
• Unique Index
• Index in GROUP BY
Clause

Hour 4 Advantages and

Disadvantages of
Indexes
Lab: Let the students
practice and ask questions

Week 3 Working with Day 1 Hour 1 SQL Server – Built-in

SQL Server Functions
Database
Hour 2 SQL Server – Built-in
Functions

Hour 3 Stored Procedures

Hour 4 Stored Procedures

Day 2 Hour 1 Exception Handling and

Transaction Management
• Transaction
Management • Task 3
• Types of
Transactions
• Nested Transactions Details may
be seen at
Hour 2 Exception Handling and Annexure-I
Transaction Management
• ACID Properties
• Exception Handling

Hour 3 Exception Handling and

Transaction Management
• RaiseError and
@@ERROR
Function

Hour 4 Exception Handling and

Transaction Management
• How to Raise Errors
Explicitly

12 | Microsoft .NET Core with ReactJS

 Day 3 Hour 1 SQL Server Views and
Triggers
• Views in SQL Server
• Advantages and
Disadvantages of
Views

Hour 2 SQL Server Views and

Triggers
• Complex Views
• Views with Check
Option, Check
Encryption and
Schema Binding
• Indexed View

Hour 3 SQL Server Views and

Triggers
• Triggers in SQL
• DML Trigger Real-
Time Examples

Hour 4 SQL Server Views and

Triggers
• Short
Question/Answer
Session

Day 4 Hour 1 Concurrent Transactions

and Deadlock in SQL
Server

Hour 2 Concurrent Transactions

and Deadlock in SQL
Server

Hour 3 Question / Answer

Session
Lab Session

Hour 4 Question / Answer

Session
Lab Session Helpers

13 | Microsoft .NET Core with ReactJS

 Day 5 Hour 1 Summarize SQL Server

Hour 2 Summarize SQL Server

Hour 3 Question / Answer

Session

Hour 4 Quiz on SQL Server

Week 4 ASP.NET MVC Day 1 Hour 1 ASP.NET MVC – Basics

Core -
Introduction • Introduction to
ASP.NET MVC
Framework
• ASP.NET MVC File
and Folder Structure
Hour 2 ASP.NET MVC – Basics
• Controller
Hour 3 ASP.NET MVC – Basics
• View
Hour 4 ASP.NET MVC – Basics
• Model
• Question / Answer • Task 4
Session
Details may
Day 2 Hour 1 ASP.NET MVC – Basics
be seen at
• ViewData Annexure-I
• ViewBag
Hour 2 ASP.NET MVC – Basics
• Strongly Typed
Views
• ViewModel

Hour 3 ASP.NET MVC – Basics

• TempData
Hour 4 Question / Answer Session

Day 3 Hour 1 ASP.NET MVC – Routing

• Routing in ASP.NET
MVC
14 | Microsoft .NET Core with ReactJS
 Hour 2 ASP.NET MVC – Routing
• Creating Custom
Routes
Hour 3 ASP.NET MVC – Routing
• Route Constraints

Hour 4 ASP.NET MVC – Routing

• Attribute Routing
Day 4 Hour 1 ASP.NET MVC – Routing
• Attribute Routing with
Optional Parameter
Hour 2 ASP.NET MVC – Routing
• Route Prefix in
ASP.NET MVC
Attribute Routing
Hour 3 ASP.NET MVC – Routing
• Route Constraints
Hour 4 ASP.NET MVC – Routing
• Default Route and
Route Name
Day 5 Hour 1 ASP.NET MVC – SQL
Server
• Entity Framework in
ASP.NET MVC
Hour 2 ASP.NET MVC – SQL
Server
• Entity Framework in
ASP.NET MVC
Hour 3 ASP.NET MVC – SQL
Server
• Entity Framework in
ASP.NET MVC
Hour 4 ASP.NET MVC – SQL
Server
• Entity Framework in
ASP.NET MVC
Week 5 ASP.NET MVC Day 1 Hour 1 ASP.NET MVC – SQL
Core - Server • Task 5
Continue
• ActionLink HTML
15 | Microsoft .NET Core with ReactJS
 Helper Details may
be seen at
Annexure-I
Hour 2 ASP.NET MVC – SQL
Server
• Working with Multiple
Tables in ASP.NET
MVC using Entity
Framework
Hour 3 ASP.NET MVC – SQL
Server
• Working with Multiple
Tables in ASP.NET
MVC using Entity
Framework
Hour 4 ASP.NET MVC – SQL
Server
• Working with Multiple
Tables in ASP.NET
MVC using Entity
Framework
Day 2 Hour 1 ASP.NET MVC – SQL
Server
• Business Objects as
Model
Hour 2 ASP.NET MVC – SQL
Server
• FormCollection
Hour 3 ASP.NET MVC – SQL
Server
• FormCollection
Hour 4 Short Questions / Answer
Session

Day 3 Hour 1 ASP.NET MVC – SQL

Server
• Model Binding
Hour 2 ASP.NET MVC – SQL
Server
• UpdateModel and
TryUpdateModel

16 | Microsoft .NET Core with ReactJS

 Hour 3 ASP.NET MVC – SQL
Server
• Editing a Model
Hour 4 Short Questions / Answer
Session

Day 4 Hour 1 ASP.NET MVC – SQL

Server
• Unintended Updates
Hour 2 ASP.NET MVC – SQL
Server
• Bind Attribute
Hour 3 ASP.NET MVC – SQL
Server
• Model Binding Using
Interface
Hour 4 ASP.NET MVC – SQL
Server
• Deleting Database
Records in ASP.NET
MVC
Day 5 Hour 1 ASP.NET MVC – SQL
Server
• CRUD Operations
using Entity
Framework
Hour 2 ASP.NET MVC – SQL
Server
• CRUD Operations
using Entity
Framework
Hour 3 ASP.NET MVC – SQL
Server
• Customizing Auto
Generated Index and
Create Views
• Customizing Auto
Generated Edit View
Hour 4 QUIZ

17 | Microsoft .NET Core with ReactJS

 Week 6 ASP.NET MVC Day 1 Hour 1 ASP.NET MVC – HTML
Core - Helpers
Continue
• HTML Helpers
• TextBox
• DropDownList
Hour 2 ASP.NET MVC – HTML
Helpers
• RadioButton
• CheckBox
• ListBox
Hour 3 ASP.NET MVC – HTML
Helpers
• Editor
• Password Field and
Hidden Field
• Templated Helpers
Hour 4 ASP.NET MVC – HTML
Helpers • Task 6
• Customizing Templated
Helpers
Details may
• Custom HTML Helpers be seen at
Day 2 Hour 1 ASP.NET MVC – Annexure-I
Attributes
• Attributes in ASP.NET
Hour 2 ASP.NET MVC –
Attributes
• Attributes in ASP.NET
Hour 3 ASP.NET MVC –
Attributes
• Action Selectors
Hour 4 ASP.NET MVC –
Attributes
• Action Verb Selector
• Non-Action Selector
Day 3 Hour 1 ASP.NET MVC – Data
Annotations
• Data Annotations
• Required and
StringLength Attribute

18 | Microsoft .NET Core with ReactJS

 Hour 2 ASP.NET MVC – Data
Annotations
• Regular Expression
Attribute
• Range Attribute
Hour 3 ASP.NET MVC – Data
Annotations
• Custom Validation
Attribute
• DataType and
Compare Attributes
Hour 4 ASP.NET MVC – Data
Annotations
• Validation Message
and Validation
Summary
• Remote Validations
• Remote Validation in
ASP.NET MVC when
JavaScript is Disabled
Day 4 Hour 1 ASP.NET MVC – Action
Results
• Action Results in
ASP.NET MVC
• View Result and Partial
View Result in MVC
Hour 2 ASP.NET MVC – Action
Results
• JSON Result
• JavaScript Result
Hour 3 ASP.NET MVC – Action
Results
• File Result
• Content Result
• Empty Result
Hour 4 ASP.NET MVC – Action
Results
• Redirect,
RedirectToRoute and
RedirectToAction
• Status Results

19 | Microsoft .NET Core with ReactJS

 Day 5 Hour 1 Multi-Agent RL

Hour 2 Cooperative and

competitive scenarios

Hour 3 Multi-Agent Deep RL

Hour 4 Applications of RL in
robotics

Week 7 ASP.NET MVC Day 1 Hour 1 ASP.NET MVC – Views

Core -
Continue • Partial Views
• Different Ways to
Render Partial View
• Razer View Syntax
Hour 2 ASP.NET MVC – Filters
• Exception Filter
• Custom Exception
Filter
• Error Pages Based
on Status Code
Hour 3 ASP.NET MVC – Filters
• ChildActionOnly • Task 7
Attribute
• OutputCache Details may
Attribute be seen at
• Custom Annexure-I
OutputCache
Attribute
Hour 4 ASP.NET MVC – Filters
• ValidateInput
Attribute
• RequireHttps
Attribute
• Custom Action Filters
• Filter Overrides
• Authorization Filter
• Custom
Authorization
• Custom
Authentication Filter

20 | Microsoft .NET Core with ReactJS

 Day 2 Hour 1 ASP.NET MVC – Security
• Authentication and
Authorization
• Forms Authentication
Hour 2 ASP.NET MVC – Security
• Role-Based
Authentication
• Role-Based Menus
Hour 3 ASP.NET Identity
• Introduction to
ASP.NET Identity
• ASP.NET Identity
Architecture
Hour 4 ASP.NET Identity
• Getting Started with
ASP.NET Identity
• Setting up ASP.NET
Identity with EF
Code-First
Day 3 Hour 1 ASP.NET Identity
• Customizing
ASP.NET Identity
Tables
• Create a User
Account
Hour 2 ASP.NET Identity
• Update and Delete a
User Account
• Update User
Password
Hour 3 ASP.NET Identity
• Forget Password
• Custom Password
Policy
Hour 4 ASP.NET Identity
• Username and Email
Policy
• Login a User in
ASP.NET Identity

21 | Microsoft .NET Core with ReactJS

 Day 4 Hour 1 ASP.NET Identity
• How to Implement
Remember Me
Feature
Hour 2 ASP.NET Identity
• How to Get the
Current Logged in
User Id
• How to Logout a
User
Hour 3 ASP.NET Identity
• How to Lockout a
User Account
Hour 4 ASP.NET Identity
• Authorization in
ASP.NET Identity
• Roles Management
Day 5 Hour 1 ASP.NET Identity
• How to Add, Update,
and Delete Roles
Hour 2 ASP.NET Identity
• How to Assign a
User to a Role
• How to Get a User
Roles
Hour 3 ASP.NET Identity
• Role-Based
Authorization
Hour 4 QUIZ on ASP.NET MVC
Core

Week 8 ASP.NET WEB Day 1 Hour 1 Introduction &

API Environment Setup
• Task 8
• Introduction to
ASP.NET Core Web Details may
API be seen at
• Environment Setup Annexure-I
for ASP.NET Core
Web API

22 | Microsoft .NET Core with ReactJS

 Hour 2 • Web API Project
using .NET Core CLI
• Test ASP.NET Core
Web API using
Postman
Hour 3 Creating ASP.NET Core
Web API Project in Visual
Studio 2022

Hour 4 • Web API Files and

Folders
• Swagger API in
ASP.NET Core Web
API
Day 2 Hour 1 Converting Console App
to Web API App
• Build ASP.NET Core
Web API Project
From Scratch
Hour 2 Converting Console App
to Web API App
• Adding Web Host
Builder
Hour 3 Converting Console App
to Web API App
• Configuring Startup
Class in ASP.NET
Core
Hour 4 Converting Console App
to Web API App
• Adding Controller in
ASP.NET Core
Day 3 Hour 1 ASP.NET Core Web API –
Routing
• Routing in ASP.NET
Core Web API
• Variables and Query
Strings in Routing
Hour 2 ASP.NET Core Web API –
Routing
• Multiple URLs for a
Single Resource
using Routing
23 | Microsoft .NET Core with ReactJS
 • Token Replacement

Hour 3 ASP.NET Core Web API –

Routing
• Base Route
Hour 4 ASP.NET Core Web API –
Routing
• Route Constraints
Day 4 Hour 1 ASP.NET WEB API –
CRUD Operations
• Configuring GET
method
Hour 2 ASP.NET WEB API –
CRUD Operations
• Configuring UPDATE
method
Hour 3 ASP.NET WEB API –
CRUD Operations
• Configuring CREATE
method
Hour 4 ASP.NET WEB API –
CRUD Operations
• Configuring DELETE
method
Day 5 Hour 1 Return Types and Status
Codes
• Controller Action
Return Types
Hour 2 Return Types and Status
Codes
• HTTP Status Codes
Hour 3 Return Types and Status
Codes
• 200 HTTP Status
Code
Hour 4 Microservices using
ASP.NET Core

24 | Microsoft .NET Core with ReactJS

 Week 9 React JS Day 1 Hour 1 ReactJS Introduction
• What is ReactJS
Hour 2 ReactJS Introduction
• Why ReactJS
Instead of JavaScript
Hour 3 ReactJS Introduction
• Single Page
Applications with
ReactJS
Hour 4 ReactJS Introduction
• Single Page
Applications with
ReactJS
Day 2 Hour 1 JavaScript Refresher
• JavaScript let and
const
• JavaScript Arrow
Functions • Task 9
Hour 2 JavaScript Refresher
Details may
• Exports and Imports be seen at
in JavaScript Annexure-I
• Classes in
JavaScript
Hour 3 JavaScript Refresher
• Properties and
Methods in
JavaScript
• Spread and Rest
Operators in
JavaScript
Hour 4 JavaScript Refresher
• Destructuring in
JavaScript
• Reference and
Primitive Types
Refresher
Day 3 Hour 1 React – Basic
• React Basic Module
Introduction
• What are ReactJS

25 | Microsoft .NET Core with ReactJS

 Components

Hour 2 React – Basic

• Creating a new
React Project
• Understanding
Standard React
Project
Hour 3 React – Basic
• Introduction to JSX
• How React Works
Hour 4 React – Basic
• Creating Custom
Component
• Writing More
Complex JSX Code
Day 4 Hour 1 React – Basic
• Adding CSS Styling
in React Project
• Dynamic Data and
Working with
Expressions in JSX
Hour 2 React – Basic
• How to Make React
Component
Reusable
Hour 3 React – Basic
• Adding JavaScript
Logic to React
Components
Hour 4 React – Basic
• Splitting Components
into Multiple
Components
Day 5 Hour 1 React – Basic
• Composition in React
• Summary of React
Component

26 | Microsoft .NET Core with ReactJS

 Hour 2 React – Basic
• Working of JSX
• Organizing
Component Files in
React
Hour 3 React – Basic
• Alternative Function
Syntax in React

Hour 4 React – Basic

QUIZ on React Basic

Week Advanced Day 1 Hour 1 React State and Events

10 Computer • Task 10
Vision • React State and
Event Module Details may
Introduction be seen at
Annexure-I
Hour 2 React State and Events
• Working with Event
Handlers in React

Hour 3 React State and Events

• How Component
Functions are
Executed
• Working with State in
React

Hour 4 React State and Events

• Working with React
useState Hook

Day 2 Hour 1 React State and Events

• Adding Form Inputs
in React

Hour 2 React State and Events

• Listening to User
Input in React

Hour 3 React State and Events

• Working with Multiple

27 | Microsoft .NET Core with ReactJS

 States in React
• Using One State
Instead Multiple
States

Hour 4 React State and Events

Discussion

Day 3 Hour 1 React State and Events

• Updating State that
Depends on
Previous State

Hour 2 React State and Events

• Creating a Shared
Handler Function

Hour 3 React State and Events

• Handling Form
Submission

Hour 4 React State and Events

• How to Add Two-
Way Binding

Day 4 Hour 1 React State and Events

• Child-to-Parent
Component
Communication

Hour 2 React State and Events

• Lifting State Up in
React

Hour 3 React State and Events

• Derived Computed
State

Hour 4 React State and Events

• Controlled vs
Uncontrolled
Components and
Stateless vs Stateful
Components

28 | Microsoft .NET Core with ReactJS

 Day 5 Hour 1 Rendering Lists and
Conditional Content
Module
• Introduction
• Rendering Lists of
Data
Hour 2 Rendering Lists and
Conditional Content
Module
• Using Stateful Lists
• Understanding Keys
Hour 3 Rendering Lists and
Conditional Content
Module
• Outputting
Conditional Content
• Adding Conditional
Return Statements
Hour 4 Complete topic revision

Week Connecting Day 1 Hour 1 Adding Axios and

11 Front-End with designing the page
Back-End
Hour 2 Adding Axios and
designing the page

Hour 3 Cross-Origin Requests

(CORS)

Hour 4 Discussion
• Task 11
Details may
be seen at
Day 2 Hour 1 Displaying Data from Back- Annexure-I
End to Front-End

Hour 2 Displaying Data from Back-

End to Front-End

Hour 3 Displaying Data from Back-

End to Front-End

Hour 4 Discussion

29 | Microsoft .NET Core with ReactJS

 Day 3 Hour 1 Updating Data from Front-
End

Hour 2 Updating Data from Front-

End

Hour 3 Updating Data from Front-

End

Hour 4 Discussion

Day 4 Hour 1 Insert Data from Front-End

Hour 2 Insert Data from Front-End

Hour 3 Insert Data from Front-End

Hour 4 Delete Data from Front-

End

Day 5 Hour 1 Adding SweetAlert for

notification

Hour 2 Adding SweetAlert for

notification

Hour 3 Handling errors in the

Front-End

Hour 4 Publishing the solution in

IIS

Week Freelancing Day 1 Hour 1 Introduction to Freelancing

12 Tools & and its Importance • Task 12
Techniques
Hour 2 Fiverr Account Details may
be seen at
• Create Account Annexure-I
• Profile Creation
Final
Hour 3 Fiverr Account Project

• Adding Skills Set in

Fiverr

30 | Microsoft .NET Core with ReactJS

 Hour 4 Discussion

Day 2 Hour 1 Create Gigs on Fiverr

• Identify the services
you want to offer
• Create gigs for each
service

Hour 2 Create Gigs on Fiverr

• Optimizing the gig for
search engine using
relevant key-words

Hour 3 Create Gigs on Fiverr

• Optimize the gig title
using the manual
method

Hour 4 Promote the Gigs on social

media and other online
platforms

Day 3 Hour 1 Upwork Account

Create an Upwork account
and complete the profile,
including the bio, skills,
and experience

Hour 2 Create project on

Upwork

Hour 3 Create proposal to apply

for jobs

Hour 4 Communication Skills

Session

Day 4 Hour 1 Final Project

• Discussion and
Helping Material

Hour 2 Final Project

• Discussion and
Helping Material

31 | Microsoft .NET Core with ReactJS

 Hour 3 Final Project
• Discussion and
Helping Material

Hour 4 Final Project

• Discussion and
Helping Material

Day 5 Hour 1 Closing Statements and

Best Wishes

Hour 2 Final Exam

Conduct the final paper

Hour 3 Final Exam

Conduct the final paper

Hour 4 Final Exam

Conduct the final paper

Tasks for Certificate in Microsoft ASP.NET Core MVC and React JS

32 | Microsoft .NET Core with ReactJS

 Task
Task Description Week
No.
Develop an interactive quiz game with HTML for
Interactive Quiz the structure, CSS for styling, and JavaScript for
1. Week 1
Game quiz logic and user interaction. Provide feedback
on correct and incorrect answers.
Design a Library Design a Database for Library Management with at
System Database least 5 tables.
Retrieve Information from multiple tables using
2. Week 2
WHERE Clause, JOINS and Built-in Functions. Also
apply Indexing on appropriate columns and evaluate
query performance
Database Use the Library Management Database and do the
Optimization and following
Automation 1. Stored Procedures:
• To perform common CRUD
operations on key tables in the
database.
2. Views:
• Create views to simplify complex
queries.
3. 3. Triggers: Week 3
• Implement triggers to automate
specific actions.
4. Optimization:
• Identify and optimize any existing
stored procedures
5. Error Handling:
• Implement proper error handling
mechanisms in your stored
procedures and triggers.
Building a Simple Design a web application for Library Management
Library System
Management 1. Modeling the Book Table
System Application 2. Setting Up Entity Framework
using ASP.NET 3. Implementing CRUD Operations
4. Week 4
Core MVC 4. Routing and Navigation
5. Displaying Books Information
6. Validation
7. Entity Framework Relationships
8. Security Considerations.
Working on Library Modify the Library Management System with HTML
5. Management Helper and User SQL Server Database for CRUD Week 5
System Operations using Entity Framework
Update Library Update your Library Management System with
Management AJAX Technologies for View, Update, Delete
6. Week 6
System for Client Functions
Side

33 | Microsoft .NET Core with ReactJS

 Securing your Apply ASP.NET Core MVC Security Functionalities
Library on your Library Management System
7. Week 7
Management
Application
Develop and Develop ASP.NET Core Web API for Library
8. Consume Web API Management System and Consume it for Web Week 8
Application
Building a simple Build a React JS application includes Component
9. React Application Design, State Management, Routing and API Week 9
Integration

Modifying React Update your React JS Application that will have UI

10. Application for Implementation, State Management Week10
front-end Implementation, Error Handling and Optimization
Complete Library Connect your Back-End SQL Server with Front-End
Management Using ASP.NET MVC and React JS for Library
11. Week11
System Management System. Use ASP.NET Web APIs for
CRUD Operations
Final Project Develop Full Stack Web Application with ASP.NET
12. Week12
Core MVC and Web API includes React JS

34 | Microsoft .NET Core with ReactJS

 Annexure-II:

Motivational Lectures
Microsoft ASP.NET Core and ReactJS

What are the advantages of .NET Core over .NET framework:

https://www.youtube.com/watch?v=Rc-rrH2yJhA

This video provides an overview of the impact that .NET Core brings to the web development over
the .NET framework.

How Robotics Will Change the World: https://www.youtube.com/watch?v=UwsrzCVZAb8

This video provides an overview of the impact that robotics is having on society, including in fields
such as healthcare, manufacturing, and agriculture.

Learn ASP.NET Core 6.0 - Full Course for Beginners:

https://www.youtube.com/watch?v=LOfXDdqWVWY&list=PL18HZjtdIA4DiYGQj1zst6myBAV
E3wgMg

This video set will provide the complete web development using ASP.NET Core.

Introduction to React Js + Installation | Complete React Course:

https://www.youtube.com/watch?v=-
mJFZp84TIY&list=PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt

Complete react course: In this react course, we will see how to use react using projects. React is
an amazing library for creating user interfaces.

35 | Microsoft .NET Core with ReactJS

 Annexure-IV:
Workplace/Institute Ethics Guide

Work ethic is a standard of conduct and values for job performance. The modern definition of what
constitutes good work ethics often varies. Different businesses have different expectations. Work
ethic is a belief that hard work and diligence have a moral benefit and an inherent ability, virtue, or
value to strengthen character and individual abilities. It is a set of values-centered on the importance
of work and manifested by determination or desire to work hard.

The following ten work ethics are defined as essential for student success:
1. Attendance:
Be at work every day possible, plan your absences don’t abuse leave time. Be punctual every
day.
2. Character:
Honesty is the single most important factor having a direct bearing on the final success of an
individual, corporation, or product. Complete assigned tasks correctly and promptly. Look to
improve your skills.
3. Team Work:
The ability to get along with others including those you don’t necessarily like. The ability to
carry your weight and help others who are struggling. Recognize when to speak up with an
idea and when to compromise by blend ideas together.
4. Appearance:
Dress for success set your best foot forward, personal hygiene, good manner, remember that
the first impression of who you are can last a lifetime
5. Attitude:
Listen to suggestions and be positive, accept responsibility. If you make a mistake, admit it.
Values workplace safety rules and precautions for personal and co-worker safety. Avoids
unnecessary risks. Willing to learn new processes, systems, and procedures in light of
changing responsibilities.
6. Productivity:
Do the work correctly, quality and timelines are prized. Get along with fellows, cooperation is
the key to productivity. Help out whenever asked, do extra without being asked. Take pride
in your work, do things the best you know-how. Eagerly focuses energy on accomplishing
tasks, also referred to as demonstrating ownership. Takes pride in work.
7. Organizational Skills:

36 | Microsoft .NET Core with ReactJS

 Make an effort to improve, learn ways to better yourself. Time management; utilize time and
resources to get the most out of both. Take an appropriate approach to social interactions at
work. Maintains focus on work responsibilities.
8. Communication:
Written communication, being able to correctly write reports and memos.
Verbal communications, being able to communicate one on one or to a group.
9. Cooperation:
Follow institute rules and regulations, learn and follow expectations. Get along with fellows,
cooperation is the key to productivity. Able to welcome and adapt to changing work situations
and the application of new or different skills.
10. Respect:
Work hard, work to the best of your ability. Carry out orders, do what’s asked the first time.
Show respect, accept, and acknowledge an individual’s talents and knowledge. Respects
diversity in the workplace, including showing due respect for different perspectives, opinions,
and suggestions.

37 | Microsoft .NET Core with ReactJS