Skip to content

Commit 8932fb0

Browse files
committed
extra credit
1 parent 784c1bd commit 8932fb0

File tree

1 file changed

+23
-11
lines changed

1 file changed

+23
-11
lines changed

README.md

Lines changed: 23 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,25 @@
11
# Advanced Directives with Angular JS
22

3-
Code for a screencast that examines some of the more advanced features in Angular, specifically Directives and how we can leverage the power of custom elements and attributes to map Domain Specific concepts through HTML, translate those into Value Objects in our Domain, and achieve rendered simple HTML output.
4-
5-
## Topics Covered:
6-
- html as a dsl
7-
- abstractions
8-
- $compile
9-
- $templateRequest
10-
- $templateCache
11-
- directive definition object
12-
- requiring other directives
13-
- directive communication ($scope.$broadcast, $scope.$on)
3+
This [screencast](https://www.youtube.com/watch?v=Ty8XcASK9js) examines some of the more advanced features in Angular, specifically Directives and how we can leverage the power of custom elements and attributes to map Domain Specific concepts through HTML, translate those into Value Objects in our Domain, and gain rendered simple HTML output. Also discussed: complexity, creating a DSL with directives, debugging techniques, tips and tricks.
4+
5+
If you're interested in some more context prior to watching check out my other [angular screencasts](http://www.youtube.com/user/vidjadavemo/videos) and an earlier post on the [power of web components as abstractions](http://blog.testdouble.com/posts/2013-06-26-what-polymer-and-angular-tell-us-about-the-future-success-of-the-web-platform-and-javascript-frameworks.html); this screencast covers:
6+
7+
* html as a dsl
8+
* abstractions in html
9+
* [$compile](https://docs.angularjs.org/api/ng/service/$compile)
10+
* [$templateRequest](https://docs.angularjs.org/api/ng/service/$templateRequest)
11+
* [$templateCache](https://docs.angularjs.org/api/ng/service/$templateCache)
12+
* [directive definition object](https://docs.angularjs.org/api/ng/service/$compile#directive-definition-object)
13+
* [requiring other directives](https://docs.angularjs.org/api/ng/service/$compile#-require-)
14+
* [directive communication ($scope.$broadcast, $scope.$on)](https://docs.angularjs.org/guide/scope#scope-events-propagation)
15+
16+
# Running the Code Locally
17+
18+
I like to use the npm module [serve]() for running a simple static webserver for projects like this:
19+
20+
```shell
21+
npm i -g serve
22+
git clone git@github.com:davemo/advanced-directives-with-angular-js.git
23+
cd advanced-directives-with-angular-js
24+
serve
25+
```

0 commit comments

Comments
 (0)