Angular 5 Tutorial + CRUD App

An Angular 5 tutorial + CRUD app for beginners and non-beginners. Click on the times below to jump straight to that section:

1) 00:14 - Topics
2) 00:29 - Demo
3) 01:16 - GitHub
4) 01:26 - Angular features
5) 02:31 - Installation/getting started
6) 04:22 - TypeScript syntax
7) 04:41 - Component metadata properties
8) 05:30 - Interpolation binding
9) 06:22 - Global and component styles
10) 06:54 - Generating a component
11) 08:29 - Lifecycle hooks (e.g., ngOnInit)
12) 09:13 - Creating and using a class
13) 10:45 - Formatting with pipes
14) 11:15 - Two-way binding with inputs, FormsModule
15) 12:23 - Declaring components
16) 12:43 - Displaying a list with ngFor
17) 14:25 - Event handlers
18) 16:02 - Conditional rendering with ngIf
19) 16:39 - Dynamic classes
20) 17:59 - Passing properties with @Input()
21) 20:26 - Organizing code with services
22) 23:54 - Routing with AppRoutingModule
23) 26:42 - HTTP requests, observables: GET
24) 35:25 - HTTP requests, observables: GET by ID
25) 37:14 - HTTP requests, observables: UPDATE
26) 40:37 - HTTP requests, observables: ADD
27) 40:16 - HTTP requests, observables: DELETE
28) 47:03 - Animations

[joeporsche]

Great tutorial you are cover every important thing in one video that is enough for create Angular app. I have an experience with angular but your video is a conclusion to what I has learn for 3 month.

[riteshmehta]

It's a great video. Very well explained. Thank you Sir for posting the video. Please keep posting

[nurboljalmukhambetov]

this tutorial amanzing !!! Thank to you dude !!! ) Knows more about Angular )

[jasonvega]

At 28:14 I got an error (Module not found: Error: Can't resolve 'rxjs/observable/of'). After some googling I fixed it by combining the 2 rxjs imports into ----> import { Observable, of } from 'rxjs'; Hope this helps someone else with the same issue.

[TheSan]

Great video...Thank you so much !!
Please keep it up :)

[hkanaiya]

this is great. I don't know how your app is auto compiling every time and showing results on the browser. I am using visual studio code and I seem to have to keep putting ng serve --open all the time even for small change.

[sushantgautam]

Please add spring for backhend can be the great of your tutorial . Thanks in advance.

[adante]

Your Tutorials are great. But is there anyway you can edit them and zoom in? The text is really small on I pad & unwatchable on my Mobile which is a note so normally ok. Would be even better with legible bigger text. And if you were to use VS Code. Then that would just be atmospheric.👍

[inyomangurnitha]

Please add backend and add edit and thanks for this great course.

[FabioAlbuquerqueBelemPA]

This is a great tutorial, thanks a lot! is there any way to setup a boilerplate only or anything that is lighter than a nearly 200 MB package, instead of the huge lot of data that comes after the "ng new angular-tutorial" command, though? It feels for me it's like using a nuke to kill an ant...

[ickimadrasi]

You should make courses for udemy, they are very detailed and good

[SanjeevKumar-rwxu]

Thanks a lot.But font size is very small and not visible properly.Also please move slowly.

[arsalanshaikh]

Great tutorial sir ... please can u increase the font size of ur tutorials

[chandrahaspoojari]

Great Tutorial... Reporting & Invoice printing in angular ???

[jsc]

Any particular reason you chose call the productService in ngOnit()? Instead of:

constructor(private productService: ProductService) {
this.products = productService.getProducts();
}

[nishaparveen]

you should zoom your visual studio screen it is not clear

[jacobmorton]

Great fast-paced tutorial. But I cringed every time you wrapped text in <div> tags.

[adante]

Yeah I have tried again to watch but it is just too small. On I pad anyway. It's a shame because your teaching style and content seems great. VS code ctrl + and the clarity would be excellent.

[mrg]

Dude, good fucking job! subscribed + like.

[ejlz]

nice tutorial !, pls fix the font size !!!!