AngularJS Tutorial

By

AngularJS


Module 1: INTRODUCTION

  1. What is AngularJS ?
  2. History of AngularJS ?
  3. Sweet spot of AngularJS.
  4. Complete Solution for Client-Side.
  5. How AngularJS Works as Single Page Application ?
  6. What is Two-Way Data Biding and How it works ?


Module 2: STRUCTURE OF ANGULARJS

  1. Overview of Library Files.
  2. How to Configure AngularJS Application ?
  3. What is Root Element in AngularJS ?
  4. How to Bootstrap the Web Apps by using ng-app ?
  5. How to Extend HTML DOM with additional attributes ?
  6. What is AngularJS Expression and how to use ?


Module 3: UNDERSTANDING CONTROLLERS AND SCOPES ?

  1. What is Controller in AngularJS ?
  2. Uses of Controller ?
  3. How to call Controller methods ?
  4. How to pass parameter values to the Controller ?
  5. Overview of Controller Inheritance.
  6. Limitations of Controllers.
  7. What is Scope in Controller ?
  8. How Scope act as Data-Model ?
  9. Overview of Scope Hierarchies.
  10. How to pass Scope values to View ?
  11. How to Receive View data to the Scope ?


Module 4: UNDERSTANDING DIRECTIVES

  1. What is Directive in AngularJS ?.
  2. What are the List of Directives ?
  3. Features of Directives.
  4. How to Attach Directives in Views.
  5. How to create Custom Directive ?
  6. How to set Custom Directives as Element, Attribute, Class and Comment?
  7. What is Isolating scope of a Directive ?
  8. How to Create a Directive which Wraps Other Elements ?


Module 5: UNDERSTANDING FILTERS

  1. What is Filters in AngularJS ?
  2. What are the List of Filters in Angularjs ?
  3. Features of Filters.
  4. How to use Filters as Service and use in js ?
  5. How to pass parameters in Filters ?


Module 6: UNDERSTANDING FORMS IN ANGULARJS.

  1. How form works in AngularJS ?
  2. How to pass form data to AngularJS ?
  3. How to do form Validation in AngularJS ?
  4. What are the form states ?
  5. How form states and CSS Classes work together dynamically ?
  6. How to do custom validation ?
  7. What is ng-message and how to use in forms ?


Module 7: UNDERSTANDING DEPENDENCY INJECTION ?

  1. Define Dependency Injection.
  2. Why DI (Dependency Injection) ?
  3. How to use DI ?
  4. List of Dependency Annotation ?


Module 8: UNDERSTANDING COMPONENTS AND MODULES

  1. Overview of Services.
  2. What is Factory ?
  3. What is Providers ?
  4. How to Create Custom Services, Factory and Providers ?
  5. How to Inject components into other components ?
  6. What are the 2 Modules in AngularJS ?
  7. Where and When to use these 2 modules ?


Module 9: ROUTING IN ANGULARJS ?

  1. What is Routing ?
  2. How to use Routing ?
  3. How to use $routeProvider ?
  4. How to divide a template into multiple templates ?
  5. How to attach divided multiple templates in views ?
  6. How Routing converts our Application as SPA ?
  7. How to pass/receive parameters in url-path ?


Module 10: $HTTP COMMUNICATION SERVICE WITH JSON

  1. Features of $http service in AngularJS ?
  2. Configuration of $http Service methods.
  3. What are the $http methods and where to use it ?
  4. How to pass view-data to server side with $http ?
  5. How to pass parameters with $http ?
  6. What is cache in $http ?
  7. How to receive Success Callback and Error Callback in $http ?


Module 11: LIST OF INBUILT SERVICES

  1. $anchorScroll
  2. $animate
  3. $cacheFactory
  4. $interpolate
  5. $interval
  6. $location
  7. $log
  8. $rootScope
  9. $timeout
  10. $window


Module 12: LIST OF ANGULARJS INBUILT METHODS.

  1. JSON Properties and Methods
  2. angular.copy
  3. angular.equals
  4. angular.fromJson
  5. angular.toJson

Comments

Post a Comment

Popular posts from this blog

Spring Elasticsearch Operations

By
Elasticsearch Operations Spring Data Elasticsearch uses two interfaces to define the operations that can be called against an Elasticsearch index. These are ElasticsearchOperations and ReactiveElasticsearchOperations. Whereas the first is used with the classic synchronous implementations, the second one uses reactive infrastructure. The default implementations of the interfaces offer: Read/Write mapping support for domain types. A rich query and criteria api. Resource management and Exception translation. ElasticsearchTemplate The ElasticsearchTemplate is an implementation of the ElasticsearchOperations interface using the Transport Client. @Configuration public class TransportClientConfig extends ElasticsearchConfigurationSupport {   @Bean   public Client elasticsearchClient() throws UnknownHostException {                      Settings settings = Settings.builder().put("cluster.name", "elasticsearch")....
Read more

Object oriented programming concepts (OOPs)

By
Object-oriented programming (OOP) is a programming paradigm based on the concept of "objects". Re-usability is the main concept of Oops. There are few major principles of object-oriented paradigm. If any programming Language supports this principles that programming language called Object-oriented programming. Below are object oriented programming concepts : 1. Object        Read More about Object     http://theprogrammersfirst.blogspot.in/2016/07/java-object-concept.html
Read more

Spring Boot and Vaadin : Filtering rows in Vaadin Grid

By
Adding a text field for filtering: Start by adding a text field above the grid. Remember, MainView is a VerticalLayout, so you need to add the text field before the grid. MainView.java public class MainView extends VerticalLayout {   private ContactService contactService;   private Grid<Contact> grid = new Grid<>(Contact.class);   private TextField filterText = new TextField(); ①   public MainView(ContactService contactService) {   this.contactService = contactService;   addClassName("list-view");   setSizeFull();   configureFilter(); ②   configureGrid();   add(filterText, grid); ③   updateList();   }   private void configureFilter() {   filterText.setPlaceholder("Filter by name..."); ④   filterText.setClearButtonVisible(true); ⑤   filterText.setValueChangeMode(ValueChangeMode.LAZY); ⑥   filterText.addValueChangeListener(e -> updateList()); ⑦   }   // Grid...
Read more