https://github.com/angular-university/angular-for-beginners-starter
A beginner friendly playground for Getting Started with Angular, by the Angular University
https://github.com/angular-university/angular-for-beginners-starter
angular angular2 typescript
Last synced: 7 months ago
JSON representation
A beginner friendly playground for Getting Started with Angular, by the Angular University
- Host: GitHub
- URL: https://github.com/angular-university/angular-for-beginners-starter
- Owner: angular-university
- Created: 2016-06-24T12:31:10.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-12-28T16:17:18.000Z (almost 8 years ago)
- Last Synced: 2025-03-27T06:11:53.751Z (7 months ago)
- Topics: angular, angular2, typescript
- Language: JavaScript
- Homepage: https://angular-university.io
- Size: 23.4 KB
- Stars: 57
- Watchers: 13
- Forks: 70
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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)](https://blog.angular-university.io/getting-started-with-angular-setup-a-development-environment-with-yarn-the-angular-cli-setup-an-ide/)
- [Angular For Beginners Guide: Why Angular? The Top Benefits](https://blog.angular-university.io/why-angular-angular-vs-jquery-a-beginner-friendly-explanation-on-the-advantages-of-angular-and-mvc/)
- [Angular For Beginners Guide - Components vs Directives](https://blog.angular-university.io/angular-components-and-directives-for-beginners/)
- [Why a Single Page Application, What are the Benefits? What is a SPA?](https://blog.angular-university.io/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](https://angular-university.io/course/getting-started-with-angular2)
- [Angular Services and HTTP](https://angular-university.io/course/angular2-http)
- [Angular Router](https://angular-university.io/course/angular2-routing)
- [Angular Forms](https://angular-university.io/course/angular2-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](https://angular-university.io/course/build-an-application-with-angular2)
[Github Repo For this course](https://github.com/angular-university/angular-firebase-app)
# 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](https://angular-university.io/course/typescript-2-tutorial)
[Github Repo for this course](https://github.com/angular-university/complete-typescript-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](https://angular-university.io/course/angular2-ngrx)
[Github repo for this course](https://github.com/angular-university/ngrx-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](https://angular-university.io/course/reactive-angular-architecture-course)
[Github repo for this course](https://github.com/angular-university/reactive-patterns-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](https://www.youtube.com/watch?v=8ODS6RM6x7g)
- [Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)
- [Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)
# 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](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.