Angular 6 - MEAN Stack Crash Course - Part 4: Completing The User Interface

This is the final part of the MEAN Stack Crash Course series. In this part we're going to complete the implementation of the Angular 6 front-end application which is part of the MEAN stack sample.

In the first part of this series you've learned how to create the Angular 6 front-end application, set up the basic project structure by creating components and configuring the client-side routing.

In part three we've been implementing an Angular service class in our front-end project which is used to connected to the back-end. Implementing an Angular service for accessing the back-end helps us to keep our code DRY by encapsulating the logic which is needed for accessing the REST back-end in one single class.
---------------------

Musik:
Night Owl by Broke For Free is licensed under a Creative Commons Attribution License.

[rahulshanbhogue]

This was an excellent crash course, was able to refresh most of the MEAN topics. Appreciate your efforts to present the MEAN stack in a nutshell with the Issue project. Thanks, Sebastian. Hope to see many more videos such as this.

[TheiChorBand]

Just wanted to express my appreciation here. The concepts finally start to coalesce for me. Thanks.

[nasiruddinahammed]

Awesome Stuff Sir !!! Please make a video for login & registration module with passport js, Deployment of this application (to Hruku)on mean stack .

[Aegilops]

Fantastic video series. A small error at 44:40 - you need to also close the </textarea> for the Description input. If you don't close that, you get no output and the web console complains about an unexpected EOF as the textarea was never closed.

[manojbagale]

Good Job!
Excellent Video.
Your tutorial is very much useful.
I wait for more Mean stack.

Thanks!

[Pokersprout]

For the issue.model.ts file generated around 6:00, the Angular CLI allows one to create an interface with the command "ng g i issue" to have an interface with the name of issue.ts in the same directory. Thanks for the videos, Sebastian! I'd love to see a deployment video, preferably to something non-Heroku, but it's all great and I appreciate the massive amount of content up to this point :)

[fluffymaverick]

Great tutorial! I followed every series of this tutorial and completed the final app. Thank you so much for making this tutorial.

[earthling_parth]

I loved the series. Helped me very much in setting up my first MEAN stack application. Thanks a lot.

[vcjayan]

Hi
Your tutorial is very much useful and i made my project based on these 4 videos only. Thank you very much.
I am facing problem with data filtering in Angular mat-table the method of which is not explained in the angular material website. It will be great help if you can post a short video on the filtering part also. Thank you

[rajkumararora]

truly helpful and working examples.
Thank you so much :-)
Really appreciate your hard work and dedication.

[IsidoroMendez]

excelent work on this tutoria, very usefull for me... greetings from patagonia!

[faridsahli]

Thank you very much. It is very useful lessons, please continue

[kanna]

You could make a new module for your material and import that in your app.module.. keeps the material you need together. :)

[sivaprakash]

@angular/material isn't working...Any ideas on how to bypass that problem?

[prabhudeengautam]

excellent tutorial for beginners thanks

[atishmhatre]

This tutorial is very helpful to me, Thank You!

[lordjetteleighlecaros]

Great Video!
May I also know how to add Confirmation Yes/No in Deleting record. Thanks

[flo-eted]

Thanks for the great tutorial! I went through all 4 videos. The server runs and is successfully connected to the database. However Im receiving the following error for the list and edit page: ERROR Error: "[object Object]"

[WillDesigns]

You can get the form values using the form, don't need to do
just get the form values using this.createForm.value

awesome video anyway

[ali-celebi]

Thanks for this video which was very informative. Thanks a lot for your efforts!