This repository was archived by the owner on Dec 9, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 19
Expand file tree
/
Copy pathresources.html
More file actions
171 lines (148 loc) · 7.82 KB
/
resources.html
File metadata and controls
171 lines (148 loc) · 7.82 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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ladies Learning Code - JavaScript March 18, 2012</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.addedbytes.com/download/javascript-cheat-sheet-v1/png/" 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>
</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>
<li><span class="sidenote">I also maintain <a href="https://docs.google.com/document/d/1YagVPVyOSL7WxqVDqHWyE8SaHcUBmLJLsa6muMNAejY/edit" target="_blank">another list in a Google Doc</a> with links that may or may not be specific to JavaScript</span></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://pchen.github.com/LLC-JavaScript/js_debugging.html" target="_blank">Ladies Learning Code: Going Beyond JavaScript Basics</a></p>
</article>
<article class='slide slide-title'>
<div class="workshop_title">
<h1>Introduction to JavaScript</h1>
<br /><br /><br /><br />
<h1>FIN</h1>
</div>
<div class="instructor_holder" style="margin-top:50px">
<h2>Your instructors today</h2>
<div>
<img src="assets/pearl_avatar.png" width="72" height="72" alt="pearl chen" />
<h4>Pearl Chen</h4>
pearl [at] karma-laboratory.com
<br />
<a href="http://klab.ca/+" target="_blank">klab.ca/+</a>
<br />
<a href="http://twitter.com/@androidsNsheep" target="_blank">@androidsNsheep</a>
</div>
<div>
<img src="assets/christina_avatar.jpg" width="72" height="72" alt="christina truong" />
<h4>Christina Truong</h4>
hello [at] christinatruong.com
<br />
<a href="http://christinatruong.com" target="_blank">christinatruong.com</a>
<br />
<a href="http://twitter.com/@christinatruong" target="_blank">@christinatruong</a>
</div>
<br clear="left" />
</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>