Microsoft .NET Core with ReactJS Outline

Microsoft .NET Core with 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.

·         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

·         Design/Development of Web Applications, eCommerce Website and 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.

Class hours: 4 hours per day

Theory: 20%

Practical: 80%

Weekly hours: 20 hours per week

Total contact hours: 260 hours

·         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.

·         Back – End Web Developer using ASP.NET Core

·         Full Stack Web Developer using ASP.NET Core

·         Front – End Developer

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.

ASP.NET Web API Tutorials For Beginners and Professionals

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

Weeks

t

·         Tables in HTML

·         Forms in HTML

·         Call Multiple CSS Files in Single HTML Page

Details may be seen at Annexure-I

·         JavaScript Basic Operators

·         JavaScript Logical Operators

·         Variables

·         Data Types

·         Control Statements

·         Functions

·         Abstract Classes

·         Data Structures and Collections

·         Datatypes

·         Constraints

·         Datatypes

·         Constraints

·         Primary, Foreign and Composite Key

·         Primary, Foreign and Composite Key

·         Select Statement

·         Where Clause

·         Order Clause

·         Top n Clause

·         Group By Clause

·         Having Clause

·         Difference Between Where and Having Clause

·         Assignment Operator

·         Arithmetic Operator

·         Comparison Operator

·         Logical Operator

·         IN BETWEEN and LIKE Operator

·         ALL Operator

·         ANY Operator

·         EXISTS Operator

·         UNION and UNION

ALL Operators

·         EXCEPT Operator

·         INTERSECT

Operator

·         Differences Between UNION EXCEPT and INTERSECT

Operators

·         Joins in SQL Server

·         Inner Join

·         Left Outer Join

·         Right Outer Join

·         Full Outer Join

·         Self Join

·         Cross Join

Lab Session

·         Indexes in SQL Server

·         Clustered Index

·         Non-Clustered Index

·         How Index impacts DML Operation

·         Unique Index

·         Index in GROUP BY Clause

Lab: Let the students practice and ask questions

· Task 3

Details may be seen at Annexure-I

·         Transaction Management

·         Types of Transactions

·         Nested Transactions

·         ACID Properties

·         Exception Handling

·         RaiseError and @@ERROR

Function

·         How to Raise Errors Explicitly

·         Views in SQL Server

·         Advantages and Disadvantages of Views

·         Complex Views

·         Views with Check Option, Check Encryption and Schema Binding

·         Indexed View

·         Triggers in SQL

·         DML Trigger Real- Time Examples

·         Short Question/Answer Session

Lab Session

Lab Session Helpers

Core – Introduction

·         Introduction to ASP.NET MVC

Framework

·         ASP.NET MVC File

and Folder Structure

· Task 4

Details may be seen at Annexure-I

·         Controller

·         View

·         Model

·         Question / Answer Session

·         ViewData

·         ViewBag

·         Strongly Typed Views

·         ViewModel

·         TempData

·         Routing in ASP.NET MVC

·         Creating Custom Routes

·         Route Constraints

·         Attribute Routing

·         Attribute Routing with Optional Parameter

·         Route Prefix in ASP.NET MVC

Attribute Routing

·         Route Constraints

·         Default Route and Route Name

Server

·         Entity Framework in ASP.NET MVC

Server

·         Entity Framework in ASP.NET MVC

Server

·         Entity Framework in ASP.NET MVC

Server

·         Entity Framework in ASP.NET MVC

Core – Continue

Server

·         ActionLink HTML

Server

·         Working with Multiple Tables in ASP.NET MVC using Entity Framework

Server

·         Working with Multiple Tables in ASP.NET MVC using Entity

Framework

Server

·         Working with Multiple Tables in ASP.NET MVC using Entity Framework

Server

·         Business Objects as Model

Server

·         FormCollection

Server

·         FormCollection

Server

·         Model Binding

Server

·         UpdateModel and TryUpdateModel

Server

·         Editing a Model

Server

·         Unintended Updates

Server

·         Bind Attribute

Server

·         Model Binding Using Interface

Server

·         Deleting Database Records in ASP.NET MVC

Server

·         CRUD Operations using Entity

Framework

Server

·         CRUD Operations using Entity Framework

Server

·         Customizing Auto Generated Index and Create Views

·         Customizing Auto Generated Edit View

Core – Continue

Helpers

·         HTML Helpers

·         TextBox

·         DropDownList

·  Task 6

Details may be seen at Annexure-I

Helpers

·         RadioButton

·         CheckBox

·         ListBox

Helpers

·         Editor

·         Password Field and Hidden Field

·         Templated Helpers

Helpers

·         Customizing Templated Helpers

·         Custom HTML Helpers

Attributes

·         Attributes in ASP.NET

Attributes

·         Attributes in ASP.NET

Attributes

·         Action Selectors

Attributes

·         Action Verb Selector

·         Non-Action Selector

Annotations

·         Data Annotations

·         Required and StringLength Attribute

Annotations

·         Regular Expression Attribute

·         Range Attribute

Annotations

·         Custom Validation Attribute

·         DataType and Compare Attributes

Annotations

·         Validation Message and Validation Summary

·         Remote Validations

·         Remote Validation in ASP.NET MVC when

JavaScript is Disabled

Results

·         Action Results in ASP.NET MVC

·         View Result and Partial View Result in MVC

Results

·         JSON Result

·         JavaScript Result

Results

·         File Result

·         Content Result

·         Empty Result

Results

·         Redirect, RedirectToRoute and RedirectToAction

·         Status Results

Core – Continue

·         Partial Views

·         Different Ways to Render Partial View

