{"id":17035892,"url":"https://github.com/dabeng/learn-angularjs-with-example","last_synced_at":"2025-10-06T13:40:39.857Z","repository":{"id":33995264,"uuid":"37748830","full_name":"dabeng/learn-angularjs-with-example","owner":"dabeng","description":"AngularJS is amiable js framework as well as powerful. Let's step to her inch by inch.","archived":false,"fork":false,"pushed_at":"2015-12-25T06:46:17.000Z","size":1287,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-08T19:32:26.366Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dabeng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-06-19T22:25:55.000Z","updated_at":"2016-08-26T02:17:37.000Z","dependencies_parsed_at":"2022-07-13T08:11:02.898Z","dependency_job_id":null,"html_url":"https://github.com/dabeng/learn-angularjs-with-example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dabeng/learn-angularjs-with-example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dabeng%2Flearn-angularjs-with-example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dabeng%2Flearn-angularjs-with-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dabeng%2Flearn-angularjs-with-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dabeng%2Flearn-angularjs-with-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dabeng","download_url":"https://codeload.github.com/dabeng/learn-angularjs-with-example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dabeng%2Flearn-angularjs-with-example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278621847,"owners_count":26017253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-14T08:48:28.974Z","updated_at":"2025-10-06T13:40:39.814Z","avatar_url":"https://github.com/dabeng.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Learn AngularJS with example\nAngularJS is amiable js framework as well as powerful. Let's step to her inch by inch.\n\nBefore we begin, I put forwrad my individual opinions about AngularJS:\n\nAt 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**. \n\nI 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.\n\nFrankly, 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**.\n\nAdditionally, 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? \n\nSo 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.\n\n\n## [Lesson 1 - jQuery vs AngularJS == outside DOM vs inside DOM](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/)\n* [Event-Binding](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#event-bind)\n* [Two-way Data-Binding](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#data-bind)\n* [Show/Hide Control](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#show-hide)\n* [Switch Dom Structure](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#switch-dom)\n* [More free rendering](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#free-render)\n* [Filter is awesome](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/index.html#filter)\n* [$watch() + $digest() + $apply()](https://dabeng.github.io/learn-angularjs-with-example/outside-dom-vs-inside-dom/#watcher)\n\n## [Lesson 2 - Angularjs and UI Design](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/collaboration)\n* [collaboration between UE designer and ng developer](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/collaboration)\n* [Vivify layout of webapp with ngClass \u0026 ngAnimate](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/animation)\n* [AngularJS Material Design](https://dabeng.github.io/learn-angularjs-with-example/angularjs-and-ui-design/material-design)\n\n## [Lesson 3 - core stuff, cool stuff](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controller-scope)\n* [Controllers and Scopes](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes)\n  * [Scope inheritance](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes)\n  * [Controller communication](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/controllers-and-scopes/)\n* [Directives](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)\n  * [Create custom directive -- Tag Pool](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)\n  * [Wrapping the existing awesome jQuery plugin -- Datatables](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/directives)\n* [service vs factory vs provider](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/services)\n* [modules](https://dabeng.github.io/learn-angularjs-with-example/core-stuff-and-cool-stuff/modules)\n\n## Lesson 4 - backend-less development\n* ngResource\n* ngMockE2E\n\n## [Lesson 5 - practical app demonstration](https://github.com/dabeng/cohort)\n* [Cohort](https://github.com/dabeng/cohort)\n\n## [Lesson 6 - sumup and best practices](https://dabeng.github.io/learn-angularjs-with-example/best-practices/sumup.html)\n* [Let's sum up what AnguarlJS brings to us](https://dabeng.github.io/learn-angularjs-with-example/best-practices/sumup.html)\n* coding style and best practives\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdabeng%2Flearn-angularjs-with-example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdabeng%2Flearn-angularjs-with-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdabeng%2Flearn-angularjs-with-example/lists"}