AngularJS Basics

  1. directives (def'n)
    This prefix (ng-) marks the built-in AngularJS extensions to the HTML vocabulary
  2. ng-app
    sets the boundaries of the AngularJS application and can be applied on  any HTML element, with the only constraint being that it can appear only once.
  3. ng-app  also known as __?___
    The AngularJS application root element.
  4. directives ( attribute with an ng- prefix)
    are used to add dynamic behavior to HTML content and introduce a powerful, versatile, and declarative user interface definition language
  5. ng-app maps to...
    attribute maps to a directive used to bootstrap the AngularJS application.
  6.  ng-model (def'n) <input type="text" placeholder="Please enter name" ng-model="name">
    This attribute introduces the concept of scope, the fundamental data model in AngularJS.
  7. <h3 ng-show="name">Hello! My name is {{name}}.</h3>
    directive introduced by this attribute will show or hide its HTML element depending on the true or false evaluation of the expression from the attribute value.
  8. property (defn)
    what the ng-model attribute is set to.
  9. {{name}} (def'n)
    This represents an interpolation that is based on an AngularJS expression that will be evaluated against the scope object.
  10. <body ng-controller="ExampleController">
    a directive that maps an AngularJS object called controller to the HTML section delimited by the current element.
  11. IIFE (acronym) stands for ?
    the Immediately-invoked Function Expression
  12. In Javascript, any variable declared outside of a function body will automatically be visible to the global scope. True or False ?
  13. Hoisting (def'n)
    When JavaScript automatically moves all variable declarations to the top of the current scope.
  14. Hoisting can lead to scenarios where:
    A. you can use a property after it is declared and can not instantiate it.
    B. you use a variable before it is declared, which is confusing and can cause unintended errors
    C. a variable wont be initialized to what you think it is.
  15. Revealing Module Pattern (def'n)
    Solves the problem of implementation details being hidden for JavaScript objects that need to provide publicly accessible properties.
  16. "use strict" (def'n)
    By including this in your scripts you can adhere to the ECMAScript 5 strict mode when using a modern browser.
  17. JavaScript "Strict Mode" characteristics (list)
    • Some silent errors are thrown instead of being ignored, such as assignment to a non-writable property.
    • All global variables need to be explicitly declared. When you mistype a global variable name, an exception is thrown.
    • All of the property names of an object need to be unique, and all of the parameter names for a function also need to be unique.
  18. What does using strict mode lead to?
    leads to code that is cleaner, safer, & has fewer errors.
  19. Key to the controller directive, and the $scope parameter is a technique called __?__  __?__
    dependency injection
  20. Dependency Injection (def'n)
    a software design pattern that facilitates the management of code dependencies by delegating them to a dedicated software component known as the injector.
  21. injector (def'n).
    Each AngularJS module has this instance that deals with resolving controllers and other object dependencies by loading all object definitions before the application starts and injecting them as parameters to constructor functions during application run-time.
  22. $scope (def'n)
    This is the binding part between the HTML (view) and the JavaScript (controller). In addition, it is an object with the available properties and methods.
  23. controller (def'n)
    Controls the data of AngularJS  applications.
  24. angular.module (def'n)
    A collection of services, directives, controllers, filters, and configuration information. This is used to configure the $injector. However it's more likely that you'll just use ngApp or angular.bootstrap to simplify this process for you.
  25. transclude (def'n)
    Makes the contents of a directive with this option have access to the scope outside of the directive rather than inside.
  26. bootstrap (def'n)
    a free and open-source front-end web framework for designing websites and web applications (used a lot with AngularJS)
Card Set
AngularJS Basics
Basic terms and concepts for Angularjs