From a4f761ec40b9675f001c3a61f748f4aced99e51a Mon Sep 17 00:00:00 2001 From: Zafarali Ahmed Date: Fri, 20 Feb 2015 01:08:05 -0500 Subject: [PATCH 1/6] fixes image --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bb5dcd7..cc2d3bc 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ Learning AngularJS ================ *I noticed how untidy the main folder has become, however I am not going to move any of the files anywhere due to the fact that all the links are now fixed in this README. If there is another tutorial that comes up then I will create a separate folder with the code and README for that curriculum - *Thanks for visiting!* * -![ng!](https://twimg0-a.akamaihd.net/profile_images/1143997916/ng-logo_reasonably_small.png) +![ng!](https://angularjs.org/img/AngularJS-large.png) So I've been meaning to learn AngularJS for some time now and I've watched a few videos here and there but kept on dropping and never building anything concrete. This repo will help me track my progress through two curriculums I've found on thinkster.io and codeschool.com: From f7f633ef2cb18b3ed5e0aab0bca18b3e8818ec67 Mon Sep 17 00:00:00 2001 From: Zafarali Ahmed Date: Fri, 20 Feb 2015 01:11:35 -0500 Subject: [PATCH 2/6] Update README.md --- README.md | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index cc2d3bc..b9baee4 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,11 @@ Learning AngularJS ================ -*I noticed how untidy the main folder has become, however I am not going to move any of the files anywhere due to the fact that all the links are now fixed in this README. If there is another tutorial that comes up then I will create a separate folder with the code and README for that curriculum - *Thanks for visiting!* * +Updates + +**Note: about Angular 2: Angular 2 has many drastic changes, I might get to an Angular 2 tutorial over the summer!** + +***I noticed how untidy the main folder has become, however I am not going to move any of the files anywhere due to the fact that all the links are now fixed in this README. If there is another tutorial that comes up then I will create a separate folder with the code and README for that curriculum - *Thanks for visiting!* *** + ![ng!](https://angularjs.org/img/AngularJS-large.png) So I've been meaning to learn AngularJS for some time now and I've watched a few videos here and there but kept on dropping and never building anything concrete. This repo will help me track my progress through two curriculums I've found on thinkster.io and codeschool.com: From 7f93ca335c7088da615a9a5b2fdf6c752debb1e6 Mon Sep 17 00:00:00 2001 From: doly mood Date: Fri, 3 Apr 2015 14:21:44 +0800 Subject: [PATCH 3/6] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index b9baee4..080e570 100644 --- a/README.md +++ b/README.md @@ -498,7 +498,7 @@ The functions/methods available to us without any further modification are: 4. `.$remove()` which does a DELETE request. 5. `.$delete()` which does a DELETE request. The getters and the deleters, `.get()`, `.query()`, `.$remove()` and `.$delete()` can be passed a callback function with `(value,headers)` and the error callback is passed with `httpResponse` argument. -A full example of this would be `UserProfile.get({id:1}, function(data){/*do success stuff*/}, function(response){/*handle error*/}. +A full example of this would be `UserProfile.get({id:1}, function(data){/*do success stuff*/}, function(response){/*handle error*/}`. The setter `.$save()` is called with some data to be posted and has the same success/error callback pattern. A full example of this would be: `Notes.$save({noteId:2, author:'Camillo'}, "This is an amazing note wow", successCallback, errorCallback)` @@ -541,7 +541,7 @@ scope.$emit('myEventName', 'Hello', 'World'); //or scope.$broadcast('myEventName', 'Bye', 'World'); ``` -What is the difference between `$emit` and `$broadcast`? As mentioned previously `$emit` propogates the event upwards and all controllers listening for `myEventName` in the parent scopes will be alerted. `$broadcast` does the opposite and propagates the event downwards. Note that both these events will also execute in their own scopes. +What is the difference between `$emit` and `$broadcast`? As mentioned previously `$emit` propagates the event upwards and all controllers listening for `myEventName` in the parent scopes will be alerted. `$broadcast` does the opposite and propagates the event downwards. Note that both these events will also execute in their own scopes. A new example here [08-2-onEmitBroadcast.html](https://github.com/zafarali/learning-angular/blob/master/08-2-onEmitBroadcast.html) demonstrates this. Remember that declaring a new controller automatically creates a new scope. The page is also demonstrates inherited scopes and overriding properties. I've realized that this is one of AngularJS' most powerful feature. From 8a604e32866ee7cbe42f9e59ca9132187017700f Mon Sep 17 00:00:00 2001 From: doly mood Date: Fri, 3 Apr 2015 14:29:02 +0800 Subject: [PATCH 4/6] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 080e570..483138c 100644 --- a/README.md +++ b/README.md @@ -498,7 +498,7 @@ The functions/methods available to us without any further modification are: 4. `.$remove()` which does a DELETE request. 5. `.$delete()` which does a DELETE request. The getters and the deleters, `.get()`, `.query()`, `.$remove()` and `.$delete()` can be passed a callback function with `(value,headers)` and the error callback is passed with `httpResponse` argument. -A full example of this would be `UserProfile.get({id:1}, function(data){/*do success stuff*/}, function(response){/*handle error*/}`. +A full example of this would be `UserProfile.get({id:1}, function(data){/*do success stuff*/}, function(response){/*handle error*/})`. The setter `.$save()` is called with some data to be posted and has the same success/error callback pattern. A full example of this would be: `Notes.$save({noteId:2, author:'Camillo'}, "This is an amazing note wow", successCallback, errorCallback)` From ad06b7f89f531316ecff3d2e400fca238c8dde39 Mon Sep 17 00:00:00 2001 From: orthographic-pedant Date: Wed, 30 Sep 2015 15:59:46 -0400 Subject: [PATCH 5/6] Fixed typographical error, changed accross to across in README. --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 483138c..4354fa1 100644 --- a/README.md +++ b/README.md @@ -420,7 +420,7 @@ Here are some methods: - [ ] To Do The Route Life Cycle ### Server Communication -Anyone who has worked with servers and javascript would have come accross AJAX and its method of fetching data from the server using `XMLHttpRequest()`. AngularJS makes it easy to deal with these kind of objects by wrapping them as example one shows. +Anyone who has worked with servers and javascript would have come across AJAX and its method of fetching data from the server using `XMLHttpRequest()`. AngularJS makes it easy to deal with these kind of objects by wrapping them as example one shows. #### `$http` ```javascript $http.get('api/user/', {params:{id:'5'}} From 5842528c6501c3d486aa6559f8e9bd9199302db0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Javier=20Mart=C3=ADnez?= Date: Wed, 7 Feb 2018 10:55:58 +0100 Subject: [PATCH 6/6] Update README.md --- README.md | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/README.md b/README.md index 4354fa1..33d263c 100644 --- a/README.md +++ b/README.md @@ -17,18 +17,18 @@ This repository will also include code from other sources which I will cite in t This README will also track some codes, gotchas, comments and other shenanigans to help others like me learning AngularJS for the first/second/third time. Hope this helps! -#####Prerequisites +##### Prerequisites - [ ] HTML - [ ] CSS - [ ] JS (OOPs, Prototyping, functions, events, error handling) - [ ] Idea of the Model-View-Controller technique - [ ] The Document Object Model -#####Requirements +##### Requirements - [ ] Web browser - [ ] Acccess to the O'Rielly AngularJS Book. If you are a student you can access it [here](http://proquest.safaribooksonline.com/book/programming/javascript/9781449355852/firstchapter) using your university VPN. [*AngularJS by Brad Green and Shyam Seshadri (O’Reilly). Copyright 2013 Brad Green and Shyam Seshadri, 978-1-449-34485-6.*] -###00-Concepts +### 00-Concepts AngularJS relies heavily on the MVC approach: - a **Model** which contains the data shown to the user in the view and with which the user interacts. (think of it as the place where we store the data) - a **View** this is what the user sees. (the user interface or the DOM) @@ -49,8 +49,8 @@ The image summarizes [00-1-concepts.html](https://github.com/zafarali/learning-a - **Dependency Injection** In [00-2-concepts.html](https://github.com/zafarali/learning-angular/blob/master/00-2-concepts.html) we see that `ng-app` defines `invoice-srv-demo` as the main module to use in application. In the defintiion of this module we state that `finance` is a dependency of the main module. We also define the constructor for the controller after passing in the dependency `currencyConverter` from the finance module. This is known as *dependency injection* -###00-Spin -####The Dot. +### 00-Spin +#### The Dot. Found this gotcha thanks to [this video](http://www.thinkster.io/angularjs/axAQatdKIq/angularjs-the-dot). ```html