Angular 2

1 - Angular 2 Admin panel Framework This open source project is based on Angular 2, Bootstrap 4, Webpack and lots of awesome modules and plugins . It is created by Akveo team. This project Features TypeScript , Webpack , Responsive…

Angular 2.0 is a complete is a total revise of Angular 1.x, This brings up the issue of what to do with our “old” Angular 1.x applications . Building the same applications from scratch is sometimes impossible due to time and…

The Angular 2 router is strictly connected to the component. It’s also called the Component Router (which is about to come to Angular 1.x as well). The main purpose of it is to have routable components. They are often smart components that…

In this Tutorial you will learn how to communicate with the GitHub API. Although we can do this directly from the component's controller, by doing it this way, we can couple it with the RESTful API of GitHub. In order to enforce further…

 Reactive programming with Angular 2 .In real applications, we have to deal with asynchronous data and the changes of the data that needs to be synchronized between users. The requirements for modern applications sometimes even go…

In This Tutorial , we're going to create a commenting Application using angular 2. That will enable users to write comments in various areas of our application. Each comment itself is encapsulated into a Comment component. Comment…

In this Tutorial , we will create a Activity Tracker Chart using  angular 2 with Chartist to provide a project activity overview over the past 24 hours. This bar chart will only provide some visual clues about the project activity,…

Angular 2 is inspired by modern web standards, especially Web Components, which led to the adoption of some of the methods of content projection used there. In this article, we'll look at them in the context of Angular 2 using the…

Components are Angular 2 building blocks that contain both logic and UI behavior. Components contain both HTML templates and classes. You can say that component classes are like Angular 1.x controllers. You can compare components to an…

AngularJS Looking back, there was a possibility to create very advanced web applications using the pure JavaScript API, but it was really difficult to maintain the initial codebase, and to test all of it. And then in 2010 AngularJS was…

In this tutorial you will learn Angular 2 Routing from scratch by buildng a real life application . The Angular 2 router was built with componentization in mind. We will see how can we create our custom links and make components react to…

In a real scenario, we usually delegate all the heavy lifting on an authentication service that wraps all the necessary tools for handling user login, logout, and sometimes authentication for granting access to protected areas of our…

In the This Tutorial, we are going to take a look at different snippets showing some of the features of TypeScript. In order to be able to run the snippets and play with them yourself, you'll need to install the TypeScript compiler on your…

Services are the building blocks that Angular provides for the definition of the business logic of our applications. In AngularJS 1.x, we had three different ways for defining services: // The Factory method…

In This Tutorial you will learn how To deal with Forms in Angular 2 . Before starting this tutorial I will recommend you to read beginners guide to Angular 2 .Basically A form creates a cohesive, effective, and compelling data entry…

Completely a New Era ;) The current Angular 1.x framework cannot work with new web components, as it lends itself to mobile applications and pushes its own module and class API against the standards. To answer these issues, the angularjs…