beginners.angular-university.io

blog.angular-university.io

Angular 2 coming to Java, .Net and PHP - A multi-language Platform

http://blog.angular-university.io/angular-2-coming-to-java-python-the-first-multi-language-full-stack-platform

Angular 2 coming to Java, .NET and PHP: the first multi-language full stack platform? This post is up to date with the Angular 2 Final Release. Angular 2 is getting near the final release, and the whole community is really excited about the possibilities that it will bring. But the latest announcement. A couple of days ago about the likely final included one important quote about the future of Angular:. Angular in non-Javascript languages. Full Stack Angular in Javascript - Angular Universal. Angular 2 i...

blog.angular-university.io

How does Angular 2 Change Detection Really Work?

http://blog.angular-university.io/how-does-angular-2-change-detection-really-work

How does Angular 2 Change Detection Really Work? The Angular 2 change detection mechanism is much more transparent and easier to reason about than its equivalent in Angular 1. But there are still situations (like when doing performance optimizations) when we really need to know whats going on under hood. So let's dig deeper into change detection by going over the following topics:. How is change detection implemented? What does an Angular 2 change detector look like, can i see it? If we so want. The new ...

blog.angular-university.io

Angular 2 Smart Components vs Presentation Components

http://blog.angular-university.io/angular-2-smart-components-vs-presentation-components-whats-the-difference-when-to-use-each-and-why

Angular 2 Smart Components vs Presentation Components: What's the Difference, When to Use Each and Why? When building an Angular 2 application, one the most frequent questions that we are faced with right at the beginning is: how do we structure our application? The immediate answer that we might find is: we just split everything into components! But we then quickly find out that there is more to it than that:. What types of components are there? How should components interact? We started building the Ho...

blog.angular-university.io

A Very Simple Way to Debug RxJs Code

http://blog.angular-university.io/debug-rxjs

How To Debug RxJs - A Simple Way For Debugging Rxjs Observables. I've been using this lately and it has proven to be very useful. Here is a very simple and effective way for debugging RxJs 5 code in Angular 2 applications, or in any RxJs application in general. Probably in the future there will be more advanced tools to debug RxJs. But if you are starting an Angular 2 project now and would like a way to debug what is going on and keep a good understanding of the code, this would help. The RxJs do operator.

blog.angular-university.io

Angular 2, Firebase and AngularFire Crash Course - Why Firebase ?

http://blog.angular-university.io/angular-2-firebase

Angular 2, Firebase and AngularFire 2 Crash Course - Learn Why Firebase might change the way we think about Web Development. Now that Angular 2 is out, a lot of web companies and enterprise companies are starting to adopt it. And when building new apps we will need to choose a backend to go with Angular 2. After all the advances in technology, building web applications is still way harder than what it should be, but maybe not so much anymore if we can use something similar to Firebase. If you are an ente...

blog.angular-university.io

3 Common Angular 2 Rxjs Pitfalls

http://blog.angular-university.io/angular-2-rxjs-common-pitfalls

3 Common Rxjs Pitfalls that you might find while building Angular 2 Applications. If you are building an RxJS Angular 2 service layer for the first time, you will likely run into one of these scenarios in the first few services that you build. In this post we will go over some common trouble situations, explain why the situation occurs and how to fix it. If you have used RxJs before, then try to guess the problem in each scenario, just for fun! Pitfall 1 - Nothing Happens. We need to call the function in...

blog.angular-university.io

Angular University - Page 2

http://blog.angular-university.io/page/2

Learn And Keep Up With Angular 2. Page 2 of 2. How to build Angular 2 apps using Observable Data Services - Pitfalls to avoid. This post is up to date with the Angular 2 Final Release In this post we are going to see how an Angular 2 application can ». Angular 2 Application Architecture - Building Redux-like apps using RxJs. This post is up to date with the Angular 2 Final Release In this post, we are going to walk through how Angular 2 applications can ». Angular 2 Components - The Fundamentals. This po...

blog.angular-university.io

Angular 2 Router Introduction - Child And Auxiliary Routes - Pitfalls

http://blog.angular-university.io/angular2-router

Angular 2 Router Introduction - Child Routes, Auxiliary Routes, Avoid Common Pitfalls. This post is up to date with the Angular 2 Final Release. In this post we are going to go on a guided tour about the new Angular 2 reactive router. To avoid confusion, this post is about the newest 3.0 component router version and not. In this tour we are going to cover the following topics:. Why aren't Single Page Apps everywhere today, and why that will likely change. Router navigation using routerLink. This has kept...

blog.angular-university.io

Angular 2 ngFor - Learn All Features, Not Only For Arrays

http://blog.angular-university.io/angular-2-ngfor

Angular 2 ngFor - Learn all Features including trackBy, why is it not only for Arrays? In this post we are going to go over the. Core directive, namely we are going to go over the following:. Does and what is its syntax. What are the most common errors associated to. Finding the index position of an element. How to stripe a table using. Element of a list. Track items, why it can be important for performance? Is not only for arrays. A quick question for you at the end about learning. What can we do with.

blog.angular-university.io

Angular 2 Router Crash Course: Build a Navigation Menu, Bootstrap 4

http://blog.angular-university.io/angular-2-router-nested-routes-and-nested-auxiliary-routes-build-a-menu-navigation-system

Angular 2 Router Crash Course - Build a Navigation Menu with Bootstrap 4. In this post we are going to learn how to use several features of the Angular 2 Router in order to build a navigation system with multiple levels, similar to what you would find in an online learning platform or an online store like Amazon (but simpler). We are going to combine many features of the Router in order to build our menu, namely:. So let's get started building our navigation menu! Implementing the Top Menu. Tag: this mea...