SFD Consulting is a tech consulting and training company with locations in New York City and Los Angeles. Got tech news or tips? Send leads to editor@sfd.nyc

Angular News - April 2017

Angular News - April 2017

Routing Through Angular in 10 Simple Steps

Conner P shows you how to build an Angular Routing application (EASILY) through IntelliJ IDEA!
http://popesites-developers-blog.ghost.io/hi/

Angular 2.0 vs Polymer

Before Abhijeet Kumar starts comparing Angular 2.0 and Polymer, two javascript frameworks/libraries, he explains the importance of understand how the way of web development is changing and how the new frameworks are trying to facilitate that change.
https://medium.com/@realabhijeet4u/angular-2-0-vs-polymer-f45a4f539238

What’s new in Angular 4

Carlos Taborda over at Gistia takes a look at Angular 4 and determines that version 4 doesn’t bring any breaking changes. Hooray!
http://www.gistia.com/whats-new-angular-4/

Implementing Event Modifiers in Angular

One Netanel Basal's favorite libraries is Vue. There’s a cool feature in this library that Basal want to steals for Angular projects — Event modifiers.
https://netbasal.com/implementing-event-modifiers-in-angular-87e1a07969ce

YouTube Video: RxJS Methods

Two part series demonstrating RxJS posted by Soshace

Part I: https://www.youtube.com/watch?v=Xshgjip_pBs
Part II: https://www.youtube.com/watch?v=7oUMrsNAkyM

Defining Functions With Properties Using TypeScript Declaration Merging In Angular 2.4.9

In the last few days Ben Nadel looked at consuming the Zendesk web widget API in an Angular application. He wasn't sure how something like this would be modeled in TypeScript and after a little research, the solution appears to be a TypeScript feature known as "declaration merging."
https://www.bennadel.com/blog/3250-defining-functions-with-properties-using-typescript-declaration-merging-in-angular-2-4-9.htm

Just a boilerplate for a Typescript/Node project with yarn, linting, github-ready documentation and mocha+chai tests

About a year ago I wrote about when to use TypeScript. Today I'm releasing a boilerplate for Node applications. The main use case is a library that is going to be published as a NPM module with documentation on github.
https://github.com/userpixel/typescript

Covalent Beta 3 is ready for Angular version 4!

tl;dr: ng-conf 2017, Angular v4 compatibility, refactored Autocomplete Chips, refactored Toggle Directives, Ahead-of-Time compilation fixes, RTL & a11y improvements, and bugfixes galore!
https://medium.com/covalent-ui/covalent-beta-3-is-ready-for-angular-version-4-b669c18b1ebc

Minimal Angular Application

In this post Torgeir "Tor" Helgevold discussed an experiment where he sets out to create the smallest Angular application possible using Angular 4-rc.5.
http://www.syntaxsuccess.com/viewarticle/minimal-angular-application

How to Talk to Backend Services with Angular 2's HTTP Client

In this article, you’ll learn how to connect your Angular application to a backend service or API using the HTTP protocol.

I turned my attention to building a realistic chat UI similar to Twitter’s using Firebase database’s realtime features, and duplicating this interface for both Android and iOS. Here’s an example of Twitter’s chat interface, as a reference:

Reactive Forms in Angular: An Introduction

https://alligator.io/angular/reactive-forms-introduction/?utmcampaign=NG-Newsletter&utmmedium=web&utmsource=NG-Newsletter194
You will also learn about observables, a teeny tiny bit of RxJS, Angular’s HTTP service, and protecting your app from CSRF (Cross Site Request Forgery).
http://www.gistia.com/talk-backend-serv
ices-angular-2s-http-client

TESTING ANGULAR FASTER WITH JEST

It struck me how painful experience it was to test an Angular app. And then I realized it can be painless with Jest.
https://www.xfive.co/blog/testing-angular-faster-jest

Global Events and Event Delegation in Angular 2

In Angular 2, we are used to listening for events on the Component’s DOM elements, however how do we listen to events outside of this range?
https://www.javascripttuts.com/global-events-and-event-delegation-in-angular-2

Take Advantage Of The Let Operator in Angular

What if the consumer wants to combine other Rx operators like debounce, filter or any other sequence to the valueChanges observable? Rx has operator exactly for this kind of problem.
https://netbasal.com/take-advantage-of-the-let-operator-in-angular-d351fd4bd1d9

The Power of Structural Directives in Angular

A Structural directive changes the DOM layout by adding and removing DOM elements. The asterisk is syntactic sugar for something a bit more complicated.
https://netbasal.com/the-power-of-structural-directives-in-angular-bfe4d8c44fb1

Create a Realtime Chat interface with Firebase and Angular

I turned my attention to building a realistic chat UI similar to Twitter’s using Firebase database’s realtime features, and duplicating this interface for both Android and iOS. Here’s an example of Twitter’s chat interface, as a reference:
https://www.nativescript.org/blog/create-a-realtime-chat-interface-with-firebase-and-angular

Angular 2 Change Detection: 'Seeing' it in Action

In this article, Lucidchart engineer and MVB Ty Lewis walks us through a few Angular experiments to illustrate the fundamentals of change detection.
https://dzone.com/articles/angular-2-change-detection-seeing-it-in-action

Using Pipes in Angular

Burke Holland writes this guide for Angular 2 version: 2.0.0-rc.4.
http://developer.telerik.com/topics/web-development/using-pipes-angular-2

5 Features To Watch Out For in Angular v4

if...else syntax in component HTML templates
Stand alone animation module
TypeScript's StrictNullChecks compliancy
Angular Universal adoption by team to live in core
Performance boost with FESM
https://scotch.io/tutorials/5-features-to-watch-out-for-in-angular-4

Continue reading more recent tech news in our Ionic channel


SFD.NYC

Enter your email below to join our newsletter