angular 4 project structure tutorial | Hindi | Lecture 4

most important files and folders in an angular 4 app
1. Package.json
2. Tsconfig.json
3. Angular-cli.json
4. src

Tslint.json: Used for build our application. It is used by angular 4 project compiler.
Tsconfig.json: Having configuration for our type script. used to define different typescript compilation related options.
Protector.conf.js : Used for application testing
Package.json: Include all the dependencies module which are required for our application. Dependencies like boiler, grunt etc may be added using node_modules and by writing npm command.
Karma.conf.js: Is used for unit testing where karma is test runner and jasmine is a framework.
Gitignor: which is used to exclude some files from our project or from a repository.
Editor.config: Used for the setting of our editor.
Angular-cli.json: is used for complete configuration of our angular 4 projects.
Src
Polyfills: It is used for backward compatibility for browsers.
Test.ts: It is used for unit testing code.
Tsconfig.app.json : which has a configuration for application completion.How our application will be compiled.
App.component.Ts: It is a unit testing file for our components.
Assets: In this folder, we store all project text, audio, images, videos files etc.
1. app:: app directory is where we define the building blocks of our angular project like modules, components, services etc.
Main.ts: main.ts is the main typescript file which is used to bootstrap the angular module.
app directory is where we place the building blocks of our angular app including modules, components, component styles, component templates, services and so on.
1. app.module.ts :: In this file, we declare our angular module, the @NgModule decorator is used to initialize different aspects of the angular app , observe that AppComponent is also declared.
2. 2. app.components.ts this file simply defines an angular component and this is where we have defined our app-root selector also.
visit: https://www.yogeshdotnet.com
My Youtube gears:
Headphone with Mic : http://amzn.to/2kUXHSq
Best USB Micro phone : http://amzn.to/2gogjsR
Another option(cheap) asUSB microphone : http://amzn.to/2yrOsME
Microphone with mic under 500: http://amzn.to/2gogV1D
Antivirus under 500 : http://amzn.to/2ieKPFV Flipkart
Headphone with mic : http://fkrt.it/TVSKWTuuuN
Another Option Headphone with mic : http://fkrt.it/!Rt50!NNNN
Bluetooth Speakers : http://fkrt.it/Tg4nuTuuuN Flipkart
Headphone with mic : http://fkrt.it/TVSKWTuuuN
Another Option Headphone with mic : http://fkrt.it/!Rt50!NNNN
Bluetooth Speakers : http://fkrt.it/Tg4nuTuuuN Flipkart
Headphone with mic : http://fkrt.it/TVSKWTuuuN
Another Option Headphone with mic : http://fkrt.it/!Rt50!NNNN
Bluetooth Speakers : http://fkrt.it/Tg4nuTuuuN What's app group for latest technologies and trends : https://chat.whatsapp.com/AtlkVqbxOrp1vyewFDOg4x
Facebook Page Url : https://www.facebook.com/yogeshdotnetblogs/ Yogeshdotnet also provides online training on the front-end technologies(MEAN Stack, Web Designing - HTML5, JS, Jquery, Bootstrap, NodeJS, Express, Angular 6 with typescript etc. and backend technologies like(ASP.NET MVC, ASP.NET Web API, ASP.NET Core ,SQL Server , ORACLE ,REST and python). For more details visit our website https://www.yogeshdotnet.com or call at 09887575540. Our training programs covered basics and advanced concept and real-time project scenarios. I designed various case studies and assignment which may help candidates to explore himself in learning technologies. I take alternate days classes and problem-solving classes also where we solve problems individually by desktop sharing. The student will get the all recorded sessions with lifetime access to all training sessions and study material. Our quality training programs are not more expensive. We provide training in Hindi & English language, depends on learner interest and comfort.