Skip to main content


Showing posts from May, 2017

Angular 2+ Forms - Validating the Template Driven Forms

In this mini session we are going to look after how to validate a template driven from in Angular 2 + application.

Here is the plunker :

Here we can able to use the 4 built-in type validation like HTML form validations. required, pattern,
minlength and maxlength

Angular 2+ Forms - Nesting Form Data

Another interesting part of the Angular 2 forms is Nesting the forms data. 

Example in complex forms like sign up form to getting lot of information from the users. It is easy to grouping the data into relevant groups. 

Let's go to the real feel. Check on the below plunker and you would be feel better on filling the group field and read the JSON response rather than read from the long list of JSON

Angular 2+ Forms - Template Driven Forms

Forms are doing a big job on I/O handling in a web application. Especially in Angular 2 application, we are using the NgForm directive to handling the normal forms with the more advanced feature enabled forms. 
In Angular 2, They introduced two types of modules to handle the NgForms. They are  Template Driven FormsModel Driven Formsto enabling this forms in your application, you need to import some modules. as follow in your root module. 

Here we are updating two modules from @angular/forms and we put the FormsModule and ReactiveFormsModule in the imports array.

After enabling the forms we are going to look after the template driven forms.

Template Driven Forms Template Driven Forms are enabling by importing the FormsModule in your app.module.ts,  We already show you how to enable it on above snippets. 
Here when you look on into the app.component.html 
Every form is an instance of the ngForm directive. Here the signupForm is the instance of the ngForm directive, not the form directive. …

Angular Stack -Introduction

Angular releases are making a massive amount of concern and breakdown changes on developer world. They have released the latest version as Angular 4. The major breakdown happens on Angular 2 and it completely changes the architecture of Angular. You don't need to know any syntax or concept from Angular 1 to be a fresh Angular 2 developer.

What’s new on Angular 2

Modular Architecture: This gives easy to create a big application in modular basis, this makes easier to divide works to work in parallel. This modularity makes easier to maintenance and scales up the project easier.

Better performance comparing with Angular 1: The change detection is improved and AOT compiler to big deals with the browser. It made to scale:
The core is module system
Dependency injectionSupporting to the Typescript and toolingSupports to CLI, Native script and more.A complete solution for production ready

Structure of Angular 2 Application

The structure of the Angular application module is pretty clear. The ap…

Session 1 : Spring Boot - What is Spring and Spring Boot ?

Spring Boot is a quick start to creating Spring applications in seconds. Spring boot hides the complexity of the spring applications. Spring boot simplifies the process of Spring application creation. You may think this is only for simple applications? No, It is for creating big giant Enterprises applications in few seconds.

I am so excited when I create the Spring application using Spring Boot. Hope you feel better when you complete this course.

In this full course of materials, we are looking the concept of the Spring boot and we are going to create the end to end RESTful API with whole relevant concepts.

In this series we are going to learn ...

What is Spring Boot ?Building end to end application
- A course management systemSpring Boot featureConfiguration and Customization

When you complete this series, you will be able to get all necessary things to create a complete end to end application

What is Spring Boot
There are two terms Spring and Boot.

The first term says Spring, It is …