Angular

MEAN Stack: Introduction – Part 1

MEAN Stands for M – Mongo DB (database system) E – Express (back-end framework) A – Angular.js (front-end framework) N – Node.js (back-end runtime environment) What is MEAN? MEAN is a full-stack JavaScript solution that helps you build fast, robust, and maintainable production web applications. The stack used in mean is: Mongo DB: Mongo DB is an open-source, document database designed for ease of development and scaling. It is Continue Reading

DATA BINDING IN ANGULAR

This blog is primarily focused on what is Data Binding and its types: – String Interpolation Property Binding Event Binding Two-Way Data Binding Data Binding is one of the most powerful and important features in a software development language. It allows us to define communication between component and view. So we can say that Data Binding is passed from component to view and from view Continue Reading

Manipulating Server returned dates at client Side in Angular

Hey Visitor, Have you ever faced an issue with the date values on your website, when the date and time returned from server doesn’t change according to the client timezone , for eg. values returned from server at US will be different for a client at India so we need to manipulate the received time according to Indian Time Zone. So recently, I encountered this Continue Reading

Fusion of Observables with Observer

RxJs is an incredible tool for reactive programming, and today we’re going to understand briefly about what Observables and observers are. OBSERVABLES Observables are wrapping around of some data source like a stream of values of any type which are typically used for asynchronous data. It is used for transfer of messages between publisher and subscriber and that message could be anything like literals, messages, Continue Reading

What’s new in ANGULAR 6?

Angular has just released its v6. This major release focuses mainly on the toolchain and making easier for the user to create an application. As part of this release, a new version has updated core framework packages (@angular/core, @angular/common & @angular/compiler etc), the Angular CLI, and Angular Material + CDK.  You can see the changelog here framework, material+cdk, cli. In this blog, I am going to explain some major changes Continue Reading

Testing HTTP services in Angular

Prerequisites : 1. Understanding of Angular. 2. Understanding of Component’s unit tests in Angular 3. Understanding of Karma and Jasmine Http Service Let’s consider a simple service to get data using get method of Http service. Let’s start with writing a test case for this service. Configuring Testing Module for Service:

Using Http services for storing and fetching user info: Angular 2

Using Angular 2 Http get, post services is the most essential requirement when you are working on any Angular 2 app because anyhow you will have the scenario to store some user information from your end and you have to fetch some information from their end as well if you know what I mean. So here in this blog, we are going to create an Continue Reading

Using Resolve -Promises in Angular 2 Http Services

You have a huge list of users that you have to show on one of the views in angular 2 app, you called the action to redirect to users list view and the page is blank because your HTTP service is still loading the list of users from the external API and until it grabs all the list it can’t show anything on the view, isn’t Continue Reading

Location Strategy- Routing in Angular2

Angular 2’s router is super easy to use. Angular 2 gives you the possibility of dividing your application into several views that you can navigate between through the concept of routing. Routing enables you to route the user to different components based on the url that they type on the browser, or that you direct them to through a link. This post will cover standard  Continue Reading

Validations for Template-driven forms in Angular 4

Validations for Template-driven forms in Angular 4: Prerequisite : Basic understanding of Angular 2/4 First of all, we need to create a simple form in Angular. You can clone this repository for the example. We’ll continue further with this example. This is the form that we have in AppComponent : <div class=”container”> <div class=”row”> <form #myForm=”ngForm” (ngSubmit)=”submitForm()”> <div class=”row”> <div class=”col-md-4 col-md-offset-4″> <h1>Form Validations</h1> </div> Continue Reading

When I took Angular 2 to build my Application

When I took Angular 2 to build my application, I still had my doubts to go with Angular 2 or some other framework. But after some research, I decided to go with Angular 2. It gives the ability to make Single Page Application in a perfect and viable way. Here are some others reasons / advantages I liked: 1. TypeScript : Unlike javascript, typescript is Continue Reading

Understanding “this” in JavaScript

Function in javascript have properties, Just like javascript Object have properties. And when function get execute, It get the this property Lets Take a closer look at “this”. this is a special character/keyword in javascript, As we know working with this is little tricky because it can change value when you and you are not expecting Let see how we can track this First we Continue Reading

Knolx: Intro to Ionic 2-Angular 2, & Ionic1 Vs Ionic2

Knoldus organized a session on “Introduction to Ionic 2 with Angular 2”. That covered the differences between Ionic 1 and Ionic 2, As Ionic 2 is best compatible with Angular 2 (typescript) so some of the commands and components also discussed in this session. Check the slides:   Check the video of this session:     In case of any confusion, don’t hesitate to ask. Continue Reading

%d bloggers like this: