Angular 6 Basics 25 - Building an Angular project

Learn how to build an Angular project to make it ready to be deployed on a CDN or hosted. Understand the difference between hosting an Angular app this way when compared to doing an `ng serve`.

Angular 6 Basics - Learn how to create Angular applications from scratch. Understand the Angular framework and learn how to use the features of the framework to create components and services. Use modules to organize your code. Build applications that call REST APIs and fetch data from a server. Implement routing to show multiple views with multiple URLs.

This course requires no previous knowledge of Angular or AngularJS.

[sauravsingh]

Wishing you a happy Gurupurnima Koushik Sir!

[HDHD-yvnp]

You are the best. I have been benefiting from your toturials for more than 9 years.

[TheChaosProject]

Hey Koushik, great tutorial, the concepts are explained with nice clarity. Just one suggestion though, not related to the topic- please use the dark theme of visual studio code while making videos. :)

[Rumi]

Excellent explanation of Angular build and deployment process. Thank you.

[monsterhuntergo]

ng build --prod is depricated since Angular 12, use the following command instead:
> ng build --configuration production --aot

[mrpogi]

Thank you Java Brains, your videos helped me a lot, please continue making videos, cheers !!!!

[tanuanddeepuvideos]

Asssum explanation...Very useful sir. Thank you so much

[avanishpatel]

Thanks Kaushik for making such a great tutorials, please make series on react.js

[kumarmanish]

I didn't get the benefit of putting hash values in JS files & caching @ 8:20

[gadothegado]

Hey Koushik, Thank you for your effort in all the courses you made here!
For some reason after deploying with http-server i get 404 error. i don't know if i missed something. this is what i did:
1- ng new prod-proj
2- ng build --prod
3- http-server /dist/prod-proj
when i open with browser nothing, just blank page.

On VS code console:
[Tue Aug 13 2019 13:11:28 GMT+0200 (Eastern European Standard Time)] "GET /" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0"
[Tue Aug 13 2019 13:11:28 GMT+0200 (Eastern European Standard Time)] "GET /" Error (404): "Not found"
[Tue Aug 13 2019 13:11:28 GMT+0200 (Eastern European Standard Time)] "GET /favicon.ico" "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0"
[Tue Aug 13 2019 13:11:28 GMT+0200 (Eastern European Standard Time)] "GET /favicon.ico" Error (404): "Not found"

[hoanganhbong]

I love you voice, so great!
and the content so helpful btw

[amsfuy]

Thank you very much for covering the deployment process in such great detail!

[MrArchitgoel]

Thanks a lot kaushik for the awesome courses.. I have just one question what happens to the html and css files of the components after we run ng build command as I cannot see them. Only html i can see is index.html

[davidemori]

Hi! What About I'm in development mode and I'm running Angular with "ng serve" and in the meantime a Spring Boot Server which is connected to a MySQL database? When I digit "ng build --prod" it will always be necessary to run the server and the database for future runs of the project, or not?

[Bangalorean]

Can I use one dist for dev, demo, staging and production server.. If yes then How

[prathameshkoyande]

Is ng build --prod equivalent to enableProdMode()