·         Razer View Syntax

·  Task 7

Details may be seen at Annexure-I

·         Exception Filter

·         Custom Exception Filter

·         Error Pages Based on Status Code

·         ChildActionOnly Attribute

·         OutputCache Attribute

·         Custom OutputCache Attribute

·         ValidateInput Attribute

·         RequireHttps Attribute

·         Custom Action Filters

·         Filter Overrides

·         Authorization Filter

·         Custom Authorization

·         Custom Authentication Filter

·         Authentication and Authorization

·         Forms Authentication

·         Role-Based Authentication

·         Role-Based Menus

·         Introduction to ASP.NET Identity

·         ASP.NET Identity Architecture

·         Getting Started with ASP.NET Identity

·         Setting up ASP.NET Identity with EF Code-First

·         Customizing ASP.NET Identity Tables

·         Create a User Account

·         Update and Delete a User Account

·         Update User Password

·         Forget Password

·         Custom Password Policy

·         Username and Email Policy

·         Login a User in ASP.NET Identity

·         How to Implement

Remember Me Feature

·         How to Get the Current Logged in User Id

·         How to Logout a User

·         How to Lockout a User Account

·         Authorization in ASP.NET Identity

·         Roles Management

·         How to Add, Update, and Delete Roles

·         How to Assign a User to a Role

·         How to Get a User Roles

·         Role-Based Authorization

Core

·         Introduction to ASP.NET Core Web API

·         Environment Setup for ASP.NET Core

Web API

·  Task 8

Details may be seen at Annexure-I

·         Test ASP.NET Core

Web API using Postman

·         Swagger API in ASP.NET Core Web API

·         Build ASP.NET Core Web API Project From Scratch

·         Adding Web Host Builder

·         Configuring Startup Class in ASP.NET Core

·         Adding Controller in ASP.NET Core

Routing

·         Routing in ASP.NET Core Web API

·         Variables and Query Strings in Routing

Routing

·         Multiple URLs for a Single Resource using Routing

Routing

·         Base Route

Routing

·         Route Constraints

CRUD Operations

·         Configuring GET method

CRUD Operations

·         Configuring UPDATE method

CRUD Operations

·         Configuring CREATE method

CRUD Operations

·         Configuring DELETE method

·         Controller Action Return Types

·         HTTP Status Codes

·         200 HTTP Status Code

·         What is ReactJS

·  Task 9

Details may be seen at Annexure-I

·         Why ReactJS Instead of JavaScript

·         Single Page Applications with ReactJS

·         Single Page

Applications with ReactJS

·         JavaScript let and const

·         JavaScript Arrow Functions

·         Exports and Imports in JavaScript

·         Classes in JavaScript

·         Properties and Methods in JavaScript

·         Spread and Rest Operators in JavaScript

·         Destructuring in JavaScript

·         Reference and Primitive Types Refresher

·         React Basic Module Introduction

·         What are ReactJS

·         Creating a new React Project

·         Understanding Standard React Project

·         Introduction to JSX

·         How React Works

·         Creating Custom Component

·         Writing More Complex JSX Code

·         Adding CSS Styling in React Project

·         Dynamic Data and Working with Expressions in JSX

·         How to Make React Component Reusable

·         Adding JavaScript Logic to React Components

·         Splitting Components

into Multiple Components

·         Composition in React

·         Summary of React Component

·         Working of JSX

·         Organizing Component Files in

React

·         Alternative Function Syntax in React

QUIZ on React Basic

·         React State and Event Module Introduction

Details may be seen at Annexure-I

·         Working with Event Handlers in React

·         How Component Functions are Executed

·         Working with State in React

·         Working with React useState Hook

·         Adding Form Inputs in React

·         Listening to User Input in React

·         Working with Multiple

·         Using One State Instead Multiple States

Discussion

·         Updating State that Depends on Previous State

·         Creating a Shared Handler Function

·         Handling Form Submission

·         How to Add Two- Way Binding

·         Child-to-Parent Component Communication

·         Lifting State Up in React

·         Derived Computed State

·         Controlled vs Uncontrolled Components and Stateless vs Stateful Components

·         Introduction

·         Rendering Lists of Data

·         Using Stateful Lists

·         Understanding Keys

·         Outputting Conditional Content

·         Adding Conditional Return Statements

· Task 11 Details may be seen at Annexure-I

· Task 12

Details may be seen at Annexure-I

Final Project

·         Create Account

·         Profile Creation

·         Adding Skills Set in Fiverr

·         Identify the services you want to offer

·         Create gigs for each service

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

·         Optimize the gig title using the manual method

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

·         Discussion and Helping Material

·         Discussion and Helping Material

·         Discussion and Helping Material

·         Discussion and Helping Material

Conduct the final paper

Conduct the final paper

Conduct the final paper

1.

Week 1

2.

Retrieve Information from multiple tables using WHERE Clause, JOINS and Built-in Functions. Also apply Indexing on appropriate columns and evaluate query performance

Week 2

3.

1.    Stored Procedures:

·         To perform common CRUD operations on key tables in the database.

2.    Views:

·         Create views to simplify complex queries.

3.    Triggers:

·         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.

Week 3

4.

1.    Modeling the Book Table

2.    Setting Up Entity Framework

3.    Implementing CRUD Operations

4.    Routing and Navigation

5.    Displaying Books Information

6.    Validation

7.    Entity Framework Relationships

8.    Security Considerations.

Week 4

5.

Week 5

6.

Week 6

7.

Application

Week 7

8.

Week 8

9.

Week 9

10.

Week10

11.

Management System. Use ASP.NET Web APIs for CRUD Operations

Week11