FREELessons: 17Length: 1.3 hours
AngularJS is one of the most popular front-end JavaScript libraries available right now. If you've given it a try, you've seen that it has a rather unique take on web applications. Instead of creating text-based templates that you render and append to the DOM, you build a more-or-less regular HTML page, annotating it with Angular directives in order to create a dynamic web application. In this course, you’ll learn how to create custom directives.
We've built comprehensive guides to help you learn JavaScript, AngularJS, and Angular 2, whether you're just getting started or you want to explore more advanced topics.
1.Getting Started
1.1Introduction02:03
1.1
Introduction
02:03
2.Directive Basics
2.1Heading Directive Markup01:40
2.1
Heading Directive Markup
01:40
2.2The Template03:45
2.2
The Template
03:45
2.3Restricting Directive Usage03:43
2.3
Restricting Directive Usage
03:43
2.4Directive Scope, Part 105:25
2.4
Directive Scope, Part 1
05:25
2.5Directive Scope, Part 208:08
2.5
Directive Scope, Part 2
08:08
2.6Transclusion03:54
2.6
Transclusion
03:54
3.Building a Chart Directive
3.1The Chart Markup01:39
3.1
The Chart Markup
01:39
3.2The Chart Directive03:52
3.2
The Chart Directive
03:52
3.3Link and Controller Functions09:37
3.3
Link and Controller Functions
09:37
3.4Getting the Y-Coordinate08:16
3.4
Getting the Y-Coordinate
08:16
3.5Getting the X-Coordinate05:27
3.5
Getting the X-Coordinate
05:27
3.6Displaying Axes03:58
3.6
Displaying Axes
03:58
3.7Displaying Data Ticks05:56
3.7
Displaying Data Ticks
05:56
3.8Displaying Interval Ticks07:19
3.8
Displaying Interval Ticks
07:19
3.9Displaying Connecting Lines04:14
3.9
Displaying Connecting Lines
04:14
4.Conclusion
4.1Conclusion00:30
4.1
Conclusion
00:30
