Andrew BurgessApr 23, 2015

FREELessons: 17Length: 1.3 hours

Angular JavaScript Front-End SVG Web Development Web Apps

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

2.1 Heading Directive Markup

The first directive we build will be more of an "HTML shortcut". So in this lesson, we'll look at the static markup that will eventually become a directive.

1.Getting Started
1 lesson, 02:03

2.Directive Basics
6 lessons, 26:35

2.1
Heading Directive Markup
01:40

2.3
Restricting Directive Usage
03:43

2.4
Directive Scope, Part 1
05:25

2.5
Directive Scope, Part 2
08:08

3.Building a Chart Directive
9 lessons, 50:18

3.3
Link and Controller Functions
09:37

3.4
Getting the Y-Coordinate
08:16

3.5
Getting the X-Coordinate
05:27

3.7
Displaying Data Ticks
05:56

3.8
Displaying Interval Ticks
07:19

3.9
Displaying Connecting Lines
04:14

4.Conclusion
1 lesson, 00:30

Hi! I'm Andrew Burgess, and I'm a connoisseur of all things programming. I'm from near Toronto, Canada, and I've been fooling around with computers for nearly my whole life, both hardware and software. Right now, I'm finishing up a computer science degree. For almost a decade now, I've been playing around with over a dozen programming languages on several different platforms, from JavaScript to Java, from Ruby to Befunge. My favourite has always been JavaScript. I've always enjoyed writing, so when I discovered Tuts+ in 2009, I was excited to start writing tutorials. Since then, I've been writing tutorials and producing screencasts for Tuts+. Right now, I'm a course instructor and I produce mostly JavaScript-related courses. Maybe you've seen Building a Web App from Scratch with Angular.js or Node.js from Scratch; that's me! I've also written a few ebooks, like Getting Good with Git, Getting Good with JavaScript, and, more recently, Backbone.js Blueprints.

andrew8088

Creating Angular Directives

Next lesson playing in 5 seconds

2.1 Heading Directive Markup

1.Getting Started
1 lesson, 02:03

1.1
Introduction
02:03

2.Directive Basics
6 lessons, 26:35

2.1
Heading Directive Markup
01:40

2.2
The Template
03:45

2.3
Restricting Directive Usage
03:43

2.4
Directive Scope, Part 1
05:25

2.5
Directive Scope, Part 2
08:08

2.6
Transclusion
03:54

3.Building a Chart Directive
9 lessons, 50:18

3.1
The Chart Markup
01:39

3.2
The Chart Directive
03:52

3.3
Link and Controller Functions
09:37

3.4
Getting the Y-Coordinate
08:16

3.5
Getting the X-Coordinate
05:27

3.6
Displaying Axes
03:58

3.7
Displaying Data Ticks
05:56

3.8
Displaying Interval Ticks
07:19

3.9
Displaying Connecting Lines
04:14

4.Conclusion
1 lesson, 00:30

4.1
Conclusion
00:30

Creating Angular Directives

Next lesson playing in 5 seconds

2.1 Heading Directive Markup

1.Getting Started1 lesson, 02:03

2.Directive Basics6 lessons, 26:35

3.Building a Chart Directive9 lessons, 50:18

4.Conclusion1 lesson, 00:30

1.Getting Started
1 lesson, 02:03

2.Directive Basics
6 lessons, 26:35

3.Building a Chart Directive
9 lessons, 50:18

4.Conclusion
1 lesson, 00:30