{"id":28003609,"url":"https://github.com/codef0rmer/angular-directives-in-traction","last_synced_at":"2025-05-09T02:14:55.180Z","repository":{"id":35578588,"uuid":"39850991","full_name":"codef0rmer/angular-directives-in-traction","owner":"codef0rmer","description":"A goto guide for any angular developer to learn angular directives from ground up","archived":false,"fork":false,"pushed_at":"2015-08-08T18:00:09.000Z","size":244,"stargazers_count":6,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-05-09T02:14:50.648Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.gitbook.com/book/codef0rmer/angularjs-directives-in-traction-the-book/details","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codef0rmer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-07-28T18:29:21.000Z","updated_at":"2019-05-04T10:27:13.000Z","dependencies_parsed_at":"2022-06-25T19:05:33.083Z","dependency_job_id":null,"html_url":"https://github.com/codef0rmer/angular-directives-in-traction","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codef0rmer%2Fangular-directives-in-traction","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codef0rmer%2Fangular-directives-in-traction/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codef0rmer%2Fangular-directives-in-traction/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codef0rmer%2Fangular-directives-in-traction/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codef0rmer","download_url":"https://codeload.github.com/codef0rmer/angular-directives-in-traction/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253176444,"owners_count":21866143,"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","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":"2025-05-09T02:14:54.685Z","updated_at":"2025-05-09T02:14:55.173Z","avatar_url":"https://github.com/codef0rmer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"AngularJS Directives in Traction\n=========\n\nAngularJS is a super-heroic JavaScript Framework that makes writing single page applications a breeze. It allows you to expand HTML vocabulary by creating custom tags with a help of directive definition object. AngularJS bundled with a set of directives like ngRepeat, ngModel, ngView which make it really easy to build an application but many a times the existing directives fell short considering the need and complexity you are dealing with. And you face the problem head-on when it comes to build directives from ground ups. This book teaches you to extend AngularJS by writing custom directives and motivates to understand the purpose of testing by facilitating Test Driven Development through out the book.\n\n**[AngularJS Directives in Traction](https://amitgharat.wordpress.com/2015/07/28/angularjs-directives-in-traction/)** helps you understand how built-in directives work and teaches you to build custom directives on your own. Ultimately, Angular Directives will be the magic revealed for you.\n\nInstallation\n--------------\nPlease download the source code and put it in the root directory of any web server installed on your system. **Web Server is a must for protractor tests to run.**\n\nNodeJS and NPM are prerequisite.\n```sh\ncd Angular Directives in Traction/\nbower install\nnpm install\nnpm install -g karma-cli\nnode_modules/protractor/bin/webdriver-manager update\n```\n\nThere are chapter wise folders you can go through to check out examples.\n\nRun tests\n-------------\nFirst of all, **update baseUrl in e2e.conf.js** accordingly. Then run:\n```sh\nnpm run test-unit\n\nnpm run test-e2e\n```\n\nUsing the Companion Suite\n-------------------------\n*Chapter 1: ch01/*\n * notification-panel-javascript.html\n * notification-panel-angular.html\n * twoway-databinding.html\n * di.html\n * angular-template.html\n * accordion-tb.html\n * accordion-ab.html\n * noop.html\n\n*Chapter 2: ch02/*\n * value.html\n * constant.html\n * factory.html\n * service.html\n * provider.html\n * filter.html\n * config.html\n * modeling.html\n * controller.html\n * controller-nested.html\n * instant-search.html\n\n*Chapter 3: ch03/*\n * placeholder.html\n\n*Chapter 4: ch04/*\n * restrict.html\n * template.html\n * templateUrl.html\n * replace.html\n * priority.html\n * terminal.html\n * super-marquee.html\n * iscroll-directive.html\n\n*Chapter 5: ch05/*\n * scope-false.html\n * scope-true.html\n * scope-isolate.html\n * iscroll-directive.html\n\n*Chapter 6: ch06/*\n * base.html\n * compile-vs-link.html\n * base-link.html\n * transclude.html\n * base-transclude.html\n * base-controller.html\n * base-require.html\n * ng-model.html\n * ng-model-spinner.html\n * base-thumbnailviewer.html\n * thumbnail-viewer.html\n\n*Chapter 7: ch07/*\n * $apply.html\n * $digest.html\n * watch-deeply.html\n * iscroll-directive.html\n * watch-spinner.html\n * image-lazy-loader.html\n * image-lazy-loader-fixed.html\n \nTable of Contents\n-----------\n\n1. AngularJS Directives: A forerunner of Web Components\n2. AngularJS Fundamentals: A Crash Course\n3. Testing the Beast: Unit testing and E2E testing\n4. Building your first HTML element using the API\n5. Understanding Scope in Directives for better context\n6. Crafting directives to handle Complex Scenarios\n7. Bringing directives to Life\n\nLicense\n----\n\nMIT","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodef0rmer%2Fangular-directives-in-traction","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodef0rmer%2Fangular-directives-in-traction","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodef0rmer%2Fangular-directives-in-traction/lists"}