Angular

Annotations:

• Angular is a framework to build Web Applications that work on Javascript.
• API - Application Programming Interface. Angular CLI - Command-line Interface

1. Benefits

   Annotations:

   • * Clean Code * Re-usable Code * Testable Code
2. Commands

   Annotations:

   • 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
   1. e2e

      Annotations:

      • End to End test code to simulate the interaction with the user such as * launch browser * navigate for the application page * and do something
   2. node_modules

      Annotations:

      • libraries
   3. src

      Annotations:

      • the source code 
      1. app/

         Annotations:

         • we have the source of components and modules
      2. assets/

         Annotations:

         • The assets are image files icons etc 
      3. environments/

         Annotations:

         • We have here store the differents setup for each environment. 
         • We have one file for production environment and other for development environment.
      4. favicon.ico

         Annotations:

         • The icon displayed in our browser tap
      5. index.html
      6. main.ts

         Annotations:

         • the main file where start the application, the boostrapping
      7. polyfills.ts

         Annotations:

         • import script that Angular needs to running
         • it fills in the gaps that sometimes javascript don't support, and Angular needs
      8. styless.css

         Annotations:

         • The global style for our application
      9. test.ts

         Annotations:

         • to test our environments
   4. .editorconfig

      Annotations:

      • settings editor approach developers
   5. .gitignore

      Annotations:

      • file to setup the version control
   6. angular.json

      Annotations:

      • a standard setup
   7. browserlist
   8. favicon.ico
   9. karma.conf.js

      Annotations:

      • it is a test runner
   10. package.json

       Annotations:

       • 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.
   11. package-lock.json
   12. README.md
   13. tsconfig.app.json
   14. tsconfig.json

       Annotations:

       • it contain different options to compile the typescript code into javascript code.
   15. tsconfig.spec.json
   16. tslint.json

       Annotations:

       • Static Analysis Tool for Readability, Maintainability and Functionality.