Angular For Beginners - Blog Post Series

Here is the Angular for Beginners blog post series, available at our blog:

• Angular For Beginners Guide - Getting Started (Setup Environment)

• Angular For Beginners Guide: Why Angular? The Top Benefits

• Angular For Beginners Guide - Components vs Directives

• Why a Single Page Application, What are the Benefits? What is a SPA?

Angular For Beginners Playground

A playground for Getting Started with the Angular framework.

This course repository is updated to Angular 5, there is a Yarn lock file available.

This playground provides a save-and-refresh-just-works development environment with minimal dependencies and no build running on the background, its ideally suited for beginners just starting with the framework.

Which Course are You Looking For?

If you are looking for the code of the following courses, see further the installation instructions on this page:

• Angular For Beginners
• Angular Services and HTTP
• Angular Router
• Angular Forms

Angular and Firebase - Build a Web Application Course

If you are looking for the Angular and Firebase - Build a Web Application Course code, the repo with the full code can be found here:

Angular and Firebase - Build a Web Application

Github Repo For this course

Complete Typescript 2 Course - Build A REST API

If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:

Complete Typescript 2 Course - Build A REST API

Github Repo for this course

Angular Ngrx Reactive Extensions Architecture Course

If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:

Angular Ngrx Reactive Extensions Architecture Course

Github repo for this course

RxJs And Reactive Patterns Angular Architecture Course

If you are looking for the RxJs And Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:

RxJs and Reactive Patterns Angular Architecture Course

Github repo for this course

Installation pre-requisites

The playground has minimal dependencies, you only need node and npm installed on your machine. These are some tutorials to install node in different operating systems.

Make sure to install the latest version of Node

• Install Node and NPM on Windows
• Install Node and NPM on Linux
• Install Node and NPM on Mac

Installation Instructions

First clone or download as a Zip file using the green "Clone Or Download" button on the top right of the document.

Then on the command line go into the folder and do:

npm install

This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course, i'm there to help. If you have node 6 this should go smoothly.

Starting the development server

To start the server, run the following command:

npm start

If you now go to http://localhost:8080, there should be a running application there. Again please do not hesitate to post a question in the comments section.

Making changes

If you edit a Typescript file and refresh the browser, the changes will be applied.