Let’s Start Website Development

Search This Blog

Home
Angular
React
About Me

Showing posts from October, 2021

View all

Posts

AWS Security Model

on November 26, 2023

AWS

+

0

Get link
Facebook
X
Pinterest
Email
Other Apps

#03 Angular 12 | Editing the First App | Angular two-way Binding | Let's...

on October 16, 2021

Angular

+

0

Get link
Facebook
X
Pinterest
Email
Other Apps

Create .Net 5 Web API (.Net Core)

Create Web API using .Net 5 Agenda :- What is Web API How to create Web API Implement swagger Prerequisite:- Basic knowledge of C#, HTML, Visual Studio, and Object Oriented Programming is required. What is Web API:- .Net 5 Web API is framework for building web API's. i.e. Http based services on top of dotnet 5 How to create REST API:- Step 1:- Open Visual Studio 2019 and above and click on create new project. Step 2:- Search Web API and select ASP.NEt Core Web API template and then click Next button. Step 3:- Enter Project Name Location Check Or Uncheck Checkbox Check - Create Solution file. Uncheck- Not Creating any solution file. And Click Next Button Step 4:- Select Target framework based on your requirement 2,3 and 5. Select Authentication Type if required for me not required Check Configured Https checkbox. Check Docker Checkbox if

Create Angular Components

Components are the main building block for Angular applications. Each component consists of:- An HTML template that declares what renders on the page A Typescript class that defines behavior A CSS selector that defines how the component is used in a template Optionally, CSS styles applied to the template Creating a component: The easiest way to create a component is with the Angular CLI. You can also create a component manually. Creating a component using the Angular CLI To create a component using the Angular CLI. From a terminal window, navigate to the directory containing your application. Run the ng generate component <component-name> command, where <component-name> is the name of your new component. Example:- If you want to create Home component then open cli and write below command to create Home Component. ng generate component Home (OR) ng g g Home Component Contains A folder named after the component A component file, <component-n

Guard In Angular

Agenda :- What is guard Types of guard How to use What is Guard:- Guards in Angular are nothing but the functionality, logic which are executed before the route is loaded or the ones leaving the route beasically it's protecting our route. Excecuting some amount of code before loading route or leaving route. Types of Guard:- CanActivate guard (It checks route access). CanActivateChild guard (It checks child route access). CanDeactivate guard (Prompt for unsaved changes). CanLoad guard (Check before loading feature module assets). CanActivate Guard Create a new guard say auth.guard.ts as below. If the Auth Guard returns false then the user is not able to navigate to Login route in below example. auth.guard.ts import { Injectable } from '@angular/core' ; import { ActivatedRouteSnapshot , CanActivate , Router , RouterStateSnapshot , UrlTree } from '@angular/router' ; import { Observable } from 'rxjs' ; import jwt_decode from "jw

Labels

.Net 6
.NetCore
Angular
Angular Component
AWS
AWS Groups
C#
Canactivate
Canload
Component

EC2
IAM Roles
IAM Users
React
React Component
Router Guards
Security Group
use State
Web API

Show more Show less

Contact Form

Name

Email *

Message *

Report Abuse

Powered by Blogger