https://github.com/dabeng/learn-angularjs-with-example
AngularJS is amiable js framework as well as powerful. Let's step to her inch by inch.
https://github.com/dabeng/learn-angularjs-with-example
Last synced: 9 months ago
JSON representation
AngularJS is amiable js framework as well as powerful. Let's step to her inch by inch.
- Host: GitHub
- URL: https://github.com/dabeng/learn-angularjs-with-example
- Owner: dabeng
- License: mit
- Created: 2015-06-19T22:25:55.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-12-25T06:46:17.000Z (over 10 years ago)
- Last Synced: 2025-04-08T19:32:26.366Z (over 1 year ago)
- Language: HTML
- Size: 1.23 MB
- Stars: 4
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Learn AngularJS with example
AngularJS is amiable js framework as well as powerful. Let's step to her inch by inch.
Before we begin, I put forwrad my individual opinions about AngularJS:
At present, in the field of front-end js framework, a hundred flowers bloom, a hundred schools of thought contend. Personally, I prefer AngularJS, because it supply a comprehensive front-end solution, **make me focus on business logic** rather than high-end techniques full of **obscure syntax and ugly writing**.
I know there is an argument -- front-end engineers should **move from the monolithic frameworks** like AngularJS and Ember **to the small, dedicated libraries**. But **I don't think so**, if I do that, I have to dispose endless issues on integration of heterogeneous frameworks and put much more effort in digging into every single library in order to adjust some trivial details.
Frankly, I'm a **lazy minimalist**, I **hate** the application that its features provided to the customers are **less than** the quantity of frameworks or libraries it includes. I love to get rid of anything I think of as ‘extra’. Don't waste any 1k of js framework you introduced into the apllication.Don't spend too much time in accomplishing MVC layering or data flowing, beacause we are **deveoping application** on top of framework **not inventing new framework**.
Additionally, someone claims that angularjs **1.x is out**, AngularJS **2.0 is entirely new version**. It looks quite different. I want to wait and see a litte more.But I want to tell you that, by the time the **ES6 era truly arrives**, Which framework is not going to change correspondingly?
So It's not big deal. It's **too soon to panic** on AngularJS. It's **our mission** and **our fate** to be prepared for change and look forward to learning what is coming around the corner.Isn't it? Come on, just enjoy it.
## [Lesson 1 - jQuery vs AngularJS == outside DOM vs inside DOM](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/)
* [Event-Binding](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#event-bind)
* [Two-way Data-Binding](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#data-bind)
* [Show/Hide Control](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#show-hide)
* [Switch Dom Structure](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#switch-dom)
* [More free rendering](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#free-render)
* [Filter is awesome](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#filter)
* [$watch() + $digest() + $apply()](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/#watcher)
## [Lesson 2 - Angularjs and UI Design](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/collaboration)
* [collaboration between UE designer and ng developer](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/collaboration)
* [Vivify layout of webapp with ngClass & ngAnimate](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/animation)
* [AngularJS Material Design](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/material-design)
## [Lesson 3 - core stuff, cool stuff](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controller-scope)
* [Controllers and Scopes](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes)
* [Scope inheritance](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes)
* [Controller communication](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes/)
* [Directives](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)
* [Create custom directive -- Tag Pool](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)
* [Wrapping the existing awesome jQuery plugin -- Datatables](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)
* [service vs factory vs provider](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/services)
* [modules](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/modules)
## Lesson 4 - backend-less development
* ngResource
* ngMockE2E
## [Lesson 5 - practical app demonstration](https://github.com/dabeng/cohort)
* [Cohort](https://github.com/dabeng/cohort)
## [Lesson 6 - sumup and best practices](https://dabeng.github.io/learn-angularjs-with-example/best-practices/sumup.html)
* [Let's sum up what AnguarlJS brings to us](https://dabeng.github.io/learn-angularjs-with-example/best-practices/sumup.html)
* coding style and best practives