Angular Weekly

By Shravan Kasagoni | It's all about Angular framework

Configuring PouchDB After Login For A Database-Per-User Architecture In Angular 2.4.1

Ben Nadel looks at how to defer the allocation of a PouchDB database in an Angular 2 application that uses a "database per user" architecture. …

JavaScript

Angular Debugging Tips and Tricks

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

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 …

Using the power of RxJS and Angular components to <blink>

The <blink> element must be the most hated HTML tag of all time. Never part of any standard, it had its moment back in the 90’s and then they took it …

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

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> …

Working with Angular 2 Router – Part 2

Recently, we spoke about the basics of routing with Angular 2. We covered everything from configuring the router to adding basic routes to your …

Ok... let me explain: it's going to be Angular 4.0, or just Angular

<i>This is a guest blog post by Juri Strumpflohner. Juri is a full-stack developer, architect and tech lead with a passion for frontend development,</i> …

Replacing $scope.$watch with Lifecycle Hooks

It is not uncommon to have an Angular directive or component that needs to perform some work when its bounded inputs are changed.And we all know …

JavaScript

Building Tesla's battery range calculator with Angular 2 reactive forms

In this epic tutorial, we’re going to build some advanced Angular 2 components that rebuild Tesla’s battery range calculator and then compile it to …

JavaScript

Professor Frisby Introduces Composable Functional JavaScript - Course by @drboolean

Create linear data flow with container style types (Box)<p>5:04 js<p>We'll examine how to unnest function calls, capture assignment, and create a linear …

Using Kendo UI With Angular 2

In August of this year, after a few months of hard work, we released Kendo UI For Angular 2 Beta. Since then we’ve been hard at work towards our …

JavaScript

Ok... let me explain: it's going to be Angular 4.0, or just Angular

<i>This is a guest blog post by Juri Strumpflohner. Juri is a full-stack developer, architect and tech lead with a passion for frontend development,</i> …

The Recipe for Angular 2 in a Java EE Environment

As a Java developer, I do UI once in a while. I have preferred the Java part because the UI part always felt very different. Then, Angular 2 came …

JavaScript

Mobile Development Efficiency with NativeScript and Angular

Key takeaways<p>Developing native applications in different languages across Android, Windows, iOS and web is expensive and time consuming.<br>• It’s in a …

i18n and Ahead of Time Compilation (AoT) in Angular

i18n deals with Internationalization of content and is important for multilingual applications.<p>I will not cover the details of Angular's …

Testing in Angular 2

Angular 2.0 is JavaScript based, open source, client-side and server-side web application framework. Compared to angular1 a lot has changed in …

Video Walkthrough: Refactoring Angular Components to Use Require Mechanism

Continuing from my previous post about advanced component communication with Angular’s require mechanism, I decided to try and walkthrough such an …

JavaScript

Angular 1.6 is here, this is what you need to know

Angular 1.6 just got released! Here’s the low down on what to expect for the component method changes as well as $http Promise method deprecations …

JavaScript

Angular 2 — Animating Router transitions – Google Developers Experts – Medium

Angular 2 — Animating Router transitions<p>How to animate Router transitions in Angular 2<p>In this post I want to share a cool technique you can use to …

Learn how to Write Angular 2 Code in ES5

• Sabeer Shaikh<br>• November 25, 2016, 6 months ago<br>• 0<br>• 0<br>• 2.3K<p>In this article, we are going to write Angular 2 code in ES5 with the current latest version. As a …

JavaScript

Recipe for Getting Started With Spring Boot and Angular 2

I am primarily a service developer who has to create some passable UI's once in a while. I was adept at basic AngularJS1 based UI's and could get …

DevOps

Spotting Outdated Angular 1.x Posts

As Angular is maturing, it gets harder and harder for newcomers to make sense of the abundance of materials you find online. I’m pretty sure that at …

JavaScript

Working with Angular 2 Router – Part 1

Did you sit in one place all day, every day last week? Or did you make a few trips to work, the grocery store or the theater?<p>If you aren’t locked up …

Intro to Angular 2 – Part 6 – ServiceWorkers

In the last installment we learned how to run JavaScripts over different threads by using WebWorkers. This time we’ll go a few steps further and …

Get Angular 1 Features in Angular 2

IntroductionIf you have solid experience with AngularJS 1.x, you're well aware of the framework's features and intricacies. Many of us have plenty of …

JavaScript

Essential Angular: Compilation

I wrote an article about the core concepts of Angular 2 a year ago, during one of the early betas. Most of it is still accurate and relevant, but not …

Mastering Promises in Angular 2

All applications have some amount of asynchronous code. Imagine if you had to wait for every application on your computer to complete a task before …

JavaScript