forked from pearlchen/LLC-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathresources.html
More file actions
156 lines (130 loc) · 7.15 KB
/
resources.html
File metadata and controls
156 lines (130 loc) · 7.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ladies Learning Code - Intro to JavaScript</title>
<meta name="viewport" content="width=1280">
<!-- CoderDeck core and extension CSS files -->
<link rel="stylesheet" href="src/deck.js/core/deck.core.css" type="text/css">
<link rel="stylesheet" href="src/deck.js/extensions/navigation/deck.navigation.css">
<link rel="stylesheet" href="src/deck.js/extensions/status/deck.status.css">
<link rel="stylesheet" href="src/deck.js/extensions/hash/deck.hash.css">
<link rel="stylesheet" href="src/deck.js/extensions/menu/deck.menu.css">
<link rel="stylesheet" href="src/css/prettify.css">
<link rel="stylesheet" href="src/css/deck.coder.css">
<link rel="stylesheet" href="src/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="src/codemirror/theme/default.css">
<!-- Custom for LLC -->
<link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Podkova' rel='stylesheet' type='text/css'>
<link rel="stylesheet" id='style-theme-link' href="src/css/coderdeck.css" type="text/css" >
<style type="text/css"></style>
</head>
<body class="deck-container">
<script type='text/coderdeck' id='coderdeck-default'>
<html>
<head>
<script src='src/jquery.min.js'>SCRIPTEND</head>
<body>CODE</body>
</html>
</script>
<script type='text/coderdeck' id='coderdeck-style-example'>
<html>
<title>test</title>
<style>CODE</style>
<body>
</body>
</html>
</script>
<div id="presentation">
<!-- **************************************** -->
<!-- SLIDE: -->
<article class='slide slide-subhead'>
<h1>Resources</h1>
<p>Where to go from here?</p>
</article>
<article class='slide slide-list'>
<h2>Cheatsheets and references</h2>
<p>From today's slides:</p>
<ul>
<li><a href="http://www.scribd.com/doc/19457597/Javascript-Methods" target="_blank">Javascript methods cheatsheet</a></li>
<li><a href="http://www.cheatography.com/davechild/cheat-sheets/javascript/" target="_blank">another JavaScript cheatsheet</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/JavaScript" target="_blank">JavaScript on the Mozilla Developer Network</a><br />
<span class="sidenote">(or same content but searchable via <a href="http://dochub.io/#javascript/" target="_blank">Dochub.io</a>)</span></li>
<li><a href="https://developer.mozilla.org/en-US/docs/DOM/document" target="_blank">DOM on the Mozilla Developer Network</a><br />
<span class="sidenote"> (or same content but searchable via <a href="http://dochub.io/#dom/" target="_blank">Dochub.io</a>)</span></li>
<li><a href="http://stackoverflow.com/questions/7609276/javascript-function-order-why-does-it-matter" target="_blank">Stack Overflow discussion re: function order</a></li>
</ul>
<p>And in <em>alpha</em>: Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia, Opera, and the W3C combining forces to make <a href="http://www1.webplatform.org/" target="_blank">webplatform.org</a>.</p>
</article>
<!-- SLIDE: -->
<article class='slide slide-list'>
<h2>Books</h2>
<p><strong><em>JavaScript: The Good Parts</em></strong> by Douglas Crockford</p>
<p>Watch <a href="https://www.youtube.com/watch?feature=player_embedded&v=hQVTIJBZook#t=20s" target="_blank">this 1-hour video</a> for a sampler, then pick up <a href="http://shop.oreilly.com/product/9780596517748.do" target="_blank">the book</a>.</p>
<p class="centered"><img src="assets/javascript-the-good-parts-the-definitive-guide.jpg" alt="JavaScript: The Good Parts versus The Definitive Guide" /></p>
</article>
<article class='slide slide-list'>
<h2>Books</h2>
<p><strong><em>jQuery: Novice to Ninja</em></strong> by Earle Castledine and Craig Sharkie</p>
<p>Make sure to get the <a href="http://www.sitepoint.com/books/jquery2/" target="_blank">2nd edition book</a>.</p>
<p class="centered"><img src="assets/jquery-novice-to-ninja-cover.png" alt="jQuery: Novice to Ninja cover" /></p>
</article>
<article class='slide slide-list'>
<h2>Books</h2>
<p class="centered" style="margin-top: 80px;">...and lots more (free ones) at <a href="http://jsbooks.revolunet.com/" target="_blank">jsbooks.revolunet.com</a>.</p>
</article>
<article class='slide slide-list'>
<h2>Online tutorials or courses</h2>
<ul>
<li><a href="http://www.codecademy.com/tracks/javascript" target="_blank">Codecademy</a></li>
<li><a href="http://teamtreehouse.com/library#topic-group-9" target="_blank">Treehouse</a></li>
<li><a href="http://jqfundamentals.com/chapter/jquery-basics" target="_blank">jQuery Fundamentals</a></li>
<li><a href="http://stage.learn.jquery.com/about-jquery/" target="_blank">jQuery.com ~Learning</a></li>
</ul>
</article>
<article class='slide slide-list'>
<h2>Debugging</h2>
<p>Become more effiecent with your dev tools. Learn how to debug using the Chrome Developer Tools.</p>
<p><a href="http://brennaobrien.com/LLC-JavaScript/js_debugging.html" target="_blank">Ladies Learning Code: Going Beyond JavaScript Basics</a></p>
</article>
<article class='slide slide-title intro'>
<h1>~FIN~</h1>
<div class="instructor_holder">
<h2>Your instructor today</h2>
<img src="assets/brenna_avatar.jpg" width="72" height="72" alt="Brenna O'Brien" />
<h4>Brenna O'Brien</h4>
<p><a href="mailto:hi@brennaobrien.com">hi@brennaobrien.com</a><br />
<a href="http://brennaobrien.com" target="_blank">http://brennaobrien.com</a><br />
<a href="http://twitter.com/brennaob" target="_blank">@brennaob</a></p>
</div>
</article>
<!-- **************************************** -->
</div>
<!-- END div id=presentation -->
<script src='src/jquery.min.js'></script>
<script src="src/modernizr.js"></script>
<!-- Update these paths to point to the correct files. -->
<script src="src/jquery.tmpl.min.js"></script>
<script src="src/deck.js/core/deck.core.js"></script>
<!-- Code Mirror -->
<script src="src/codemirror/lib/codemirror.js"></script>
<script src="src/codemirror/mode/xml/xml.js"></script>
<script src="src/codemirror/mode/css/css.js"></script>
<script src="src/codemirror/mode/javascript/javascript.js"></script>
<script src="src/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<!-- Prettify -->
<script src="src/prettify.js"></script>
<!-- Deck Core and extensions -->
<script src="src/deck.js/extensions/status/deck.status.js"></script>
<script src="src/deck.js/extensions/navigation/deck.navigation.js"></script>
<script src='src/deck.coder.js'></script>
<script src="src/deck.js/extensions/hash/deck.hash.js"></script>
<script src="src/deck.js/extensions/menu/deck.menu.js"></script>
<script>
$(function() {
$.deck('.slide');
});
</script>
</body>
</html>