Compare commits
3 Commits
| Author | SHA1 | Date |
|---|---|---|
John Bintz
|
a1fac2d23f | |
|
John Bintz
|
00aabd62df | |
|
John Bintz
|
ab3f0b7a3d |
|
|
@ -0,0 +1,2 @@
|
|||
.sass-cache/
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
8
app.js
8
app.js
|
|
@ -66,7 +66,8 @@ presentation.directive('presentation', function() {
|
|||
replace: true,
|
||||
templateUrl: 'presentation.html',
|
||||
controller: function($scope, options) {
|
||||
$scope.options = options
|
||||
$scope.options = options;
|
||||
$scope.codeBlocks = ($scope.codeBlocks || {});
|
||||
},
|
||||
};
|
||||
});
|
||||
|
|
@ -77,7 +78,8 @@ presentation.directive('slide', function(boundScopeHelper) {
|
|||
replace: true,
|
||||
transclude: true,
|
||||
scope: {
|
||||
'options': '='
|
||||
'options': '=',
|
||||
'codeBlocks': '='
|
||||
},
|
||||
controller: function($scope) {
|
||||
$scope.state = ($scope.state || {});
|
||||
|
|
@ -192,6 +194,8 @@ presentation.directive('codeDisplayer', function(boundScopeHelper) {
|
|||
},
|
||||
templateUrl: 'code_displayer.html',
|
||||
link: function(scope, element, attrs) {
|
||||
scope.codeBlocks = scope.codeBlocks || {};
|
||||
|
||||
scope.$watch('codeBlocks', function(codeBlocks) {
|
||||
if (codeBlocks && codeBlocks[attrs.for]) {
|
||||
var beautifier;
|
||||
|
|
|
|||
59
index.html
59
index.html
|
|
@ -1,6 +1,6 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<title>Beginner AngularJS: Blow Your Mind Edition</title>
|
||||
<title>Total Beginner AngularJS: Blow Your Mind Edition</title>
|
||||
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
|
||||
<script type="text/javascript" src="angular.min.js"></script>
|
||||
<script type="text/javascript" src="keypress.js"></script>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<slide id="introduction">
|
||||
<script type="text/code-grabber" for="slide">
|
||||
<section id="intro-title" ng-animate="'mind_blown'" ng-show="!state.blow_your_mind">
|
||||
<title>Beginner's AngularJS</title>
|
||||
<title>Total Beginner AngularJS</title>
|
||||
</section>
|
||||
<section id="intro-blow-your-mind" ng-animate="'mind_blown'" ng-show="state.blow_your_mind">
|
||||
<title>Blow Your Mind Edition</title>
|
||||
|
|
@ -108,13 +108,49 @@
|
|||
</form>
|
||||
</script>
|
||||
<code-runner for="hide_show"></code-runner>
|
||||
</slide>
|
||||
<slide id="basic-click-hide-show-code">
|
||||
<section id="basic-click-hide-show-code-code">
|
||||
<code-displayer for="hide_show" language="html"></code-displayer>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="ng-directives">
|
||||
<section id="ng-init" ng-show="state.current == 1">
|
||||
<title><code>ng-init</code></title>
|
||||
<subtitle>"Run this expression!"</subtitle>
|
||||
</section>
|
||||
<section id="ng-show" ng-show="state.current == 2">
|
||||
<title><code>ng-show</code></title>
|
||||
<subtitle>"Make me display: visible if..."</subtitle>
|
||||
</section>
|
||||
<section id="ng-click" ng-show="state.current == 3">
|
||||
<title><code>ng-click</code></title>
|
||||
<subtitle>"If I'm clicked, run this expression!"</subtitle>
|
||||
</section>
|
||||
<section id="ng-disabled" ng-show="state.current == 4">
|
||||
<title><code>ng-disabled</code></title>
|
||||
<subtitle>"Make me disabled if..."</subtitle>
|
||||
</section>
|
||||
<form ng-init="state.current = 1">
|
||||
<fieldset class="btn-group">
|
||||
<button class="btn" ng-click="state.current = 1" ng-disabled="state.current == 1">ng-init</button>
|
||||
<button class="btn" ng-click="state.current = 2" ng-disabled="state.current == 2">ng-show</button>
|
||||
<button class="btn" ng-click="state.current = 3" ng-disabled="state.current == 3">ng-click</button>
|
||||
<button class="btn" ng-click="state.current = 4" ng-disabled="state.current == 4">ng-disabled</button>
|
||||
</fieldset>
|
||||
</form>
|
||||
</slide>
|
||||
<slide id="different-from-onclick">
|
||||
<section id="different-from-onclick-about">
|
||||
<title>But how is this different from good old <code>onclick</code>, ...?</title>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="scope">
|
||||
<section id="scope-info">
|
||||
<title>AngularJS applications have scopes</title>
|
||||
<subtitle>separate out the app from the page, and the app parts from each other</subtitle>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="html-compiler">
|
||||
<section id="html-compiler-info">
|
||||
<title>AngularJS has an HTML compiler</title>
|
||||
|
|
@ -175,6 +211,12 @@
|
|||
<subtitle>not quite the same as handlers attached to the DOM</subtitle>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="no-window-binding">
|
||||
<section id="no-window-binding-info">
|
||||
<title>No working with <code>window</code>, no need for <code>$.fn.data()</code></title>
|
||||
<subtitle>All completely self-contained</subtitle>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="two-way-data-binding">
|
||||
<section id="two-way-data-binding-info">
|
||||
<title>Automatic two-way data binding</title>
|
||||
|
|
@ -224,19 +266,30 @@
|
|||
</form>
|
||||
</script>
|
||||
<code-runner for="bound_hide_show"></code-runner>
|
||||
<code-displayer for="bound_hide_show" language="html"></code-displayer>
|
||||
</slide>
|
||||
<slide id="pretty-cool">
|
||||
<section id="pretty-cool-info">
|
||||
<title>Pretty cool, huh?</title>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="just-works">
|
||||
<section id="just-works-info">
|
||||
<subtitle>No event binding, no message passing, no custom classes</subtitle>
|
||||
<title>It Just Works (tm)</title>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="other-things">
|
||||
<section id="other-things-info">
|
||||
<title>Has all the bits you would expect</title>
|
||||
<subtitle>XHR, UI libraries, animation support, unit testing helpers, and more!</subtitle>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="more-libraries">
|
||||
<section id="more-libraries-info">
|
||||
<title>More libraries being developed all the time</title>
|
||||
<subtitle>Very active community</subtitle>
|
||||
</section>
|
||||
</slide>
|
||||
<slide id="thats-all">
|
||||
<section id="thats-all-info">
|
||||
<title>That's all I've got for now...</title>
|
||||
|
|
|
|||
|
|
@ -66,8 +66,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 12px;
|
||||
pre, pre code {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -131,7 +131,7 @@ h2 {
|
|||
}
|
||||
|
||||
table {
|
||||
width: 800px;
|
||||
width: 900px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4876,8 +4876,8 @@ input[type="submit"].btn.btn-mini {
|
|||
}
|
||||
|
||||
/* line 69, ../sass/screen.scss */
|
||||
pre {
|
||||
font-size: 12px;
|
||||
pre, pre code {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* line 73, ../sass/screen.scss */
|
||||
|
|
@ -4947,7 +4947,7 @@ h2 {
|
|||
|
||||
/* line 133, ../sass/screen.scss */
|
||||
table {
|
||||
width: 800px;
|
||||
width: 900px;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue