ASP.NET MVC5 with Angular4 Development course

The ASP.NET MVC5 with Angular4 Development course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC5 and Angular4. In this course, you will learn how to create web pages, custom validation

COURSE PREVIEW

Type

: Project-based Training Program

Audience(s)

: .NET Beginner(s)/Professional(s)

Tools/IDE

: Visual Studio 2015, SQL Server 2014

Delivery method(s)

: Instructor-led Classroom/Online Training

Duration

: 40 Hours

Language

: English

PRICING DETAILS

Rs16,999/$270

About the course

The ASP.NET MVC with Angular4 Development course is primarily designed for .NET Beginner(s)/Professional(s) who want to learn how to create web applications using ASP.NET MVC and Angular4. In this course, you will learn how to create web pages, custom validation attributes, custom helpers, querying database using Entity Framework ORM, making page more interactive using Angular4, mobile friendly application and finally publish it on Windows Azure.

Course objectives

At the completion of this course, attendees will be able to;

1. Create custom html helpers and validations attributes
2. Query database using Entity Framework ORM code first approach
3. Design and develop scalable architecture
4. Create DAL Layer using Entity Framework Code First approach
5. Scale application for Phone, Tablets, Laptop & Desktop
6. Understand and Implement Repository, Unit of Work and Dependency Injection Design Pattern
7. Understand Typescript core and advanced concepts
8. Do errors logging by using ELMAH
9. Optimize web page performance
10. Understand Filters and Apply filters
11. Secure application based on user roles
12. Secure ASP.NET Web API using Token based security
13. Publish theirs Apps on Windows Azure

Who can do this course?

All .NET Beginner(s)/Professional(s) who are keen to develop interactive, light weight and highly extensible web application should go for this course.

Pre-requisites

Anyone who wants to learn ASP.NET MVC with AngularJS development should have a basic knowledge of C#, JavaScript and HTML.

ASP.NET MVC5

Introduction

1. Understanding ASP.NET MVC
2. ASP.NET vs. MVC vs. ASP.NET Web Form vs. ASP.NET MVC
3. Advantages of ASP.NET MVC

Visual Studio Project Templates

1. Understanding Visual Studio ASP.NET MVC Templates
2. Creating an ASP.NET MVC project
3. Understanding ASP.NET MVC project folder structure
4. Understanding configuration files

Controller & Actions

1. Understanding Controller
2. Creating Controller
3. Understanding Actions
4. Actions and Non Actions Methods
5. Understanding Action Results

Views

1. Types of Views
2. Creating Standard View
3. Creating Layout Page
4. Communication between Controller and View

MVC Pattern and 3-Tier

1. Understanding Model, View and Controller
2. Design Pattern vs. Architectural Pattern
3. Layer vs. Tier
4. MVC pattern vs. 3-Tier Architecture

Razor View Engine

1. Understanding Razor View Engine
2. Razor View Engine vs. Web Form Engine
3. Razor Syntax
4. Razor Statements, Loops etc.

Routes & URLs

1. Introduction to Routing
2. Routing vs. Url Rewriting
3. Defining Routes
4. Attribute Routing
5. Need of attributes routing

Helpers

1. Understanding Html Helpers
2. Types of Html Helpers
3. Built-In Html Helpers
4. Standard Helpers
5. Strongly Typed Helpers
6. Templated Helpers
7. Inline Helpers
8. Custom Helpers
9. Url helpers

Server-side Data Receiving Ways

1. Action Parameters
2. View Models/Objects
3. FormCollection

Bootstrap

1. Introduction to bootstrap
2. Understanding bootstrap Grid System
3. Using bootstrap with ASP.NET MVC

Partial Views

1. Static Partial View
2. Dynamic Partial View

Data Passing Techniques

1. ViewData
2. ViewBag
3. TempData
4. Session
5. Query String
6. Hidden Fields
7. Cookies

ViewModel & Validation

1. Creating ViewModel
2. Understanding ASP.NET MVC Validation
3. Need of Server Side and Client Side Validation
4. Validation with Data Annotation

Custom Validation

1. Custom client side Validation
2. Custom Server side validation

LINQ

LINQ Fundamentals

1. Understanding LINQ
2. LINQ - What, Why & When
3. Flavors of LINQ
4. Advantages of LINQ
5. Var Type
6. Anonymous Type
7. Lambda Expression
8. Query Based Syntax and Method Based Syntax
9. Deferred Execution
10. Immediate Execution
11. Deferred/Lazy Loading
12. Eager Loading
13. LINQ Joins

LINQPad

1. What is LINQPad
2. Configuring LINQPad
3. Querying SQL Server database using LINQPad
4. Querying DAL layer DLL using LINQPad

Entity Framework

Entity Framework Fundamentals

1. What is ORM
2. ORMs used with .NET
3. Understanding Entity Framework
4. Advantages of Entity Framework

Data Modeling Approaches

1. Entity Framework Data Modelling Approaches
2. Choosing DB First, Model First or Code First

Code First Modeling

1. Defining Mapping using Data Annotation
2. Implementing CRUD Operations

Code First Modeling (Contd.)

1. Defining Mapping using Fluent API
2. Entity Framework Code First Migrations
3. Updating Database when the Model Changes
4. Calling Stored Procedures and functions
5. Code First with existing Database

Database First Modeling

1. Creating Model from Database
2. CRUD Operations
3. Updating Model when the Database Changes
4. Changing and Updating Mapping
5. Calling Stored Procedures

Model First Modeling

1. Creating Model
2. Creating Database from Model

Data Listing and Paging

1. Implementing Paging, Sorting and Searching
2. Using WebGrid for Data Listing
3. Using AJAX with WebGrid

Design Patterns

N-Layers Architecture, Repository Design Pattern and Unit of Work Design Patterns

1. Managing code using Three Tier Architecture
2. Understanding Repository and UOW Design Pattern
3. Need of Repository Design Pattern
4. Need to Unit of Work Design Pattern
5. Implementing Repository and UOF Design Pattern

Dependency Injection

1. Understanding Dependency Injection
2. Need of Dependency Injection
3. Implementing DI

TypeScript

TypeScript

1. Issues with Plain JavaScript
2. Introduction to TypeScript
3. Advantages of TypeScript
4. Getting Started with TypeScript

Classes and Interfaces

1. Classes
2. Access Modifiers
3. Constructor
4. Method Overloading
5. Inheritance

Functions and Arrow Function

1. Functions
2. Arrow Function

Modules and Namespaces

1. Modules
2. Namespaces

Angular2 And Angular4

Introduction to Angular2 & Angular4

1. Understanding Angular
2. Advantage of Angular
3. Angular1 vs. Angular2 vs. Angular4
4. Browsers Support

Get Started with Angular2 & Angular4

1. Setting up an Angular App
2. Running an Angular App
3. Understanding Angular folder structure
4. Angular Initialization Process

Components

1. Introduction to Component
2. Creating a Component
3. Bootstrapping the Component

Databinding

1. Understanding Data Binding
2. Attribute Binding
3. Two-way Data Binding
4. Event Binding etc.
5. Choosing Appropriate Data Binding

Angular CLI

1. Introduction to CLI
2. Creating new project - ng new and ng init
3. Building Project - ng build and ng serve
4. Ng CLI options
5. Ng CLI for creating components, services, directives and Pipe etc.

Directives and Pipes

1. Built in Directives - ngIf, ngFor, ngSwitch etc.
2. Angular Pipes
3. Creating Custom Pipes

Routing

1. Understanding Routing
2. Defining Routes
3. Attaching Routes to Actions

Advanced Components and Directives

1. Components Life Cycle Hooks
2. Nested Components
3. Data sharing between nested components
4. Creating Custom Directives
5. Using a Component as a Directive

Inheritance

1. Introduction to Angular Inheritance
2. Components Inheritance

Angular Forms and Controls

1. Introduction to Angular Forms
2. Types of Angular Forms - Template Driven and Model Driven
3. Template Driven vs. Model Driven

Template Driven Form

1. Creating Template driven Form
2. Angular form input controls
3. Angular form validation
4. Angular form and controls properties

Model Driven Form

1. Creating Model driven Form
2. Angular form input controls
3. Angular form validation
4. Angular form and controls properties

ASP.NET Web API

ASP.NET Web API

