Using and writing about best practices and latest technologies in web design & development is my passion.
AngularHosting Angular 2 Applications On Firebase
In this tutorial you’ll learn how to initiate a new Angular 2 application, get it up and running on your local system and finally deploy it to the free Firebase hosting plan and make it available in the WWW. Step 1: Use Angular CLI To Initiate A New Project Angular CLI is a command line interface & scaffolding tool which makes [...]
AngularAngular 2 Forms Tutorial – Introduction
Introduction HTML forms are an essential part of every data-driven web application. The user is able to enter data by using input elements of forms. Therefore a form does not only present data entry fields in the right order but also needs to offer further guidance. Any modern web form will deliver immediate feedback, so that the user is [...]
AngularAngular 2 + Firebase Introduction
Introduction Firebase is a mobile and web application platform supporting developers with various tools and services to build high-quality app. A central feature of Firebase is the realtime database. By using the Firebase API the realtime database can be used to store and snyc data across multiple clients and platforms. The Firebase [...]
Web DevelopmentYarn Package Manager – The Next Evolution Of Package Managers (npm, Bower)
Shortcomings Of Today’s Package Managers (bower / npm) For most web developers package manager are an integral part of their development workflow. Package managers like bower and npm are very popular today. Npm is the default package of the Node.js platform and recently it became a defacto standard for package management in the [...]
AngularAngular 2 CLI (Command Line Interface) – Introduction
Angular 2 CLI (Command Line Interface) – Introduction Angular provides an utility to allow users to create and manage projects from the command line. It automates tasks like creating projects, adding new controllers, etc. It’s generally a good idea to use angular-cli as it will help create and maintain common patterns across our [...]
AngularAngular 2 Routing With Modules
Angular 2 Modules Concept By using the new @NgModule decorator we’re able to define modules in our Angular 2 application. The decorator is attached to a class an contains a set of meta data which describes the module. According to the official Angular 2 documentation Angular 2 modules are used to “help organize an application into [...]
AngularUsing Material Design In Angular 2
To get started with Angular 2 and Material Design just go through the following steps: 1) Start with a new project setup By following the Angular 2 quickstart tutorial you can set up a new base project structure: |-app --|-app.component.ts --|-app.module.ts --|-main.ts |-index.html |-package.json |-systemjs.config.js |-tsconfig.json [...]
AngularGetting Started With Angular 2 Modules (Using The @NgModule Decorator)
With RC5 the Angular team introduces the concept of modules. Angular 2 Modules help to organize your web application into blocks of functionality. In this video you’ll get a comprehensive introduction to the Angular 2 Modules concept and you’ll learn how to set up a new Angular 2 application using @NgModule. Advantages of [...]
Top 3 Angular 2 Online Courses on Udemy
Online Learning is increasing its value continuously. No doubt, Udemy is a great resource for expanding your web development skills. You can find comprehensive online courses for virtually all web development frameworks and technologies which are relevant nowadays. Although the final Version of Angular 2 has not been released yet, you [...]
AngularThe New & Revised Angular 2 Component Router
With the latest release candidate the Angular 2 component router has been revised completely. In this video you’ll get a brief update of what needs to be done to get going with the new router implementation.