{"id":18794294,"url":"https://github.com/angular-university/angular-pwa-course","last_synced_at":"2025-06-17T08:34:35.588Z","repository":{"id":27329967,"uuid":"105008126","full_name":"angular-university/angular-pwa-course","owner":"angular-university","description":"Angular PWA Course - Build Progressive Web Applications","archived":false,"fork":false,"pushed_at":"2024-04-03T10:31:29.000Z","size":1326,"stargazers_count":183,"open_issues_count":37,"forks_count":129,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-31T07:08:58.760Z","etag":null,"topics":["angular","pwa","pwa-apps"],"latest_commit_sha":null,"homepage":"https://angular-university.io/course/angular-pwa-course","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","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":"LICENSE","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":"2017-09-27T11:07:13.000Z","updated_at":"2025-02-22T11:34:30.000Z","dependencies_parsed_at":"2024-11-07T21:31:46.786Z","dependency_job_id":"763f51ee-6a8a-4dc0-ad02-175e044c3927","html_url":"https://github.com/angular-university/angular-pwa-course","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-pwa-course","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-pwa-course/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-pwa-course/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angular-university%2Fangular-pwa-course/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angular-university","download_url":"https://codeload.github.com/angular-university/angular-pwa-course/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247623935,"owners_count":20968784,"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","pwa","pwa-apps"],"created_at":"2024-11-07T21:28:55.730Z","updated_at":"2025-04-07T09:24:41.325Z","avatar_url":"https://github.com/angular-university.png","language":"TypeScript","readme":"\n## Angular PWA Course - Build the future of the Web Today\n\nThis repository contains the code of the [Angular PWA Course - Build the future of the Web Today](https://angular-university.io/course/angular-pwa-course).\n\n# Installation pre-requisites\n\nIMPORTANT: Please use NPM 5 or above, to make sure the package-lock.json is used.\n\nFor running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:\n\n*Its important 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\n# Installing the Angular CLI\n\nWith the following command the angular-cli will be installed globally in your machine:\n\n    npm install -g @angular/cli \n\n\n# How To install this repository\n\nWe can install the master branch using the following commands:\n\n    git clone https://github.com/angular-university/angular-pwa-course.git\n    \nThis repository is made of several separate npm modules, that are installable separately. For example, to run the au-input module, we can do the following:\n    \n    cd angular-pwa-course\n    npm install\n\nIts also possible to install the modules as usual using npm:\n\n    npm install \n\nNPM 5 or above has the big advantage that if you use it you will be installing the exact same dependencies than I installed in my machine, so you wont run into issues caused by semantic versioning updates.\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.\n\n#  Running the Development Backend Server\n\nWe can start the sample application backend with the following command:\n\n    npm run server\n\nThis is a small Node REST API server.\n\n# Running the Development UI Server\n\nTo run the frontend part of our code, we will use the Angular CLI:\n\n    npm start \n\nThe development application is visible at port 4200  - [http://localhost:4200](http://localhost:4200), but in this course we will be mostly running the application production mode.\n\n# Running the application in production mode, with the service worker active\n\nIn order to build the application in production mode, we use this command:\n\n    ng build --prod\n    \nThis is going to output the production application in the dist folder, with the service worker active. To run the application we will need an HTTP server, so let's install http-server:\n\n    npm install -g http-server\n    \nWe can then run the production application by doing:\n\n    cd dist\n    http-server -c-1 .\n    \nAnd now the production application should be available at port 8080 - [http://localhost:8080](http://localhost:8080). \n\n\u003e Note: Please check in the server startup log to see what port is http-server  using. By default its 8080, but it that port is busy then 8081 will used, etc.\n\n# Shortcut command for building the application in production mode\n\nWe will be building the application often in production mode. This shortcut command will build the application in production mode and start http-server all in one go:\n\n    npm run start:prod \n\n\n# Getting the code at the beginning of each section\n\nThis repository has multiple branches, have a look at the beginning of each section to see the name of the branch.\n\nAt certain points along the course, you will be asked to checkout other remote branches other than master. You can view all branches that you have available remotely using the following command:\n\n    git branch -a\n\n  The remote branches have their starting in origin, such as for example 1-notifications.\n\nWe can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:\n\n      git checkout -b 1-notifications origin/1-notifications\n\nIt's also possible to download a ZIP file for a given branch,  using the branch dropdown on this page on the top left, and then selecting the Clone or Download / Download as ZIP button.\n\n# Other Courses\n# Modern Angular With Signals\n\nIf you are looking for the [Modern Angular With Signals Course](https://angular-university.io/course/angular-signals-course), the repo with the full code can be found here:\n\n![Modern Angular With Signals Course](https://d3vigmphadbn9b.cloudfront.net/course-images/large-images/angular-signals-course.jpg)\n\n# Angular Security Masterclass\n\nIf you are looking for the [Angular Security Masterclass](https://angular-university.io/course/angular-security-course), the repo with the full code can be found here:\n\n[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).\n\n![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)\n\n\n\n# Angular Advanced Library Laboratory Course\n\nIf you are looking for the Angular Advanced Course, the repo with the full code can be found here:\n\n[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).\n\n![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.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![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## 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\n## Angular 2 and Firebase - Build a Web Application Course\n\nIf you are looking for the Angular 2 and Firebase - Build a Web Application Course code, the repo with the full code can be found here:\n\n[Angular 2 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.jpg)\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[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)\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","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-university%2Fangular-pwa-course","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangular-university%2Fangular-pwa-course","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangular-university%2Fangular-pwa-course/lists"}