Skip to content

Commit d867835

Browse files
committed
Angular Universal Course
1 parent e493984 commit d867835

File tree

90 files changed

+5793
-23186
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+5793
-23186
lines changed

.browserslistrc

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,17 @@
22
# For additional information regarding the format and rule options, please see:
33
# https://github.com/browserslist/browserslist#queries
44

5+
# For the full list of supported browsers by the Angular framework, please see:
6+
# https://angular.io/guide/browser-support
7+
58
# You can see what browsers were selected by your queries by running:
69
# npx browserslist
710

8-
> 0.5%
9-
last 2 versions
11+
last 1 Chrome version
12+
last 1 Firefox version
13+
last 2 Edge major versions
14+
last 2 Safari major versions
15+
last 2 iOS major versions
1016
Firefox ESR
11-
not dead
12-
not IE 9-11 # For IE 9-11 support, remove 'not'.
17+
not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
18+
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
File renamed without changes.

.gitignore

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,18 @@
22

33
# compiled output
44
/dist
5-
/functions/dist
6-
/functions/dist-server
7-
/functions/node_modules
8-
9-
/firebase-debug.log
10-
/functions/lib
11-
125
/tmp
136
/out-tsc
7+
# Only exists if Bazel was run
8+
/bazel-out
149

1510
# dependencies
1611
/node_modules
1712

13+
# profiling files
14+
chrome-profiler-events*.json
15+
speed-measure-plugin*.json
16+
1817
# IDEs and editors
1918
/.idea
2019
.project
@@ -30,23 +29,18 @@
3029
!.vscode/tasks.json
3130
!.vscode/launch.json
3231
!.vscode/extensions.json
32+
.history/*
3333

3434
# misc
3535
/.sass-cache
3636
/connect.lock
3737
/coverage
3838
/libpeerconnection.log
3939
npm-debug.log
40+
yarn-error.log
4041
testem.log
4142
/typings
4243

43-
# e2e
44-
/e2e/*.js
45-
/e2e/*.map
46-
4744
# System Files
4845
.DS_Store
4946
Thumbs.db
50-
51-
dist-server
52-
prerender.html

INIT.md

Lines changed: 0 additions & 38 deletions
This file was deleted.

README.md

Lines changed: 14 additions & 140 deletions
Original file line numberDiff line numberDiff line change
@@ -1,153 +1,27 @@
1+
# AngularUniversalCourse
12

2-
## Angular Universal Course
3+
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.2.
34

4-
This repository contains the code of the [Angular Universal Course](https://angular-university.io/course/angular-universal-course).
5+
## Development server
56

6-
This course repository is updated to Angular v8, and there is a package-lock.json file available, for avoiding semantic versioning installation issues.
7+
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
78

8-
![Angular Universal Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-universal-small.png)
9+
## Code scaffolding
910

11+
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
1012

11-
# Installation pre-requisites
13+
## Build
1214

13-
IMPORTANT: Please use NPM 5 or above, to make sure the package-lock.json is used.
15+
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
1416

15-
For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:
17+
## Running unit tests
1618

17-
*Its important to install the latest version of Node*
19+
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
1820

19-
- [Install Node and NPM on Windows](https://www.youtube.com/watch?v=8ODS6RM6x7g)
20-
- [Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)
21-
- [Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)
21+
## Running end-to-end tests
2222

23+
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
2324

24-
# Installing the Angular CLI
25-
26-
With the following command the angular-cli will be installed globally in your machine:
27-
28-
npm install -g @angular/cli
29-
30-
31-
# How To install this repository
32-
33-
We can install the master branch using the following commands:
34-
35-
git clone https://github.com/angular-university/angular-universal-course.git
36-
37-
This 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:
38-
39-
cd angular-universal-course
40-
npm install
41-
42-
Its also possible to install the modules as usual using npm:
43-
44-
npm install
45-
46-
NPM 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.
47-
48-
This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.
49-
50-
# To Run the Development Backend Server
51-
52-
We can start the sample application backend with the following command:
53-
54-
npm run server
55-
56-
This is a small Node REST API server.
57-
58-
# To run the Development UI Server
59-
60-
To run the frontend part of our code, we will use the Angular CLI:
61-
62-
npm start
63-
64-
The application is visible at port 4200, but you need to use HTTPS - [https://localhost:4200](https://localhost:4200)
65-
66-
This application uses a self-signed certificate, so you will need to accept it using the browser. If you are using Chrome, you will need to click Advanced and then choose "Proceed to localhost".
67-
68-
# Important
69-
70-
This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.
71-
72-
At 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:
73-
74-
git branch -a
75-
76-
The remote branches have their starting in origin, such as for example section-1.
77-
78-
We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:
79-
80-
git checkout -b section-1 origin/section-1
81-
82-
It'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.
83-
84-
# Other Courses
85-
86-
# Angular PWA Course
87-
88-
If you are looking for the [Angular PWA Course](https://angular-university.io/course/angular-pwa-course), the repo with the full code can be found here:
89-
90-
![Angular PWA Course - Build the future of the Web Today](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png)
91-
92-
# Angular Security Masterclass
93-
94-
If 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:
95-
96-
[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).
97-
98-
![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)
99-
100-
101-
102-
# Angular Advanced Library Laboratory Course
103-
104-
If you are looking for the Angular Advanced Course, the repo with the full code can be found here:
105-
106-
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
107-
108-
![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)
109-
110-
111-
## RxJs and Reactive Patterns Angular Architecture Course
112-
113-
If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:
114-
115-
[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)
116-
117-
![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)
118-
119-
120-
121-
## Angular Ngrx Reactive Extensions Architecture Course
122-
123-
If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:
124-
125-
[Angular Ngrx Reactive Extensions Architecture Course](https://angular-university.io/course/angular2-ngrx)
126-
127-
[Github repo for this course](https://github.com/angular-university/ngrx-course)
128-
129-
![Angular Ngrx Course](https://angular-academy.s3.amazonaws.com/thumbnails/ngrx-angular.png)
130-
131-
132-
133-
## Angular 2 and Firebase - Build a Web Application Course
134-
135-
If 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:
136-
137-
[Angular 2 and Firebase - Build a Web Application](https://angular-university.io/course/build-an-application-with-angular2)
138-
139-
[Github repo for this course](https://github.com/angular-university/angular-firebase-app)
140-
141-
![Angular firebase course](https://angular-academy.s3.amazonaws.com/thumbnails/angular_app-firebase-small.jpg)
142-
143-
144-
## Complete Typescript 2 Course - Build A REST API
145-
146-
If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:
147-
148-
[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)
149-
150-
[Github repo for this course](https://github.com/angular-university/complete-typescript-course)
151-
152-
![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)
25+
## Further help
15326

27+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

angular-universal-course/.browserslistrc

Lines changed: 0 additions & 18 deletions
This file was deleted.

angular-universal-course/.gitignore

Lines changed: 0 additions & 46 deletions
This file was deleted.

angular-universal-course/README.md

Lines changed: 0 additions & 27 deletions
This file was deleted.

0 commit comments

Comments
 (0)