You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- The starting point for the old version can be found at the 1-express branch
7
8
9
+
- This master branch currently contains the finished version of the old course. The content of the old course will be removed once the new version is fully available.
8
10
9
-
# Installation pre-requisites
10
11
11
-
IMPORTANT: Please use NPM 5 or above, to make sure the package-lock.json is used.
12
+
## Angular Universal In Depth Course
13
+
14
+
This repository contains the code of the course [Angular Universal In Depth](https://angular-university.io/course/angular-universal-course).
12
15
13
-
For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:
16
+
This course repository is updated to Angular v10, and there is a package-lock.json file available, for avoiding semantic versioning installation issues.
14
17
15
-
*Its important to install the latest version of Node*
18
+
16
19
17
-
-[Install Node and NPM on Windows](https://www.youtube.com/watch?v=8ODS6RM6x7g)
18
-
-[Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)
19
-
-[Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)
20
+
# Installation pre-requisites
20
21
22
+
Please use the latest Node long-term support (LTS) version.
21
23
22
24
# Installing the Angular CLI
23
25
24
26
With the following command the angular-cli will be installed globally in your machine:
25
27
26
-
npm install -g @angular/cli
28
+
npm install -g @angular/cli
27
29
28
30
29
31
# How To install this repository
30
32
31
33
We can install the master branch using the following commands:
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:
36
-
38
+
37
39
cd angular-universal-course
38
40
npm install
39
41
40
42
Its also possible to install the modules as usual using npm:
41
43
42
-
npm install
44
+
npm install
43
45
44
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.
45
47
46
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.
47
49
48
50
# To Run the Development Backend Server
49
51
50
-
We can start the sample application backend with the following command:
52
+
In order to be able to provide realistic examples, we will need in our playground a small REST API backend server. We can start the sample application backend with the following command:
51
53
52
54
npm run server
53
55
@@ -57,89 +59,106 @@ This is a small Node REST API server.
57
59
58
60
To run the frontend part of our code, we will use the Angular CLI:
59
61
60
-
npm start
62
+
npm start
63
+
64
+
The application is visible at port 4200: [http://localhost:4200](http://localhost:4200)
61
65
62
-
The application is visible at port 4200, but you need to use HTTPS - [https://localhost:4200](https://localhost:4200)
63
66
64
-
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".
65
67
66
-
# Important
68
+
# Important
67
69
68
70
This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.
69
71
70
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:
71
73
72
74
git branch -a
73
75
74
-
The remote branches have their starting in origin, such as for example section-1.
76
+
The remote branches have their starting in origin, such as for example 1-navigation-and-containers.
75
77
76
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:
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.
81
83
82
84
# Other Courses
83
85
84
-
# Angular PWA Course
86
+
# NgRx (with NgRx Data) - The Complete Guide
85
87
86
-
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:
88
+
If you are looking for the [Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.io/course/ngrx-course), the repo with the full code can be found here:
87
89
88
-
90
+
89
91
90
-
# Angular Security Masterclass
91
92
92
-
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:
If you are looking for the [Angular Core Deep Dive Course](https://angular-university.io/course/angular-course), the repo with the full code can be found here:
97
98
99
+
# RxJs In Practice
98
100
101
+
If you are looking for the [RxJs In Practice](https://angular-university.io/course/rxjs-course), the repo with the full code can be found here:
99
102
100
-
# Angular Advanced Library Laboratory Course
103
+
101
104
102
-
If you are looking for the Angular Advanced Course, the repo with the full code can be found here:
105
+
# NestJs In Practice (with MongoDB)
103
106
104
-
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
107
+
If you are looking for the [NestJs In Practice Course](https://angular-university.io/course/nestjs-course), the repo with the full code can be found here:
105
108
106
-
109
+
107
110
111
+
# Angular Testing Course
108
112
109
-
## RxJs and Reactive Patterns Angular Architecture Course
113
+
If you are looking for the [Angular Testing Course](https://angular-university.io/course/angular-testing-course), the repo with the full code can be found here:
110
114
111
-
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)
117
+
# Serverless Angular with Firebase Course
114
118
115
-
119
+
If you are looking for the [Serverless Angular with Firebase Course](https://angular-university.io/course/firebase-course), the repo with the full code can be found here:
116
120
121
+
If you are looking for the [Angular Universal Course](https://angular-university.io/course/angular-universal-course), the repo with the full code can be found here:
120
126
121
-
If you are looking for the Angular Ngrx Reactive Extensions Architecture Course code, the repo with the full code can be found here:
[Github repo for this course](https://github.com/angular-university/ngrx-course)
131
+
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:
128
134
135
+
# Angular Security Masterclass
129
136
137
+
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:
130
138
131
-
## Angular 2 and Firebase - Build a Web Application Course
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
140
148
149
+
141
150
142
-
## Complete Typescript 2 Course - Build A REST API
151
+
152
+
## RxJs and Reactive Patterns Angular Architecture Course
153
+
154
+
If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:
155
+
156
+
[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)
157
+
158
+
159
+
160
+
161
+
## Complete Typescript Course - Build A REST API
143
162
144
163
If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:
145
164
@@ -148,4 +167,3 @@ If you are looking for the Complete Typescript 2 Course - Build a REST API, the
148
167
[Github repo for this course](https://github.com/angular-university/complete-typescript-course)
0 commit comments