sharepointcafe
How to call an API from Angular 7?
.
In my earlier blog, I have explained How to create a static website in Angular 7? In this blog, we will see how to call an API from Angular 7. In this blog, you will see how an HTTP request is sent to any API from Angular application. I will demonstrate by sending an HTTP GET…
Create a static website using Angular 7 – Step by Step tutorial
.
In this blog, we will see how to create a static website in Angular 7. Creating a website or site in Angular is so easy that you can create a simple static website by reading this blog. As you all know that Angular is used to build web applications. After reading this blog you can…
Directives in Angular
.
One of the most important elements of Angular is Directive. In this article, we will learn What are Angular Directives and its type and how to create custom directives. What are Directives in Angular? Directives in Angular extend the use of HTML by adding custom behavior. Angular Directives add or modify the existing behavior to…
How to do Component Communication in Angular?
.
In Angular Apps, you are going to come across a scenario where component needs to communicate with each other. In this blog, we will see how to send data from one component to another component in Angular application. You can send data from parent to child or child to parent component. How to pass data…
Angular CLI Commands
.
Below are some of the important and useful Angular CLI commands that are useful while developing an Angular Application. To install Angular CLI To get online help To get detailed help of a command To get Angular version details Read:- Angular Interview Questions To create new Angular Project To Build Angular Application To build Angular…
Angular 2 vs Angular 4 vs Angular 5
.
Angular 2, Angular 4 and Angular 5 are open source and fully TypeScript based client-side framework to develop a Single Page Application (SPA). In this blog, we will explore the new features in Angular 2, Angular 4 and Angular 5. As we all know Angular 2 was a significant upgrade from AngularJS or Angular 1.…
Building Blocks of an Angular Application
.
The main building blocks of any Angular Application are Component, Modules, Template, MetaData, Data binding, Directive, Services, Dependency Injection, Routing. In this blog, we will see main building blocks of Angular one by one. Architecture of Angular 2 moves around component and module and this is one of the major difference between Angular 1 and…
Learn Type Script Quickly
.
In thig blog, we will learn Type Script. If you are going to learn Angular then you must be comfortable with TypeScript. What is TypeScript? TypeScript is a typed superset of Java Script that compiles the code into JavaScipt. Type Script Installation In order to work with TypeScript, first you have to install node package…
Create Angular App and run using Angular CLI
.
Once you are done with the installation and setting the local development environment, we will create a new Angular App using Angular CLI. Install Angular CLI To install Angular CLI run this command in command prompt. npm install -g @angular/cli In above command -g means you are installing it globally, if you will not apply -g…
How to Enable HTTPS for ASP.Net Web API?
.
In this blog, we will see how to enable a Web API service to the server over HTTPS only and not on HTTP.If you are new to Web API, then read my earlier blogs on ASP.Net Web API here.As you know ASP.Net Web API runs over HTTP protocol. Suppose you want to serve your Web…
Basic Authentication in Web API
.
In this blog, we will see the implementation of basic authentication in Web API. Security is very important aspects while working on the distributed application. While exposing an API we must take care about security. Basic Authentication is a simple authentication mechanism where the client sends requests with an Authorization header with word Basic. In…
What is AutoMapper in C#?
.
AutoMapper is used to map data between two objects. In this blog, we will see how to use AutoMapper in our application. Let’s demonstrate the use of Automapper by an example. Suppose we have a class called Employee with 2 properties in it – Name and City class Employee { public string Name…
Consume Web API 2 in C# Console Application
.
Web API can be consumed either using JQuery, Angular JS, MVC or Console Application. In this blog, we will consume Web API 2 using HttpClient in a Console Application. I have already created a Web API2 demo project earlier, you may visit below link to see how can we create a Web API 2 project. Web…
Web API2 CRUD operations using Entity Framework and MVC
.
In this blog, we will perform Web API CRUD operations using Entity Framework and ASP.Net MVC. What is ASP.Net Web API? Web API is the Microsoft open source technology for developing REST services based on HTTP protocol. ASP.Net Web API is a framework for building, consuming HTTP based services. The advantage of Web API is…
Consume Web API 2 using JQuery in MVC application
.
In this blog, we will see how to create a Web API in Visual Studio 2017 and consume this API from MVC application using jQuery. Web API is the Microsoft open source technology for developing REST services based on HTTP protocol. ASP.Net Web API is a framework for building, consuming HTTP based service. The advantage…
Angular Tutorial – Setting up the local development environment
.
In this blog, we will see how can we setup development environment in Visual Studio 2017 to run angular 2 application. Angular Installation To setup the Angular 2 environment we need node js, npm and type script. Let’s install these components one by one. First, open this URL – https://nodejs.org/en/ Once Node 8.12.0 installer downloaded…
How to integrate Google recaptcha with ASP.Net MVC Application?
.
In this blog, Let’s see how can we integrate Google reCapctah with ASP.Net MVC. What is Google ReCaptcha? Google reCaptcha help public websites to prevent spam access on an input form like login, signup.It is basically a way to identify that no robot is submitting the input form. Follow below steps to integrate a Google…
How to upload an image with other form data in ASP.Net MVC?
.
In this blog, I will write about How to upload an image with other form data in ASP.Net MVC 5. You may read my other articles on MVC. Sometimes, we require to collect image/photo with other form inputs. For eg – A resume form. This form will have normal inputs as well as image upload…
ASP.Net MVC Ajax.BeginForm with an example – MVC Blogs
.
Hi, recently I was working on a project in MVC. I had to post a form using Ajax to avoid page postback.I have demonstrated this by an example. Let’s see the code to implement Ajax.BeginForm in an MVC application. Ajax.BeginForm in MVC Nowadays users don’t want to see a page refresh and web technologies are…
LINQ with an MVC Project
.
This blog contains basic information about LINQ. Also, we will see how can we use LINQ in an MVC project. What is LINQ? LINQ stands for Language Integrated Query. LINQ can be used to query from a variety of data sources for eg SQL Server, Array, and XML. LINQ defines keywords that you can use…
