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

    cd angular4project

Then install all the requirements with npm install

    npm install

Next start your development server with

    npm start

And visit your Angular 4 project at http://localhost:3000 with your browser .

Note: We also publish our tutorials on Medium and DEV.to. If you prefer reading in these platforms, you can follow us there to get our newest articles.

You can reach the author via Twitter:

About the author

Ahmed Bouchefra
is a web developer with 5+ years of experience and technical author with an engineering degree on software development. You can hire him with a click on the link above or contact him via his LinkedIn account. He authored technical content for the industry-leading websites such as SitePoint, Smashing, DigitalOcean, RealPython, freeCodeCamp, JScrambler, Pusher, and Auth0. He also co-authored various books about modern web development that you can find from Amazon or Leanpub


Get our Learn Angular 8 in 15 Easy Steps ebook in pdf, epub and mobi formats, plus a new Angular 8 tutorial every 3 days.


Online Courses (Affiliate)

If you prefer learning with videos. Check out one of the best Angular courses online
Angular 8 - The Complete Guide (2019+ Edition)

Angular Crash Course for Busy Developers

comments powered by Disqus
DMCA.com Protection Status