Angular

Beschreibung

The course about Angular 4 of Mosh https://www.udemy.com/course/the-complete-angular-master-class/learn/lecture/7251996#overview
Jacinto Canek
Mindmap von Jacinto Canek, aktualisiert more than 1 year ago
Jacinto Canek
Erstellt von Jacinto Canek vor mehr als 3 Jahre
12
0

Zusammenfassung der Ressource

Angular

Anmerkungen:

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

    Anmerkungen:

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

      Anmerkungen:

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

          Anmerkungen:

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

            Anmerkungen:

            • libraries
            1. src

              Anmerkungen:

              • the source code 
              1. app/

                Anmerkungen:

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

                  Anmerkungen:

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

                    Anmerkungen:

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

                      Anmerkungen:

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

                          Anmerkungen:

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

                            Anmerkungen:

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

                              Anmerkungen:

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

                                Anmerkungen:

                                • to test our environments
                              2. .editorconfig

                                Anmerkungen:

                                • settings editor approach developers
                                1. .gitignore

                                  Anmerkungen:

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

                                    Anmerkungen:

                                    • a standard setup
                                    1. browserlist
                                      1. favicon.ico
                                        1. karma.conf.js

                                          Anmerkungen:

                                          • it is a test runner
                                          1. package.json

                                            Anmerkungen:

                                            • 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.
                                            1. package-lock.json
                                              1. README.md
                                                1. tsconfig.app.json
                                                  1. tsconfig.json

                                                    Anmerkungen:

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

                                                        Anmerkungen:

                                                        • Static Analysis Tool for Readability, Maintainability and Functionality. 
                                                      Zusammenfassung anzeigen Zusammenfassung ausblenden

                                                      ähnlicher Inhalt

                                                      The Princeton Review Chapter 9 Rotational Motion
                                                      Anibal Santamaria
                                                      Angular
                                                      Kingsley Bawuah
                                                      Scope and Inheritance in Angular
                                                      James Drummond
                                                      Angular Nuts and Bolts
                                                      James Drummond
                                                      Angular application scaffolding
                                                      James Drummond
                                                      Directives and scope
                                                      James Drummond
                                                      Fluxo buscaCliente
                                                      Alex José Silva
                                                      FE Web Applications Components
                                                      Juan Carlos Joya Carvajal
                                                      How Angular works
                                                      James Drummond
                                                      Angular-hint
                                                      James Drummond
                                                      Angular Concept questions and answers
                                                      Abinaya Murugaiyan