How to read and display RSS FEED in asp.net

How to read and display RSS FEED in asp.net?


Sometime we need to fetch RSS feeds from various websites and display on our web pages like news, articles etc. In this article I am explaining how to fetch and display RSS feeds in our website using ASP.Net (C#).             


CRUD operation on fullcalendar in ASP.NET MVC

Tue, 04 Jul 2017 04:00:00 +0000

Introduction

This is the 2nd part of the tutorial "Event/Scheduler calendar in asp.net MVC application". In the first part of this tutorial, we have seen how to display events in fullcalender from a database. Now in this 2nd part, we will implement CRUD (Create, Read, Update, Delete) operation on fullcalendar for managing event/schedule tasks to the database.

Here in this tutorial, we will see how we can add, edit and delete event in fullcalendar using a modal dialog. This will enhance our application in terms of Readability, Usability, and Better UI.

Ok, let's implement CRUD operation in the fullcalendar.

Read more »
  Read More...

Event/Scheduler calendar in asp.net MVC application

Tue, 27 Jun 2017 04:43:00 +0000

Introduction

Today I will show you, how to implement Event/Scheduler calendar in asp.net MVC application.

We know that Modern web application imposes ever higher demands on the user interface. Right? So if we have to develop an event/scheduler application where users can view and manage their schedule tasks in a calendar, then how we should develop the application with a good user interface keeping in mind?

Here I will show you, how we can create an event/scheduler application with a modern user interface using jquery fullcalendar plugin.

Read more »
  Read More...

Basic Routing in Angular 2

Tue, 20 Jun 2017 11:12:00 +0000

Introduction

Today in the series Learning angular 2 step by step, we will learn about angular 2 basic routing.

You might be thinking that why basic, right?

In this series, we are learning angular 2 step by step and currently, we are at early stage of learning Angular 2. So, Here we will learn setup basic routing in angular 2 to make it easier to understand, especially for beginners.

Routing is one of the most important parts of developing a single page application in angular 2 and there are many things to learn in the routing. But here in this tutorial, we will learn setup basic routing in our Angular 2 application and later we will learn about advanced routing in Angular 2. OK?

Before reading this article, I would recommend reading my previous tutorial where I have explained about Angular 2 Component.
Read more »
  Read More...

Angular 2 Structural directives

Mon, 12 Jun 2017 04:27:00 +0000

Introduction

In the previous article of the series Learning Angular 2 step by step, we have learned about Angular 2 Attribute Directive, Where we have seen how to use built-in attribute directive and how to create our own custom attribute directive.

In this tutorial, we will learn about Angular 2 Structural directives. Here, first of all, we will see what is Structural directive and how to use it and then we will learn to create our own custom Structural directive.

Before reading this article, I would recommend reading my previous tutorial where I have explained about Angular 2 Attribute Directive.
Read more »
  Read More...

Angular 2 attribute directives

Mon, 05 Jun 2017 05:59:00 +0000

Introduction

In the series Learning Angular 2 step by step, we learned about Angular 2 Component. Now it's time to learn about Angular 2 Directive.

Before reading this article, I would recommend reading my previous tutorial where I have explained about Angular 2 component.  

In the tutorial about Angular 2 directives, We will know about different types of Angular 2 directives, how to use them and then we will see how to create a custom directive in Angular 2.
Read more »
  Read More...

Nested component in angular 2

Sun, 28 May 2017 14:16:00 +0000

Introduction

In the previous article of the series Learning Angular 2 step by step, we learned about Angular 2 Component. Now in this tutorial, we will learn a little more about angular 2 component where we will see how to create a nested component and how the components (parent component & child component) communication with each other.

Before reading this article, I would recommend reading my previous tutorial where I have explained about Angular 2 component.  

Today in this tutorial, we will continue learning Angular 2 step by step and here we will learn all about Angular 2 component for better understanding.

In the previous tutorial, we have created a component EmployeeList Component for showing list of employee data. Now in this tutorial, we will create an another component SearchBar Component and then we will see  how to nest the SearchBar component inside the EmployeeList component and
communicate with each other.

Open the previous application we have created in the previous part of the series in VS code editor.
Read more »
  Read More...

Angular 2 components

Sun, 28 May 2017 12:39:00 +0000

Introduction

In the previous part of the tutorial series Learning Angular 2 Step by step, we have done setup angular 2 development environment & created a very simple "Hello world" application in angular 2.

Today in this tutorial, we will continue learning Angular 2 step by step and here we will learn all about Angular 2 component.

In Angular 2 “everything is a component.” That's why Angular 2 is also called a component-based framework, which allows us to create reusable UI widgets.
Creating Angular 2 application means creating Angular 2 small small reusable component.

Before reading this article, I would recommend reading my previous tutorial where I have explained how to setup angular 2 development environment & create a simple "Hello World" application for better understanding. 

Here in this tutorial, First of all, We will create a very simple Angular 2 Component (EmployeeList Component) where we will learn a little about lifecycle hooks also. Then we will create an another component (SearchBar Component) where we will see how to nest the SearchBar component inside the Employee component and communicate with each other.

Let's start creating EmployeeList Component.
Open the previous application the "Hello world" application we have created in the previous part of the series in VS code editor.
Read more »
  Read More...

Learn TypeScript Step By Step

Tue, 23 May 2017 04:20:00 +0000

Introduction

Today We will learn about TypeScript. We will see what is typescript, why we should learn TypeScript, how we can write code in typescript and more.

What is TypeScript?

TypeScript is an extension (a “superset”) of the JavaScript language. It allows us to write code in Object Oriented Design approach which makes possible writing JavaScript code faster and error-free with the help of type system provided in the TypeScript.
Read more »
  Read More...

Learn Angular 2 step by step

Mon, 15 May 2017 11:53:00 +0000

Introduction

Before we have learned about AngularJS, Now it's time to learn Angular2.

Why we will learn Angular 2?

This question just comes in your mind, Right?
Angular 2 is easier to learn than Angular 1.x. Here again, a question can come in your mind if you don't know angular 1.x and the question is, can we learn Angular 2 without having hands on experience in angular 1.x?
Read more »
  Read More...

Part 2 - Complete login and registration system in ASP.NET MVC application

Sun, 09 Apr 2017 10:00:00 +0000

Introduction

In the previous video of this article "Complete Login and registration system in asp.net MVC application" We have already done the Part 1: Registration page with email validation & password hashing from where a user will get a verification email in his/her email ID. Here in this video, we will create email verification page for account verification, login page with remember me option  & Logout page.

Ok, Let's start implementing complete login and registration system in ASP.NET MVC application. 
Read more »
  Read More...

Complete login and registration system in ASP.NET MVC application

Sat, 08 Apr 2017 06:20:00 +0000

Introduction

Before this article we have seen, how to create login page & registration page in ASP.NET MVC application but It was very simple example and most of the important features like email verification, password hashing in the registration page, remember me option in the login page has not been explained for make the example simple and easy to understand for beginners. Today in this article I will explain the followings...


  1. Registration page with email validation & password Hashing
  2. Email Verification Page for account verification, Login page with remember me option  & Logout page.

Ok, Let's start implementing complete login and registration system in ASP.NET MVC application. 
Read more »
  Read More...

Drag & drop file upload in ASP.NET MVC

Mon, 27 Feb 2017 17:10:00 +0000

Introduction

In one of my previous articles, I explained How to Upload Files Asynchronously using ASP.NET MVC application. Today I am going to show you how we can implement Drag & drop file upload in ASP.NET MVC application.

This is a very simple article today I am going to explain but Drag & drop file uploading is a very common requirement for any web application nowadays.  Drag and drop is a great HTML5 feature. So let Start implementing drag & drop file uploading in ASP.NET MVC application.

In this tutorial, we will see how to implement this using the FileDrop jQuery plugin.  jQuery FileDrop uses the HTML5 File API to allow users to drag multiple files from desktop to the browser, uploading each file to a user-specified URL.

Ok, let's start importing Drag & drop file upload in ASP.NET MVC. 
Read more »
  Read More...

Import Excel Sheet Data in MS SQL server Database using AngularJS

Sun, 22 Jan 2017 14:08:00 +0000

Introduction

In one of my previous article, we have seen how we can import data from Excel file data to MS SQL Server database in asp.net application. Today in this article, I will explain how to Import Excel Sheet Data in MS SQL server Database using AngularJS

Here in this example, we will use the js-xlsx javascript library which is a Parser and writer for various spreadsheet formats.

Ok, let's start importing Excel Sheet Data in MS SQL server Database using AngularJS. 
Read more »
  Read More...

Full CRUD operation using datatables in ASP.NET MVC

Thu, 15 Dec 2016 09:08:00 +0000

Introduction

In the previous article of this series "Implementing jQuery Datatables in ASP.NET MVC application", we have seen followings.


  1. Implement jQuery Datatable in ASP.NET MVC application
  2. jQuery Datatable server side pagination and sorting in ASP.NET MVC
  3. Implement custom multicolumn server-side filtering in jQuery dataTables
  4. Full CRUD operation using datatables in ASP.NET MVC

Where we have used Datatables plugin to basically display data with various features.

Because a lot of requests from readers to me to write a tutorial for implement CRUD operation in Datatables, today I am going to show you how we can implement CRUD operation in Datatables. 

We know that Datatable is free but it's editor, which is used for CRUD operations are paid. Hence in this article, we will implement CRUD operation in Datatable using jquery modal popup.

Ok, Let's start implementing CRUD operation in jQuery Datatable.
Read more »
  Read More...

Webgrid Paging, sorting and filtering in ASP.Net MVC

Sat, 19 Nov 2016 14:45:00 +0000

Introduction

In one of the previous article, I have shown you, how we can implement custom paging in webgrid in ASP.NET MVC application.
Today, In this tutorial I will show you webgrid Paging, sorting and filtering functionality in asp.net MVC application.

It is an essential approach to using paging, sorting and filtering technique in applications where a lot of data to be loaded from a database. So here in this article, I have tried to show how we can do this
just following few simple steps.

Also nowadays, web page looks is very important and as we know bootstrap design is very popular, here in this article I have implemented bootstrap design in webgrid for making its looks perfect. 
Read more »
  Read More...

Part 2 : Token Based Authentication Using ASP.NET Web API in AngularJS

Sun, 16 Oct 2016 14:42:00 +0000

Introduction

Series : Token based authentication using ASP.NET Web API in AngularJS

In part 1 of this series "Token-based authentication in ASP.NET Web API" I have shown you, how to Secure ASP.NET Web API using Token Based Authentication, where we have done all the code on the server side web API application and tested our application with POSTMAN chrome extension.

Now in this article (Part 2) I am going to show you how to implement token based  secured web API service in AngularJS application.

We know that how token based authentication actually works.
When we will access secured resources from token based secured server using our client application, we have to pass signed token in the authorization header. Then this token will be validated by the server and if the token is valid then we will get a valid response from server otherwise, we will get 401 (Unauthorized)/403 (Forbidden)  response.

Read more »
  Read More...

Part 1 : Token based authentication in ASP.NET Web API

Wed, 28 Sep 2016 07:18:00 +0000

Introduction

Series : Token based authentication using ASP.NET Web API in AngularJS

In one of my previous article, I have shown you how to implement custom Forms Authentication (cookie-based approach) in ASP.NET MVC application.
Today I am going to show you how to Secure ASP.NET Web API using Token Based Authentication.

ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers, mobile devices, and traditional desktop applications. Nowadays Web API adoption is increasing at a rapid pace. So it's very essential to implement security for all types of clients trying to access data from Web API services.

Nowadays the most preferred approach to secure server resources by authenticating users in WEB API is to use signed token, which contains enough data to identify a particular user.This is called token-based approach. This is because of following reason:

  • Loose Coupling - The client application is not tied to a particular authentication scheme. The token is generated, validated and perform the authentication by the server.
  • Mobile Friendly - In native platform like iOS, Android, Windows 8 etc. handling cookies are not an easy task. Token-based approach simplifies this a lot.
How token based authentication actually works?
In the Token based approach, the client application first sends a request to Authentication server endpoint with an appropriate credential. Now If the username and password are found correct then the Authentication server send a token to the client as a response. This token contains enough data to identify a particular user and an expiry time.The client application then uses the token to access the restricted resources in next requests till the token is valid. 

Read more »
  Read More...

Reordering list via drag & drop in AngularJS application

Sun, 11 Sep 2016 10:18:00 +0000

Introduction


In the previous article, I have shown you how to implement Treeview in AngularJS application. In this article I will show you reordering list via drag & drop in AngularJS.

In one of my recent AngularJS project that I have just completed, required that the user be able to reorder the list of data via drag & drop feature and the current order of the list shall be persisted on the database.

Today I will show you how to implement reordering list via drag & drop in AngularJS application.

Here in this AngularJS application, I have used "angular-drag-and-drop-lists" AngularJS directive that allows us to build sortable lists with the native HTML5 drag & drop API.
Read more »
  Read More...

Treeview in AngularJS application

Sun, 21 Aug 2016 08:02:00 +0000

Introduction

In the previous article, we have seen how to create treeview with database data in MVC application. and how to bind Treeview from database using recursion function in asp.net c#. Here in this article, I will show you how to create treeview in AngularJS for render hierarchical datasets, folder views, and other similar data structures.
In this article, I have used angularTreeview directive for generating treeview from hierarchical data.
Read more »
  Read More...

Google organization (org) chart using AngularJS

Sat, 23 Jul 2016 20:00:00 +0000

Introduction

Previously we have seen following articles about implementing google chart in asp.net application

but till now we have not created any google chart example in AngularJS application. Today I will show you how to implement google organization chart (Org chart) using AngularJS.
Read more »
  Read More...

Advance master details entry form in asp.net MVC

Mon, 04 Jul 2016 07:15:00 +0000

Introduction

In the one of my previous article, I have explained how to create a simple master details entry form in asp.net MVC application, where I explained very simple one, without edit, delete functionality and all with text input field for details record for easy to understand.

Here in this article, I will show you how to create an advanced master details entry form with following added features.

1. Cascade drop-down in the details record.  an
2. Edit, delete functionality for edit/delete added details record.
Read more »
  Read More...

Part 1 - Simple Contact Book application in angularjs

Sat, 11 Jun 2016 14:06:00 +0000

Introduction

Before this article, we have done many examples using AngularJS like, fetch & display data from a database, create simple registration form with validation, Implement AngularJS routing any much more. But  till now we have not created any complete application. Today I will show you how to create a very simple application using AngularJS in asp.net MVC.

Here in this part, I will try to make our application as simple as possible and later we will enhance this application part by part for making the article easy to understand.

If you want to create simple contact book application using ASP.NET MVC, please visit CONTACT BOOK APP USING ASP.NET MVCRead more »
  Read More...

Create a push notification system with SignalR

Mon, 30 May 2016 11:09:00 +0000

Introduction

In the previous article, we have seen Part 2 - CRUD operation on fullcalender with angularJS. Here In this article, I will show you, how to implement a push notification system with SignalR for notifying connected clients / users when any database changes happen on the server.

Today's most of the applications are multi-user application, where multiple users doing their task at the same time. But the problem is when any user(s) done any changes (ex. inserted a new order) other users doesn’t know it unless the request is initiated by the user for seeking the updates.

So, we must have a way to notify all the connected clients if there is any changes happens on the server without a refresh or update the web page. This is the area in which asp.net SignalR comes into play.
Read more »
  Read More...

Part 2 - CRUD operation on fullcalender with angularJS

Mon, 09 May 2016 05:00:00 +0000

Introduction

In the previous article, I have shown Implement Event/Scheduler calendar using ui-calendar in angularJS, where we have only implemented a simple scheduling application for showing events using ui-calendar (fullcalender). But without CRUD operation, it can not be a complete solution. So, Today I will show you complete CRUD operation on fullcalender with AngularJS for complete the application so It can be useful.

Before starting must read Implement Event/Scheduler calendar using ui-calendar in angularJS first.
Read more »
  Read More...

Two-Factor Authentication using Google Authenticator in asp.net mvc

Mon, 18 Apr 2016 11:13:00 +0000

Introduction

In one of the previous article we have Implemented custom Forms Authentication in ASP.NET MVC application, but there was a risk for password-guessing attack also known as brute force attack.

Here In this article, I am going to show you how to build an ASP.NET MVC web app with Two-Factor Authentication using Google Authenticator for preventing brute force attack.

Two-Factor authentication is a great way to help secure user accounts as It authenticates users using two valid authentication factors.

Here in this article, we will first verify user from our database and then will provide an option to the user for verifying using real-time token (generated via Google Authenticator) (not SMS as it's costly). As I have said, We will use Google Authenticator(it's completely free of cost) So, The Google Authenticator software must be installed on the user's smartphone.Read more »
  Read More...

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ASPRssReader._Default" %>
<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">    
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <h3>Read RSS Feed from "The Times of India"</h3>
    <div style="max-height:350px; overflow:auto">
        <asp:GridView ID="gvRss" runat="server" AutoGenerateColumns="false" ShowHeader="false" Width="90%">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <table width="100%" border="0" cellpadding="0" cellspacing="5">
                            <tr>
                                <td>
                                    <h3 style="color:#3E7CFF"><%#Eval("Title") %></h3>
                                </td>
                                <td width="200px">
                                    <%#Eval("PublishDate") %>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <hr />
                                    <%#Eval("Description") %>
                                </td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td align="right">
                                    <a href='<%#Eval("Link") %>' target="_blank">Read More...</a>
                                </td>
                            </tr>
                        </table>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </div>
</asp:Content>
Posted By : Sourav Mondal