Here is the Angular for Beginners blog post series, available at our blog:
-
Angular For Beginners Guide - Getting Started (Setup Environment)
-
Why a Single Page Application, What are the Benefits? What is a SPA?
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.
If you are looking for the code of the following courses, see further the installation instructions on this page:
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
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
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
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
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
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.
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.
If you edit a Typescript file and refresh the browser, the changes will be applied.