Angular

Descrição

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, atualizado more than 1 year ago
Jacinto Canek
Criado por Jacinto Canek aproximadamente 3 anos atrás
12
0

Resumo de Recurso

Angular

Anotações:

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

    Anotações:

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

      Anotações:

      • 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

          Anotações:

          • 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

            Anotações:

            • libraries
            1. src

              Anotações:

              • the source code 
              1. app/

                Anotações:

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

                  Anotações:

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

                    Anotações:

                    • 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

                      Anotações:

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

                          Anotações:

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

                            Anotações:

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

                              Anotações:

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

                                Anotações:

                                • to test our environments
                              2. .editorconfig

                                Anotações:

                                • settings editor approach developers
                                1. .gitignore

                                  Anotações:

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

                                    Anotações:

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

                                          Anotações:

                                          • it is a test runner
                                          1. package.json

                                            Anotações:

                                            • 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

                                                    Anotações:

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

                                                        Anotações:

                                                        • Static Analysis Tool for Readability, Maintainability and Functionality. 

                                                      Semelhante

                                                      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