Blog List

Top Angular Plugins for Sublime Text

  • Satish 

This article covers a number of Angular plugins for the Sublime Text text editor. Whether you’re new to Angular (version 2+) development, and looking to get started with it and integrate it more closely with your code editor of choice, or you’re an old hand at Angular development and you’re trying your hand with Sublime Text as a new editor, integrating the two has never been easier. There are lots of options for Angular plugins that can smooth your way… Read More »Top Angular Plugins for Sublime Text

Creating UIs with Angular Material Design Components

  • Satish 

In this tutorial, I’ll introduce you to Material Design in Angular, then we’ll look at how to create a simple Angular application with a UI built from various Angular Material components. The widespread adoption of component-based frameworks such as Angular, React and Vue.js has seen a growing number of pre-built UI component collections become available. Using such collections can help developers to quickly create professional-looking applications. What’s Material Design? Material Design (codenamed Quantum Paper) is a visual language that can be… Read More »Creating UIs with Angular Material Design Components

Using Angular NgModules for Reusable Code and More

  • Satish 

NgModules are a core concept in Angular that are part of every application and help to wire up some important details for the compiler and application runtime. They’re especially useful for organizing code into features, lazy loading routes, and creating reusable libraries. In this guide, we’re going to cover the primary uses of NgModules with some examples to show you how to use them in your Angular projects! This guide assumes you have a working knowledge of Angular. JavaScript Modules… Read More »Using Angular NgModules for Reusable Code and More

Change Detection in Angular: Everything You Need to Know

  • Satish 

View as a Core Concept An Angular application is a tree of components. However, under the hood, Angular uses a low-level abstraction called view. There’s a direct relationship between a view and a component: one view is associated with one component and vice versa. A view holds a reference to the associated component class instance in the component property. All operations — like property checks and DOM updates — are performed on views. Hence, it’s more technically correct to state that Angular is a tree of… Read More »Change Detection in Angular: Everything You Need to Know

How to Update Angular Projects to the Latest Version

  • Satish 

Up and Running To start on our goal to update Angular, make sure you have the latest version of the Angular CLI installed. If you don’t, you can install it with the following command: npm install -g @angular/cli@latest If you need to remove a previous version of the Angular CLI, you can: npm uninstall -g @angular/cli angular-cli npm cache clean npm install -g @angular/cli@latest After that, you’ll need a copy of the code from part 5. This is available on GitHub.… Read More »How to Update Angular Projects to the Latest Version

AngularJS and Angular 2+: a Detailed Comparison

  • Satish 

In recent years, we’ve seen Angular grow tremendously as a framework and as a platform for developing single page applications (SPAs) and progressive web apps (PWAs). AngularJS was built on top of the idea that declarative programming should be used for building the views. This required decoupling the DOM manipulation from the business logic of the application and the approach had many benefits on its own. However, AngularJS had many shortcomings in terms of performance and how things worked under… Read More »AngularJS and Angular 2+: a Detailed Comparison

A Practical Guide to Angular Directives

  • Satish 

An Angular component isn’t more than a directive with a template. When we say that components are the building blocks of Angular applications, we’re actually saying that directives are the building blocks of Angular applications. Basic overview At the core, a directive is a function that executes whenever the Angular compiler finds it in the DOM. Angular directives are used to extend the power of the HTML by giving it new syntax. Each directive has a name — either one… Read More »A Practical Guide to Angular Directives

Angular Testing: A Developer’s Introduction

  • Satish 

Prerequisites At the time of writing, Angular 5.2 is the current stable version — which is what we’ll be using here. This guide assumes you at least have a solid grasp of Angular 4+ fundamentals. It’s also assumed you at least understand the concept or have some skills writing automated tests. Angular Testing Technologies As you already know, an Angular project is made up of templates, components, services and modules. They all run inside what’s known as the Angular environment.… Read More »Angular Testing: A Developer’s Introduction

Angular 2 Components and Providers: Classes, Factories & Values

  • Satish 

You may have seen “providers” in a list of properties you can use to configure components, and you might have realized that they allow you to define a set of injectable objects that will be available to the component. That’s nice, but it of course begs the question, “what is a provider?” Answering that question gets us into an involved discussion of Angular 2’s Dependency Injection (DI) system. We may specifically cover DI in a future blog post, but it’s… Read More »Angular 2 Components and Providers: Classes, Factories & Values

Angular 2 Components: Inputs and Outputs

  • Satish 

In this article, we’ll take a look a bit closer at Angular 2 components — how they’re defined, and how to get data into them and back out of them. This is the second part in the Angular 2 series. You can read part one here. We covered the basic idea of components and decorators in an earlier article, and have specifically seen the @Component and @View decorators used to build an Angular application. This article dives in a bit deeper. However, we can’t cover… Read More »Angular 2 Components: Inputs and Outputs