paint-brush
Top 8 Resources to Explore Angular v4by@dormoshe
29,089 reads
29,089 reads

Top 8 Resources to Explore Angular v4

by Dor MosheMarch 22nd, 2017
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

<strong><em>This </em>article</strong> <strong><em>originally appeared on </em></strong><a href="https://dormoshe.io/articles/es8-was-released-and-here-are-its-main-new-features-15" target="_blank"><strong><em>dormoshe.io</em></strong></a>

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - Top 8 Resources to Explore Angular v4
Dor Moshe HackerNoon profile picture

This article originally appeared on dormoshe.io

Angular version 4 is out!

On Dec, 8, Igor Minar announced that Angular 3 will be skipped. He also introduced the tentative scheduling of the versions according to the semantic versioning. The due date of Angular v4 release was Mar, 22. In a delay of one day, the final version is available for all of us.

As days past, the community began discussing and discovering the new features. It’s the best time to explore the new version.

In this article, we will look over the prime, qualitative and valuable resources.

Ok… let me explain: it’s going to be Angular v4.0, or just Angular

This post talks about the announcement of Igor Minar from NG-BE conference. It explains about the semantic versioning, the breaking changes scary expression, naming convention, version 3 skipping and show the tentative scheduling.


Ok... let me explain: it's going to be Angular 4.0, or just Angular_This is a guest blog post by Juri Strumpflohner. Juri is a full-stack developer, architect and tech lead with a passion…_angularjs.blogspot.co.il

The Next Version of Angular is Angular v4

This post follows up the upcoming main goals of versions 2.1.x–2.3.x. In addition, it explores some of the features that Angular is looking to roll out in the upcoming release of version 4.


The Next Version of Angular is Angular v4_The Next Version of Angular is Angular 4 Angular will be making another big number upgrade to Angular v4. Don't be…_scotch.io

5 Features To Watch Out For in Angular v4

This post will give you a deep dive into the main features of version 4. It explores the following:

  • How to use the genius ‘ngIf; else’ syntax
  • Extracting of animation source code from the core module
  • Typescript’s StrictNullChecks
  • The becoming of Angular Universal a core feature of the core
  • The shipping of flattened versions of modules in the ECMAScript Module format


5 Features To Watch Out For in Angular v4_By now, most probably, we have come in peace with the fact that Angular will be rolling out features using semantic…_scotch.io

Server-Side Rendering With Angular v4

SSR (Server side rendering) brings back the benefits of classical websites without forgoing the advantages of modern JavaScript solutions. This article discusses the necessary steps to extend an existing Angular v4 application with server-side rendering. It contains instructions including webpack configuration, Angular-CLI and AOT (Ahead of time compilation) usage.


Server Side Rendering with Angular 4_As server side rendering is considered a strategic feature for Google's SPA-Flagship, the product team decided to…_www.softwarearchitekt.at

New in Angular v4 — Improved Reactive Programming Support

As you can see in the Angular core roadmap, one of the main goals is the continuous improvement of the support for building Angular Applications in Reactive style. Reactive programming is a programming with asynchronous data streams. This article discusses how the new features of Angular v4 support the reactive programming approach. It explains how the ngIf and Async pipe can combine together in order to achieve a boost of improvement to the application.


New in Angular 4 - Improved Reactive Programming Support_What looks like a small improvement in template syntax turns out to be an important improvement towards writing…_blog.angular-university.io

Angular — Advanced Styling Guide (v4+)

This guide covers the different options available when styling Angular Components and Directives. It explores the following:

  • Encapsulation Modes: emulated, native and none
  • Browser support, Shadow DOM vs Light DOM
  • @Component styling metadata and @HostBinding
  • ngClass and ngStyle directives
  • Shadow DOM selectors
  • Renderer and setElementClass/setElementStyle, ElementRef, nativeElement APIs (Web, Server, WebWorker)
  • Execution order


Angular — Advanced Styling Guide (v4+)_Learn how to style like a pro using Shadow DOM selectors, Light DOM, @HostBinding, ElementRef, Renderer, Sanitizer and…_medium.com

A Taste from Angular Version 4



This article shows us how Angular version 4 make our life easier with two new features: NgComponentOutlet and ngIf.NgComponentOutlet is a new directive that provides a declarative approach for dynamic component creation.The ngIf directive now supports the else statement that takes a template reference to render when the condition is false.


A Taste from Angular Version 4_Let’s see two new features that are going to be in Angular version 4. ( unless something will change )_netbasal.com

Angular v4 Features Depreciations and New Changes

The Angular team publishes the changes of each release in the github repository. This article shows the main Angular v4 new features, depreciations and breaking changes.


Angular JS 4 Features Depreciations and New Changes | SEO Website Designing_Angular JS 4 Features Depreciations and New Changes for working in new version which is developed by google | SEO…_seowebsitedesigning.com

This list of resources is part of angular-ninja repo in github.

You can follow me on dormoshe.io or Twitter to read more about Angular, JavaScript and web development.