Angular

Descripción

The course about Angular 4 of Mosh https://www.udemy.com/course/the-complete-angular-master-class/learn/lecture/7251996#overview
Jacinto Canek
Mapa Mental por Jacinto Canek, actualizado hace más de 1 año
Jacinto Canek
Creado por Jacinto Canek hace más de 3 años
12
0

Resumen del Recurso

Angular

Nota:

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

    Nota:

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

      Nota:

      • 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

          Nota:

          • 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

            Nota:

            • libraries
            1. src

              Nota:

              • the source code 
              1. app/

                Nota:

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

                  Nota:

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

                    Nota:

                    • 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

                      Nota:

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

                          Nota:

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

                            Nota:

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

                              Nota:

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

                                Nota:

                                • to test our environments
                              2. .editorconfig

                                Nota:

                                • settings editor approach developers
                                1. .gitignore

                                  Nota:

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

                                    Nota:

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

                                          Nota:

                                          • it is a test runner
                                          1. package.json

                                            Nota:

                                            • 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

                                                    Nota:

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

                                                        Nota:

                                                        • Static Analysis Tool for Readability, Maintainability and Functionality. 
                                                      Mostrar resumen completo Ocultar resumen completo

                                                      Similar

                                                      Angular
                                                      Kingsley Bawuah
                                                      The Princeton Review Chapter 9 Rotational Motion
                                                      Anibal Santamaria
                                                      Angular Nuts and Bolts
                                                      James Drummond
                                                      Scope and Inheritance in Angular
                                                      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