Angular Journal

By Beaglesong | A collection of noteworthy articles about Google's AngularJS JavaScript framework.

Angular 4.3 HttpClient (Accessing REST Web Services With Angular)

<i>This post has been published first on</i> <i>CodingTheSmartWay.com</i><i>.</i><p>In Angular 4.3 the new <i>HttpClientModule</i> has been introduced. This new module is available …

AngularJS Chat Tutorial: User Authentication with OAuth 2.0 (5/6)

Welcome back to Part 5 of our PubNub series on how to build a complete chat app with PubNub’s AngularJS SDK.<p>In Part 4: Displaying a Typing Indicator …

Angular 2 — Escape From Change Detection – Netanel Basal

Angular 2 — Escape From Change Detection<p>Change Detection in Angular 2<p>In Angular 2, change detection is automatic as opposed to Angular 1 that applys …

Best Tool to Use for JS Applications: Angular JS, React JS, Node JS

The JavaScript war is at an all-time high. Developers across JavaScript land are debating on the best tool to use for JavaScript applications. …

JavaScript

Learn MVC Using Angular File Upload

<b>Introduction</b>This article demonstrates learning MVC using Angular File Upload and Bootstrap Filestyle in Visual Studio 2017.<b>Angular File Upload</b>Angular …

JavaScript

Building a Web App With Angular From Scratch

Going the farthest where not many have ventured before is a very challenging but rewarding feat. As part of the first platforms to have tested …

DevOps

Angular and RxJS: Create an API Service to Talk to a REST Backend

This article is part 3 of the SitePoint Angular 2+ Tutorial on how to create a CRUD App with the Angular CLI.• Part 0— The Ultimate Angular CLI …

PWAs with the Angular CLI

PWAs are a hot topic right now, in case you’ve been hiding under a rock PWAs stand for Progressive Web Apps. They allow us to make our web …

Building the 2048 game in AngularJS

One of the most frequently asked questions we get is when would Angular be a poor choice to use as a framework. Our default answer is usually when …

Angular Image Crop - Cropping images the easy way using AngularJS

A better way to crop images client-side using AngularJS<p>Over the weekend I attempted to make a self-contained AngularJS Directive which will allow you …

JavaScript

Angular 2 Tutorial: Create a CRUD App with Angular CLI

<i>This article is by guest authors Todd Motto and Jurgen Van de Moere. SitePoint guest posts aim to bring you engaging content from prominent writers</i> …

A Simple Mock Component for Angular 2

I’ve been writing a lot of Angular 2 lately (and really liking it). The testing experience is particularly nice, but I was surprised to learn there …

JavaScript

Building serverless web application with Angular 2, Webtask and Firebase

Recently I’ve been playing a lot with my pet project Tradux. It is a simple trading platform simulator which I built as an exercise in Redux, event …

Angular Debugging Tips and Tricks

This article is for versions of Angular 2, Angular 4 and later.<p>In this post we will cover some handy tips and tricks with debugging Angular apps. For …

JavaScript

Creating Progressive Web Apps Using Angular

Progressive web applications are the new <b>standard</b> in this modern era of web development. They’re pure web applications built with the very web …

JavaScript

malcoded

Component architecture recipes for Angular’s reactive forms

Component architecture is the fundamental building block of applications, and isn’t just limited to Angular. Building with components allows for …

JavaScript

Syncing LocalStorage In-Memory Cache With "storage" Events In Angular 2.1.1

Ben Nadel looks at the "storage" event as a means to keep an in-memory cache synchronized with the LocalStorage object in an Angular 2 application....

JavaScript

Hosting Angular 2 Applications On Firebase

<i>This post has been published first on</i> <i>CodingTheSmartWay.com</i><i>.</i><p>In this tutorial you’ll learn how to initiate a new Angular 2 application, get it up and …

Angular Pizza Creator

Check out the live demo<p>Features<p>Angular v4 + new View Engine<br>• Component architecture<br>• OnPush change detection strategy<br>• Reactive Form …

7 must-have Visual Studio Code extensions for Angular

VS Code is awesome: it’s a <i>really</i> fast beast, it works splendidly with TypeScript and on top of that it is free. <i>Crazy!</i><p>Still… it can do better. The …

Angular 2 the new craze of Observables & Operators

An introduction to RxJs Observables with latest AngularJs<p>If you have been working with angular 2 and you’ve been using the <b>reactive approach</b> a lot …

The Web Bluetooth module for Angular

For the past few months, I’ve been playing around with the new Web Bluetooth API which is about to ship in Chrome 56 in February 2017. And let me …

Angular Lazy Loading with Webpack 3

This article shows how Angular lazy loading can be supported using Webpack 2 for both JIT and AOT builds. The Webpack loader angular-router-loader …

Writing Unit Tests in Angular 2

<b>The testing of the smallest parts of the application through unit testing may seem strange to new developers.</b><p>When the applications reach the …

Making your Angular apps fast

Angular Master Class in Houston<p>Join our upcoming public training!<p>Contents are based on Angular version <b>>= 2.x</b> unless explicitly stated …

3 Ways to Pass Async Data to Angular 2+ Child Components

Let's start with a common use case. You have some data you get from external source (e.g. by calling API). You want to display it on screen.However, …

JavaScript

My First Ionic App From Start To Finish

<i>A tale of thoughts, tools, code and API’s</i><p>Learning to program has become widespread across the world and services to help you learn are popping up …

Angular Observable Data Services

This article is for versions of Angular 2, Angular 4 and later.<p>Angular brings many new concepts that can can improve our JavaScript applications. The …