1. What is REST
2. Understanding ASP.NET Web API
3. ASP.NET Web API vs. WCF Rest vs. Web Service
4. Advantages of ASP.NET Web API

Controller & Actions

1. Understanding Controller & Actions
2. Creating Controller
3. Creating Actions

Database Operations and Postman

1. CRUD Operations using Web API
2. Using Postman for testing Web API
3. Consuming Web API using ASP.NET MVC

SPA

1. Introduction to SPA
2. SPA vs. MPA
3. Most Popular SPA
4. Advantages of SPA

Services

1. Understanding Angular Services
2. Creating Services

Database Operations with REST Service

1. Angular CRUD Operations with WebAPI

Project: Online Shopping Site Development

Discussing Project Architecture

1. Understanding Application layers
2. Discussing Application Entities Properties
3. Discussing Relationship among Application Entities

Developing Project

1. Designing Application Architecture
2. Developing DAL layer using Entity Framework Code First

Implementing Design Pattern

1. Developing BAL layer
2. Repository Design Pattern
3. User Signup Process
4. Dependency Injection

Module Development

1. Creating Admin Module using Area
2. Creating User Module using Area

ASP.NET MVC & WebAPI Advanced Concepts and Security

Securing ASP.NET Web API

1. Understanding Token based Security
2. Implementing Token based Security
3. Customizing principal
4. Implementing Authorization

ASP.NET MVC Pipeline and Filters

1. ASP.NET MVC Pipeline
2. ASP.NET MVC Filters
3. Extending ASP.NET MVC Filters
4. Configuring ASP.NET MVC Filters

Securing ASP.NET MVC App

1. Understanding Forms Authentication
2. Customizing principal
3. Implementing custom Forms Authentication
4. Implementing Authorization

Error Logging

1. Understanding ELMAH
2. Configuring ELMAH
3. Saving errors into database

Category and Product Listing

1. Category CRUD Operations
2. Product CRUD Operations

REST API Development

1. Developing REST API for shopping Cart

Shopping Cart

1. Creating Shopping Cart
2. Adding Products to Shopping Cart
3. Removing Products from Shopping Cart

Payment Gateway

1. Understanding Payment Gateway Process
2. Integrating Payment Gateway
3. Sending/Receiving data to and from Payment Gateway
4. Placing order

Optimization Practices

1. Optimization Best practices
2. Bundling & Minification

Cloud Computing and Window Azure

Window Azure

1. Introduction to Cloud Computing
2. Introduction to Windows Azure
3. Understanding App Service
4. Deploying App using App Service

Mock-up Tests and Assignments

Dot Net Tricks' mock-up tests and assignments help the professionals to work on real-world projects and to get an edge in their careers and make their lives better. This training program includes 4 mock-up tests and 4 assignments.

Mockup-Tests objectives

At the completion of mockup-tests, attendees will be able to;

1. Monitor theirs learning progress
2. Evaluate themselves
3. Crack theirs technical interview first round with objective questions

Assignments objectives

At the completion of assignments, attendees will be able to;

1. Gain confidence to work on ASP.NET MVC project with latest technologies
2. Evaluate theirs development skills
3. Prepare themselves for real-application development

Project : Online Shopping Site

Desciption: You will learn how to develop an online shopping site. The site will show the list of products to User/Customer. A user can purchase products and see the previous order history. Here, admin will be responsible for adding products, categories and approving customer order. The application will use three-tier architecture with extensible approach. We would be using payment gateway to do online payment and finally publishing it on IIS.

Project Architecture: The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development if necessary. This architecture will help you to develop web application with the recommended design patterns and practices.

What you will learn through project?

At the completion of project, attendees will be able to;

1. Create shopping cart
2. Integrate payment gateway
3. Create DAL layer using Entity Framework Code First approach
4. Create BAL layer using Repository design pattern
5. Decouple modules using Dependency Injection
6. Break a project into multiple modules using ASP.NET MVC Areas
7. Use view models for validations
8. Create Service layer using Web API
9. Scale application for Phone, Tablets, Laptop & Desktop using Bootstrap
10. Create interactive app using AngularJS
11. Do errors logging by using ELMAH
12. Optimize web pages performance
13. Secure application based on user roles
14. Authenticate/authorize user using ASP.NET MVC custom filters
15. Publish your App on IIS