Raghu348 · Raghu348 · Aug 6, 2018
diff --git a/.idea/dictionaries/welcome.xml b/.idea/dictionaries/welcome.xml
diff --git a/AngularApplications/CodingStandardsApp/app.js b/AngularApplications/CodingStandardsApp/app.js
@@ -0,0 +1 @@
+var app = angular.module("app",[]);
diff --git a/AngularApplications/CodingStandardsApp/controllers/ctrl.js b/AngularApplications/CodingStandardsApp/controllers/ctrl.js
@@ -0,0 +1,7 @@
+app.controller("ctrl",ctrl);
+ctrl.$inject=["$scope"];
+function ctrl($scope) {
+    $scope.var_one = "AngularJS+Angular2";
+    $scope.var_two = "NodeJS";
+    $scope.var_three = "MongoDB";
+}
diff --git a/AngularApplications/CodingStandardsApp/index.html b/AngularApplications/CodingStandardsApp/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="app">
+
+    <h1 style="color: red"
+        ng-controller="ctrl"
+        ng-bind="var_one+'<==>'+var_two+'<==>'+var_three">
+    </h1>
+
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
+    <script src="app.js"></script>
+    <script src="controllers/ctrl.js"></script>
+</html>
diff --git a/AngularApplications/DynamicAngularApplication/index.html b/AngularApplications/DynamicAngularApplication/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en" ng-app="app">
+    <div ng-controller="ctrl">
+        <h1 style="color: red" ng-bind="var_one"></h1>
+    </div>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
+    <script>
+        var app = angular.module("app",[]);
+
+        /*app.controller("ctrl",function ($scope) {
+            $scope.var_one = "Data From MongoDB Soon....";
+        });*/
+
+
+        /*
+            1.Never Take the Annonymus Function while Implementing Project
+         */
+
+
+        /*
+            2. We Must Write the Dependency Injections with the help of $inject.
+         */
+        app.controller("ctrl",ctrl);
+        ctrl.$inject=["$scope"];
+        function ctrl($scope){
+            $scope.var_one = "Data From DataBase Soon...";
+        }
+    </script>
+</html>
diff --git a/AngularApplications/StaticAngularApplication/.bowerrc b/AngularApplications/StaticAngularApplication/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory":"bower_components"
+}
diff --git a/AngularApplications/StaticAngularApplication/bower.json b/AngularApplications/StaticAngularApplication/bower.json
@@ -0,0 +1,6 @@
+{
+  "name":"nareshit",
+  "dependencies":{
+    "angular":"~1.6.0"
+  }
+}
diff --git a/AngularApplications/StaticAngularApplication/index.html b/AngularApplications/StaticAngularApplication/index.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html lang="en" ng-app>
+    <input type="number" ng-model="obj_one"> <br><br>
+    <input type="number" ng-model="obj_two"> <br><br>
+    <h1 style="color: red" ng-bind="obj_one+obj_two"></h1>
+    <script src="bower_components/angular/angular.min.js"></script>
+</html>
diff --git a/AngularApplications/class_notes b/AngularApplications/class_notes
@@ -0,0 +1,192 @@
+AngularApplications.
+    - By using AngularJS We Can Create Two Types Of Angular Applications.
+
+1.Static Angular Application
+2.Dynamic Angular Application.
+
+Static Angular Application.
+
+    - If View Won't Interacts with the Controller for Dynamic Data , Then Such Type Of
+      Angular Application called as Static Angular Application.
+
+
+Dynamic Angular Application.
+
+    - If View Interacts with the Controller for Dynamic Data Then Such Type Of Angular Application
+      called as Dynamic Angular Application.
+
+
+bower.
+    - Bower is the Automation plugin given by the NodeJS , used to download the Required
+      Resources to Develop web application.
+
+bower components.
+
+1. bower.json
+2. .bowerrc
+
+bower.json.
+-
+    - used to write the required dependencies to develop web application.
+
+{
+    "name":"nareshit",
+    "dependencies":{
+        "angular" : "~1.6.0",
+        "bootstrap" : "~3.3.7"
+    }
+
+}
+
+.bowerrc
+-
+    - used to locate the path to the resources downloading by using bower.
+
+{
+   "directory":"bower_components"
+}
+
+
+    - we can run the bower components by using NodeJS Command.
+
+      >bower install
+
+    - when ever we run the "bower" , bower automatically connects with the "GitHub"
+      with Git Interface tool.
+
+    - "~" used to download the latest version of required resources with the help
+      of GitHub.
+
+    - "^" used to download the exact version of required resources with the help of GitHub.
+
+Steps to Create the Static Angular Application.
+-
+
+Step 1.
+    Download the Angular Framework by using bower.
+
+
+Step 2.
+    Create the View with following directives.
+    1.ng-app
+    2.ng-model
+    3.ng-bind
+
+index.html
+-
+<!DOCTYPE html>
+<html ng-app>
+    <input type="number" ng-model="obj_one"> <br><br>
+    <input type="number" ng-model="obj_two"> <br><br>
+    <h1 style="color:red" ng-bind="obj_one+obj_two"></h1>
+    <script src="bower_components/angular/angular.min.js"></script>
+</html>
+
+    - Framework starts the execution from ng-app directive
+    - if our application static , we won't specify the logical name for the web application.
+    - ng-model directive will creates objects in "heap memory" with dynamic data.
+    - ng-bind directive binds the "model data" to the "view".
+
+Steps to Create the Dynamic Angular Application.
+-
+Step 1.
+      Download the Angular Framework by using bower.
+
+Step 2.
+      Load the Angular Framework.
+
+Step 3.
+    Declare the logical name for the web application by using ng-app directive.
+
+Step 4.
+    Declare the Controller by using "ng-controller" directive.
+
+
+Step 5.
+    Get the Entire Webpage Control (index.html) / Instantiate the application module
+
+
+Step 6.
+    Implement the Controller
+
+
+---------------------------
+CodingStandardsApp
+    index.html
+    app.js
+    controllers
+         ctrl.js
+    bower.json
+    .bowerrc
+--------------------------
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Directives/PredefinedDirectives/.bowerrc b/Directives/PredefinedDirectives/.bowerrc
@@ -0,0 +1,3 @@
+{
+  "directory":"bower_components"
+}
diff --git a/Directives/PredefinedDirectives/bower.json b/Directives/PredefinedDirectives/bower.json
@@ -0,0 +1,7 @@
+{
+  "name":"nareshit",
+  "dependencies":{
+    "angular":"~1.6.0",
+    "bootstrap":"~3.3.6"
+  }
+}