Angular

Angular

1. Benefits

   • * Clean Code * Re-usable Code * Testable Code

2. Commands

   • npm install -g @angular/cli {Install angular CLI / the g is for global and install angular in all operating system}
   • ng -version {version of angular and Node installed}
   • ng new [name project] {created  new angular project}
   • ng serve {run application}
   • ng analytics project off Disable sharing anonymous usage data. 

3. Folders

   • e2e
     • End to End test code to simulate the interaction with the user such as * launch browser * navigate for the application page * and do something
   • node_modules
     • libraries
   • src
     • the source code 
     • app/
       • we have the source of components and modules
     • assets/
       • The assets are image files icons etc 
     • environments/
       • We have here store the differents setup for each environment. 
       • We have one file for production environment and other for development environment.
     • favicon.ico
       • The icon displayed in our browser tap
     • index.html
     • main.ts
       • the main file where start the application, the boostrapping
     • polyfills.ts
       • import script that Angular needs to running
       • it fills in the gaps that sometimes javascript don't support, and Angular needs
     • styless.css
       • The global style for our application
     • test.ts
       • to test our environments
   • .editorconfig
     • settings editor approach developers
   • .gitignore
     • file to setup the version control
   • angular.json
     • a standard setup
   • browserlist
   • favicon.ico
   • karma.conf.js
     • it is a test runner
   • package.json
     • Standard file that all the projects of node must be have
     • * it has basics setup options about the project. * Dependencies for the application. * devDependencies libraries for develop the application.
   • package-lock.json
   • README.md
   • tsconfig.app.json
   • tsconfig.json
     • it contain different options to compile the typescript code into javascript code.
   • tsconfig.spec.json
   • tslint.json
     • Static Analysis Tool for Readability, Maintainability and Functionality.