Getting started with Angular 4
Have you heard ! Angular 4 ,in its beta version, is out .Yes believe it .
The First thing to know there will be no Angular 3 ,Google is jumping directly to version 4 but that’s just a matter version number because they want to align with the version of new router designed for Angular framework .
The second thing to know ,don’t freak out and don’t worry because unlike the transition from Angular 1.x to Angular 2 ,this is not a breaking and completely new update .Angular 4 is just Angular 2 with some fixes and improvement just like any normal framework update .
The Angular 4 beta version has been released on December 15,2016
The final release of Angular 4 will be on March 2017
How to get started with Angular 4 beta
Angular 4 is still in beta but if you want to test it you can either install it via its GitHub repository at this link or clone this Angular Starter kit from AngularClass which features Angular 2 and Angular 4 (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc)
So first of all you need to install Node verstion >= 5.0 and NPM >= 3.0
Then open up your terminal under Linux/MAC or command prompt under Windows and then enter the following commands
git clone --depth 1 https://github.com/angularclass/angular2-webpack-starter.git angular4project
Next just cd into your cloned project with
Then install all the requirements with npm install
Next start your development server with
And visit your Angular 4 project at http://localhost:3000 with your browser .
RELATED TUTORIALSAngular Http — Angular 6|7 HttpClient Tutorial
Angular 7|6 Tutorial Course: Securing the UI with Router Guards and UrlTree Parsed Routes (for Login Redirects)
Angular 7|6 Authentication with Firebase (Google | Email & Password): Login, Register, Email Verification and Password Recovery
Building an Angular 6|7 Material Login Form and Modal Dialog UI
Angular 6|7 Material Form & Date Picker Example
Angular 7|6 Tutorial Course: Angular NgModules (Feature and Root Modules)
Angular 7|6 Tutorial Course: Nested Router-Outlet, Child Routes & forChild()