{"id":18794304,"url":"https://github.com/angular-university/angular-for-beginners-starter","last_synced_at":"2025-04-13T14:32:40.619Z","repository":{"id":84314546,"uuid":"61883173","full_name":"angular-university/angular-for-beginners-starter","owner":"angular-university","description":"A beginner friendly playground for Getting Started with Angular, by the Angular University","archived":false,"fork":false,"pushed_at":"2017-12-28T16:17:18.000Z","size":24,"stargazers_count":57,"open_issues_count":3,"forks_count":70,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-03-27T06:11:53.751Z","etag":null,"topics":["angular","angular2","typescript"],"latest_commit_sha":null,"homepage":"https://angular-university.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/angular-university.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-06-24T12:31:10.000Z","updated_at":"2025-01-01T15:35:11.000Z","dependencies_parsed_at":"2023-03-12T18:00:15.235Z","dependency_job_id":null,"html_url":"https://github.com/angular-university/angular-for-beginners-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-for-beginners-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-for-beginners-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-for-beginners-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-for-beginners-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-university","download_url":"https://codeload.github.com/angular-university/angular-for-beginners-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248728217,"owners_count":21152178,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular2","typescript"],"created_at":"2024-11-07T21:28:57.268Z","updated_at":"2025-04-13T14:32:40.605Z","avatar_url":"https://github.com/angular-university.png","language":"JavaScript","readme":"\n# Angular For Beginners - Blog Post Series\n\nHere is the Angular for Beginners blog post series, available at our blog:\n\n- [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/)\n\n- [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/) \n\n- [Angular For Beginners Guide - Components vs Directives](https://blog.angular-university.io/angular-components-and-directives-for-beginners/) \n\n- [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/)\n\n\n# Angular For Beginners Playground\nA playground for Getting Started with the Angular framework.\n\nThis course repository is updated to Angular 5, there is a Yarn lock file available.\n\nThis 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.\n\n\n# Which Course are You Looking For?\n\nIf you are looking for the code of the following courses, see further the installation instructions on this page:\n\n- [Angular For Beginners](https://angular-university.io/course/getting-started-with-angular2)\n- [Angular Services and HTTP](https://angular-university.io/course/angular2-http)\n- [Angular Router](https://angular-university.io/course/angular2-routing)\n- [Angular Forms](https://angular-university.io/course/angular2-forms)\n\n# Angular and Firebase - Build a Web Application Course\n\nIf you are looking for the Angular and Firebase - Build a Web Application Course code, the repo with the full code can be found here:\n\n[Angular and Firebase - Build a Web Application](https://angular-university.io/course/build-an-application-with-angular2)\n\n[Github Repo For this course](https://github.com/angular-university/angular-firebase-app)\n\n![Angular firebase course](https://angular-academy.s3.amazonaws.com/thumbnails/angular_app-firebase-small-v2.png)\n\n\n# Complete Typescript 2 Course - Build A REST API\n\nIf you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:\n\n[Complete Typescript 2 Course - Build A REST API](https://angular-university.io/course/typescript-2-tutorial)\n\n[Github Repo for this course](https://github.com/angular-university/complete-typescript-course)\n\n![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)\n\n\n# Angular Ngrx Reactive Extensions Architecture Course \n\nIf you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:\n\n[Angular Ngrx Reactive Extensions Architecture Course](https://angular-university.io/course/angular2-ngrx)\n\n[Github repo for this course](https://github.com/angular-university/ngrx-course)\n\n![Angular Ngrx Course](https://angular-academy.s3.amazonaws.com/thumbnails/ngrx-angular.png)\n\n\n# RxJs And Reactive Patterns Angular Architecture Course\n\nIf you are looking for the RxJs And Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:\n\n[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)\n\n[Github repo for this course](https://github.com/angular-university/reactive-patterns-course)\n\n![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)\n\n\n\n\n# Installation pre-requisites\n\nThe playground has minimal dependencies,  you only need node and npm installed on your machine. \nThese are some tutorials to install node in different operating systems. \n\n*Make sure to install the latest version of Node*\n\n- [Install Node and NPM on Windows](https://www.youtube.com/watch?v=8ODS6RM6x7g)\n- [Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)\n- [Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)\n\n# Installation Instructions\n\nFirst clone or download as a Zip file using the green \"Clone Or Download\" button on the top right of the document.\n\nThen on the command line go into the folder and do:\n\n    npm install\n    \nThis 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. \n\n# Starting the development server\n\nTo start the server, run the following command:\n\nnpm start\n\nIf 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.\n\n# Making changes\n\nIf you edit a Typescript file and refresh the browser, the changes will be applied.\n\n\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-university%2Fangular-for-beginners-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-university%2Fangular-for-beginners-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-university%2Fangular-for-beginners-starter/lists"}