Posts

Subscribe to Youtube channel

Getting started with react JS step by step from scratch

Image
 In this article we will be discussing hot to create react app from scratch. We will also discuss about the project structure of react app. React JS is an library but most people says its an framework. Its actually an library by using it we can develop robust applications.     For react app we need to have install Node Js on development machine. To download Node JS you can visit below link and install it on your machine. https://nodejs.org/en/download/     I recommend you to always download LTS (Long term support) executable versions only.   Now we have downloaded and installed the node JS, its time to download and install the code editor to manage your code efficiently. I would recommend you that you can go with the Visual studio code. following is the link to download the visual studio code.   https://code.visualstudio.com/   Now we have downloaded and installed visual studio code as well as Node JS. Lets launch the visual studio code, go to menu bar and click on Terminal option >

Custom Validation and Class Level validation using Data Annotation in MVC .Net core application

Image
 In Previous article i have demonstrated about " Validations using entity framework data annotation in .Net core MVC " where i have implemented ready made validation types in MVC application. In this article i will be demonstrating about custom validation and class level validation using Data Annotation in MVC .Net core application. The custom validation will be very useful when we need to solve real time scenario where the ready made validation will not work. I also going to show about the class level validation which is also a type of custom kind validation available in data annotation using entity framework. Lets start the implementation, I going to use the same application which i have used in previous article. First we need to add few columns in existing employee table for validation demonstration as below. DateOfBirth DateOfJoin DateOfExit  After adding above fields my model class will look like below using ModelsExample.Attributes; using System; using System.Co

Validations using entity framework data annotation in .Net core MVC

Image
 In previous article we have learnt about working with Drop down in .Net Core MVC . now in this article we will work with the validations using entity framework data annotation. To implement the validation we just need to write minimal code and you are done, you do not need to write extra code for handling validation of your form.  Lets start the implementation, I am going to use the same application for this implementation which i have used in previous article mentioned above. We will use below validation types in this article however there are more validation types available in entity framework data annotation (like Range validation,compare validation,Custom Validation and more)  . Required validation Regular Expression validation String Length validation Max Length validation  First we need to import " _ValidationScriptsPartial " partial class in our view where we need to implement the validation using below syntax. @Html.Partial("_ValidationScriptsPartial")

Working with Drop Down control in .Net Core MVC with steps

Image
In previous articles we have learned about code first approach , Entity migration, crud operation in MVC .NET core, in this article i am going to demonstrate about work with drop down control in .NET Core MVC application with JQuery drop down binding. I am going to use the same application which i have used in crud operation article. So lets start the implementation.       First we need to create the City and State models for that add below classes in ModelExample project.  CityMaster.cs using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations; using System.ComponentModel.DataAnnotations.Schema; using System.Text; namespace ModelsExample { [Table("CityMaster")] public class CityMaster { [Key] [Column("Id")] public int Id { get; set; } [Column("Name")] public string Name { get; set; } [Column(" StateMasterId ")] public int StateM