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
This repository currently contains the code for **two versions** of the course.
4
+
This repository contains the code of the [Angular Material In Depth] video course (https://angular-university.io/course/angular-material-course).
5
5
6
-
The new version of the course is called [Angular Material In Depth](https://angular-university.io/course/angular-material-course):
6
+
This course repository is updated to Angular 13:
7
7
8
8
9
9
10
-
You can find the starting point of this new version of the course in the [1-start branch](https://github.com/angular-university/angular-material-course/tree/1-start).
10
+
You can find the starting point of the course in the [1-start branch](https://github.com/angular-university/angular-material-course/tree/1-start).
11
11
12
-
On the other hand, if you are looking for the previous version of the course (soon to be archived) and called the [Angular Material Course](https://angular-university.io/course/angular-material-course-v1), then you can start your course with the initial branch [1-navigation-and-containers](https://github.com/angular-university/angular-material-course/tree/1-navigation-and-containers).
13
-
14
-
15
-
16
-
17
-
This course repository is updated to Angular v12.
12
+
This master branch contains the *final version of the course code*, that you can use as a reference if you choose to code along.
18
13
19
14
# Installation pre-requisites
20
15
21
-
IMPORTANT: Please use NPM 5 or above, to make sure the package-lock.json is used.
22
-
23
-
For running this project we need and npm installed on our machine. These are some tutorials to install node in different operating systems:
24
-
25
-
*Its important to install the latest version of Node*
26
-
27
-
-[Install Node and NPM on Windows](https://www.youtube.com/watch?v=8ODS6RM6x7g)
28
-
-[Install Node and NPM on Linux](https://www.youtube.com/watch?v=yUdHk-Dk_BY)
29
-
-[Install Node and NPM on Mac](https://www.youtube.com/watch?v=Imj8PgG3bZU)
30
-
16
+
IMPORTANT: Please use Node 16 LST (Long Term Support version).
31
17
32
18
# Installing the Angular CLI
33
19
34
20
With the following command the angular-cli will be installed globally in your machine:
35
21
36
22
npm install -g @angular/cli
37
23
38
-
39
24
# How To install this repository
40
25
41
26
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:
46
-
47
-
cd angular-material-course
48
-
npm install
49
-
50
-
Its also possible to install the modules as usual using npm:
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.
30
+
cd angular-material-course
31
+
npm ci
55
32
56
-
This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.
33
+
Note: **We recommend using npm ci, instead of npm install**. This will ensure that you use the exact dependency versions set on package-lock.json, unlike npm install which might potentially change those versions.
57
34
58
35
# To Run the Development Backend Server
59
36
37
+
Our Angular frontend connects to a simple Node server, running also in your local development machine.
38
+
60
39
We can start the sample application backend with the following command:
61
40
62
41
npm run server
63
42
64
-
This is a small Node REST API server.
65
-
66
43
# To run the Development UI Server
67
44
45
+
Once the backend server is up and running, we can now run our frontend server.
46
+
68
47
To run the frontend part of our code, we will use the Angular CLI:
69
48
70
49
npm start
71
50
72
51
The application is visible at port 4200: [http://localhost:4200](http://localhost:4200)
73
52
53
+
Note: **make sure to use command npm start and not ng serve, as npm start adds a couple extra options that are needed for our project **
74
54
55
+
# Other Courses
75
56
76
-
# Important
57
+
# Other Courses
77
58
78
-
This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.
59
+
# Angular Forms In Depth
79
60
80
-
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:
61
+
If you are looking for the [Angular Forms In Depth](https://angular-university.io/course/angular-forms-course) course, the repo with the full code can be found here:
81
62
82
-
git branch -a
63
+
83
64
84
-
The remote branches have their starting in origin, such as for example 1-navigation-and-containers.
65
+
# Angular Router In Depth
85
66
86
-
We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:
67
+
If you are looking for the [Angular Router In Depth](https://angular-university.io/course/angular-router-course) course, the repo with the full code can be found here:
89
70
90
-
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.
71
+
# NgRx (with NgRx Data) - The Complete Guide
91
72
92
-
# Other Courses
73
+
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:
74
+
75
+
76
+
77
+
78
+
# Angular Core Deep Dive Course
79
+
80
+
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:
81
+
82
+
83
+
84
+
# RxJs In Practice
85
+
86
+
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:
87
+
88
+
89
+
90
+
# NestJs In Practice (with MongoDB)
91
+
92
+
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:
93
+
94
+
95
+
96
+
# Angular Testing Course
97
+
98
+
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:
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:
105
+
106
+
107
+
108
+
# Angular Universal Course
109
+
110
+
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:
0 commit comments