Angular Fundamentals

Author: Elliot Forbes | Posted at: 14.04.2017 20:27

Introduction

Angular 2 is the latest iteration of the wildly successful Angular framework and this course is designed to take you all the way from the basics through to creating high-quality angular applications.

This course is built using a minimum of Angular 2.2. I’ve also focused on building these tutorials purely in Typescript.

Course

1

Angular Modules

Learn the fundamentals of Angular modules and how they are used in angular applications.

Read Now
2

Angular Components

The web is moving towards more component based applications. Being able to define components once and reuse them multiple times throughout your applications is exceptionally useful.

Read Now
3

Angular Services

If your applications interact with REST APIs at all then you'll want to utilize services within your application. In this section we look at how to build your own services that can be used throughout your site.

Read Now
4

Angular Environment Configuration

Easily configuring different applications for different environments is important. This section shows you exactly how we can do that:

Read Now
5

Angular Routing Tutorial

Most Complicated Angular applications will require some form of routing.

Read Now
6

Angular Websockets Tutorial

Explore the power and versatility of using websockets in your angular applications.

Read Now
7

Angular Cookies Tutorial

Explore the power and versatility of using websockets in your angular appCookies can be very handy for developing certain types of application. They are used for a wide range of things such as authentication or even storing previous search history and favourites on large shopping sites.

Read Now

Example Angular 2 Applications:

In this section you’ll find a number of different Angular version 2 and above applications which should provide good examples of the concepts covered in the course above:

Angular Admin Dashboard

Screenshot

Angular 2 Admin Dashboard

This project features a fleshed out Angular 2.2 admin dashboard.

Features

  • Angular Router with sub-routes contained in sub-modules
  • Markdown editor using Marked
  • Built using angular-cli
  • Examples of Services, Observables, Modules and Sub Modules

Ng-Chat - An Angular 2 Websocket Chat

Features

  • RxJS Observables
  • Websocket Service that interacts with a live websocket server.
  • A Markdown based chat application.

Screenshot:

Ng-chat

Become a Contributor!

Think you could improve the articles on this site? Feel free to submit a pull request to the sites github repo.