Skip to content

Commit 9e42528

Browse files
jhadesjhades
committedFeb 6, 2020
Reactive Angular with RxJs Course
1 parent 96daac2 commit 9e42528

13 files changed

+374
-223
lines changed
 

‎.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
55
/tmp
66
/out-tsc
77

8+
tmp.json
9+
810
# dependencies
911
/node_modules
1012

‎server/db-data.ts

+85-76
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,33 @@
11
export const COURSES: any = {
22

3-
16: {
4-
id: 16,
3+
4+
17: {
5+
id: 17,
56
titles: {
6-
description: 'Stripe Payments In Practice',
7-
longDescription: 'Build your own ecommerce store & membership website with Firebase, Stripe and Express'
7+
description: 'Reactive Angular Course',
8+
longDescription: 'How to build Angular applications in Reactive style using plain RxJs - Patterns and Anti-Patterns'
89
},
9-
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/stripe-course.jpg',
10+
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/reactive-angular-course.jpg',
11+
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
12+
category: 'BEGINNER',
1013
lessonsCount: 10,
11-
categories: ['BEGINNER'],
1214
seqNo: 0,
13-
url: 'stripe-course',
15+
url: 'reactive-angular-course',
16+
price: 50
17+
18+
},
19+
3: {
20+
id: 3,
21+
titles: {
22+
description: 'RxJs In Practice Course',
23+
longDescription: 'Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples'
24+
},
25+
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png',
26+
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
27+
category: 'BEGINNER',
28+
lessonsCount: 10,
29+
seqNo: 2,
30+
url: 'rxjs-course',
1431
price: 50
1532
},
1633

@@ -21,26 +38,42 @@ export const COURSES: any = {
2138
longDescription: 'Learn the modern Ngrx Ecosystem, including NgRx Data, Store, Effects, Router Store, Ngrx Entity, and Dev Tools.'
2239
},
2340
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/ngrx-v2.png',
24-
categories: ['BEGINNER'],
41+
category: 'BEGINNER',
2542
lessonsCount: 10,
2643
seqNo: 1,
2744
url: 'ngrx-course',
2845
promo: false,
2946
price: 50
3047
},
3148

32-
14: {
33-
id: 14,
49+
50+
2: {
51+
id: 2,
3452
titles: {
35-
description: 'NestJs In Practice (with MongoDB)',
36-
longDescription: 'Build a modern REST backend using Typescript, MongoDB and the familiar Angular API.',
53+
description: 'Angular Core Deep Dive',
54+
longDescription: 'A detailed walk-through of the most important part of Angular - the Core and Common modules'
3755
},
38-
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/nestjs-v2.png',
39-
categories: ['BEGINNER'],
56+
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png',
4057
lessonsCount: 10,
41-
seqNo: 2,
42-
url: 'nestjs-course',
43-
promo: false,
58+
category: 'BEGINNER',
59+
seqNo: 3,
60+
url: 'angular-core-course',
61+
price: 50
62+
},
63+
64+
65+
5: {
66+
id: 5,
67+
titles: {
68+
description: 'Angular for Beginners',
69+
longDescription: 'Establish a solid layer of fundamentals, learn what\'s under the hood of Angular'
70+
},
71+
iconUrl: 'https://angular-academy.s3.amazonaws.com/thumbnails/angular2-for-beginners-small-v2.png',
72+
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
73+
category: 'BEGINNER',
74+
lessonsCount: 10,
75+
seqNo: 4,
76+
url: 'angular-for-beginners',
4477
price: 50
4578
},
4679

@@ -51,8 +84,8 @@ export const COURSES: any = {
5184
longDescription: 'In-depth guide to Unit Testing and E2E Testing of Angular Applications',
5285
},
5386
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-testing-small.png',
54-
categories: ['BEGINNER'],
55-
seqNo: 3,
87+
category: 'BEGINNER',
88+
seqNo: 5,
5689
url: 'angular-testing-course',
5790
lessonsCount: 10,
5891
promo: false,
@@ -68,56 +101,46 @@ export const COURSES: any = {
68101
},
69102
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/serverless-angular-small.png',
70103
lessonsCount: 10,
71-
categories: ['BEGINNER'],
72-
seqNo: 4,
104+
category: 'BEGINNER',
105+
seqNo: 6,
73106
url: 'serverless-angular',
74107
price: 50
75108
},
76109

77-
2: {
78-
id: 2,
110+
16: {
111+
id: 16,
79112
titles: {
80-
description: 'Angular Core Deep Dive',
81-
longDescription: 'A detailed walk-through of the most important part of Angular - the Core and Common modules'
113+
description: 'Stripe Payments In Practice',
114+
longDescription: 'Build your own ecommerce store & membership website with Firebase, Stripe and Express'
82115
},
83-
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-core-in-depth-small.png',
116+
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/stripe-course.jpg',
84117
lessonsCount: 10,
85-
categories: ['BEGINNER'],
86-
seqNo: 5,
87-
url: 'angular-core-course',
118+
category: 'BEGINNER',
119+
seqNo: 7,
120+
url: 'stripe-course',
88121
price: 50
89122
},
90123

91-
3: {
92-
id: 3,
93-
titles: {
94-
description: 'RxJs In Practice Course',
95-
longDescription: 'Understand the RxJs Observable pattern, learn the RxJs Operators via practical examples'
96-
},
97-
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/rxjs-in-practice-course.png',
98-
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
99-
categories: ['BEGINNER'],
100-
lessonsCount: 10,
101-
seqNo: 6,
102-
url: 'rxjs-course',
103-
price: 50
104-
},
105124

106-
5: {
107-
id: 5,
125+
126+
14: {
127+
id: 14,
108128
titles: {
109-
description: 'Angular for Beginners',
110-
longDescription: 'Establish a solid layer of fundamentals, learn what\'s under the hood of Angular'
129+
description: 'NestJs In Practice (with MongoDB)',
130+
longDescription: 'Build a modern REST backend using Typescript, MongoDB and the familiar Angular API.',
111131
},
112-
iconUrl: 'https://angular-academy.s3.amazonaws.com/thumbnails/angular2-for-beginners-small-v2.png',
113-
courseListIcon: 'https://angular-academy.s3.amazonaws.com/main-logo/main-page-logo-small-hat.png',
114-
categories: ['BEGINNER'],
132+
iconUrl: 'https://angular-university.s3-us-west-1.amazonaws.com/course-images/nestjs-v2.png',
133+
category: 'BEGINNER',
115134
lessonsCount: 10,
116-
seqNo: 7,
117-
url: 'angular-for-beginners',
135+
seqNo: 8,
136+
url: 'nestjs-course',
137+
promo: false,
118138
price: 50
119139
},
120140

141+
142+
143+
121144
6: {
122145
id: 6,
123146
titles: {
@@ -126,9 +149,9 @@ export const COURSES: any = {
126149
},
127150
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/security-cover-small-v2.png',
128151
courseListIcon: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/lock-v2.png',
129-
categories: ['ADVANCED'],
152+
category: 'ADVANCED',
130153
lessonsCount: 11,
131-
seqNo: 8,
154+
seqNo: 9,
132155
url: 'angular-security-course',
133156
price: 50
134157
},
@@ -141,9 +164,9 @@ export const COURSES: any = {
141164
},
142165
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/angular-pwa-course.png',
143166
courseListIcon: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/alien.png',
144-
categories: ['ADVANCED'],
167+
category: 'ADVANCED',
145168
lessonsCount: 8,
146-
seqNo: 9,
169+
seqNo: 10,
147170
url: 'angular-pwa-course',
148171
price: 50
149172
},
@@ -156,8 +179,8 @@ export const COURSES: any = {
156179
},
157180
iconUrl: 'https://angular-academy.s3.amazonaws.com/thumbnails/advanced_angular-small-v3.png',
158181
courseListIcon: 'https://angular-academy.s3.amazonaws.com/thumbnails/angular-advanced-lesson-icon.png',
159-
categories: ['INTERMEDIATE', 'ADVANCED'],
160-
seqNo: 10,
182+
category: 'ADVANCED',
183+
seqNo: 11,
161184
url: 'angular-advanced-course',
162185
price: 50
163186
},
@@ -170,23 +193,9 @@ export const COURSES: any = {
170193
},
171194
iconUrl: 'https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-small.png',
172195
courseListIcon: 'https://angular-academy.s3.amazonaws.com/thumbnails/typescript-2-lesson.png',
173-
categories: ['BEGINNER'],
174-
seqNo: 11,
175-
url: 'typescript-course',
176-
price: 50
177-
},
178-
179-
10: {
180-
id: 10,
181-
titles: {
182-
description: 'Rxjs and Reactive Patterns Angular Architecture Course',
183-
longDescription: 'Learn the core RxJs Observable Pattern as well and many other Design Patterns for building Reactive Angular Applications.'
184-
},
185-
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-academy/blog/images/rxjs-reactive-patterns-small.png',
186-
courseListIcon: 'https://angular-academy.s3.amazonaws.com/course-logos/observables_rxjs.png',
187-
categories: ['BEGINNER'],
196+
category: 'BEGINNER',
188197
seqNo: 12,
189-
url: 'rxjs-patterns-course',
198+
url: 'typescript-course',
190199
price: 50
191200
},
192201

@@ -197,8 +206,8 @@ export const COURSES: any = {
197206
longDescription: 'Build Applications with the official Angular Widget Library'
198207
},
199208
iconUrl: 'https://s3-us-west-1.amazonaws.com/angular-university/course-images/material_design.png',
200-
categories: ['BEGINNER'],
201-
seqNo: 13,
209+
category: 'BEGINNER',
210+
seqNo: 14,
202211
url: 'angular-material-course',
203212
price: 50
204213
}

‎src/app/app.component.ts

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import {Component, OnInit} from '@angular/core';
2-
import {Store} from './common/store.service';
2+
33

44
@Component({
55
selector: 'app-root',
@@ -9,12 +9,12 @@ import {Store} from './common/store.service';
99
export class AppComponent implements OnInit{
1010

1111

12-
constructor(private store:Store) {
12+
constructor() {
1313

1414
}
1515

1616
ngOnInit() {
17-
this.store.init();
17+
1818
}
1919

2020
}

0 commit comments

Comments
 (0)
Please sign in to comment.