Skip to content

Commit dd1def7

Browse files
committed
Angular Universal Course
1 parent d867835 commit dd1def7

File tree

1 file changed

+146
-14
lines changed

1 file changed

+146
-14
lines changed

README.md

+146-14
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,159 @@
1-
# AngularUniversalCourse
21

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

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

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.
6+
This course repository is updated to Angular v10, and there is a package-lock.json file available, for avoiding semantic versioning installation issues.
87

9-
## Code scaffolding
8+
![Angular Universal In Depth](https://angular-university.s3-us-west-1.amazonaws.com/course-images/angular-universal-course.jpg)
109

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`.
10+
# Installation pre-requisites
1211

13-
## Build
12+
Please use the latest Node long-term support (LTS) version.
1413

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.
14+
# Installing the Angular CLI
1615

17-
## Running unit tests
16+
With the following command the angular-cli will be installed globally in your machine:
1817

19-
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
18+
npm install -g @angular/cli
2019

21-
## Running end-to-end tests
2220

23-
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
21+
# How To install this repository
2422

25-
## Further help
23+
We can install the master branch using the following commands:
2624

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).
25+
git clone https://github.com/angular-university/angular-universal-course.git
26+
27+
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:
28+
29+
cd angular-universal-course
30+
npm install
31+
32+
Its also possible to install the modules as usual using npm:
33+
34+
npm install
35+
36+
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.
37+
38+
This should take a couple of minutes. If there are issues, please post the complete error message in the Questions section of the course.
39+
40+
# To Run the Development Backend Server
41+
42+
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:
43+
44+
npm run server
45+
46+
This is a small Node REST API server.
47+
48+
# To run the Development UI Server
49+
50+
To run the frontend part of our code, we will use the Angular CLI:
51+
52+
npm start
53+
54+
The application is visible at port 4200: [http://localhost:4200](http://localhost:4200)
55+
56+
57+
58+
# Important
59+
60+
This repository has multiple branches, have a look at the beginning of each section to see the name of the branch.
61+
62+
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:
63+
64+
git branch -a
65+
66+
The remote branches have their starting in origin, such as for example 1-navigation-and-containers.
67+
68+
We can checkout the remote branch and start tracking it with a local branch that has the same name, by using the following command:
69+
70+
git checkout -b section-1 origin/1-navigation-and-containers
71+
72+
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.
73+
74+
# Other Courses
75+
76+
# NgRx (with NgRx Data) - The Complete Guide
77+
78+
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:
79+
80+
![Ngrx (with NgRx Data) - The Complete Guide](https://angular-university.s3-us-west-1.amazonaws.com/course-images/ngrx-v2.png)
81+
82+
83+
# Angular Core Deep Dive Course
84+
85+
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:
86+
87+
![Angular Core Deep Dive](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png)
88+
89+
# RxJs In Practice
90+
91+
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:
92+
93+
![RxJs In Practice Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png)
94+
95+
# NestJs In Practice (with MongoDB)
96+
97+
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:
98+
99+
![NestJs In Practice Course](https://angular-university.s3-us-west-1.amazonaws.com/course-images/nestjs-v2.png)
100+
101+
# Angular Testing Course
102+
103+
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:
104+
105+
![Angular Testing Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png)
106+
107+
# Serverless Angular with Firebase Course
108+
109+
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:
110+
111+
![Serverless Angular with Firebase Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/serverless-angular-small.png)
112+
113+
# Angular Universal Course
114+
115+
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:
116+
117+
![Angular Universal Course](https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-universal-small.png)
118+
119+
# Angular PWA Course
120+
121+
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:
122+
123+
![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)
124+
125+
# Angular Security Masterclass
126+
127+
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:
128+
129+
[Angular Security Masterclass](https://github.com/angular-university/angular-security-course).
130+
131+
![Angular Security Masterclass](https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png)
132+
133+
# Angular Advanced Library Laboratory Course
134+
135+
If you are looking for the Angular Advanced Course, the repo with the full code can be found here:
136+
137+
[Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-university.io/course/angular-advanced-course).
138+
139+
![Angular Advanced Library Laboratory Course: Build Your Own Library](https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png)
140+
141+
142+
## RxJs and Reactive Patterns Angular Architecture Course
143+
144+
If you are looking for the RxJs and Reactive Patterns Angular Architecture Course code, the repo with the full code can be found here:
145+
146+
[RxJs and Reactive Patterns Angular Architecture Course](https://angular-university.io/course/reactive-angular-architecture-course)
147+
148+
![RxJs and Reactive Patterns Angular Architecture Course](https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png)
149+
150+
151+
## Complete Typescript Course - Build A REST API
152+
153+
If you are looking for the Complete Typescript 2 Course - Build a REST API, the repo with the full code can be found here:
154+
155+
[https://angular-university.io/course/typescript-2-tutorial](https://github.com/angular-university/complete-typescript-course)
156+
157+
[Github repo for this course](https://github.com/angular-university/complete-typescript-course)
158+
159+
![Complete Typescript Course](https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png)

0 commit comments

Comments
 (0)