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
Latest commit
171 lines (148 loc) · 7.82 KB
/
Copy pathresources.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>
<metacharset="utf-8">
<title>Ladies Learning Code - JavaScript March 18, 2012</title>
<metaname="viewport" content="width=1280">
<!-- CoderDeck core and extension CSS files -->
<linkrel="stylesheet" href="src/deck.js/core/deck.core.css" type="text/css">
<linkrel="stylesheet" href="src/deck.js/extensions/navigation/deck.navigation.css">
<linkrel="stylesheet" href="src/deck.js/extensions/status/deck.status.css">
<linkrel="stylesheet" href="src/deck.js/extensions/hash/deck.hash.css">
<linkrel="stylesheet" href="src/deck.js/extensions/menu/deck.menu.css">
<linkrel="stylesheet" href="src/css/prettify.css">
<linkrel="stylesheet" href="src/css/deck.coder.css">
<linkrel="stylesheet" href="src/codemirror/lib/codemirror.css">
<linkrel="stylesheet" href="src/codemirror/theme/default.css">
<!-- Custom for LLC -->
<linkhref='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
<linkhref='http://fonts.googleapis.com/css?family=Podkova' rel='stylesheet' type='text/css'>
<linkrel="stylesheet" id='style-theme-link' href="src/css/coderdeck.css" type="text/css" >
<styletype="text/css"></style>
</head>
<bodyclass="deck-container">
<scripttype='text/coderdeck' id='coderdeck-default'>
<html>
<head>
<scriptsrc='src/jquery.min.js'>SCRIPTEND</head>
<body>CODE</body>
</html>
</script>
<scripttype='text/coderdeck' id='coderdeck-style-example'>
<html>
<title>test</title>
<style>CODE</style>
<body>
</body>
</html>
</script>
<divid="presentation">
<!-- **************************************** -->
<!-- SLIDE: -->
<articleclass='slide slide-subhead'>
<h1>Resources</h1>
<p>Where to go from here?</p>
</article>
<articleclass='slide slide-list'>
<h2>Cheatsheets and references</h2>
<p>From today's slides:</p>
<ul>
<li><ahref="http://www.scribd.com/doc/19457597/Javascript-Methods" target="_blank">Javascript methods cheatsheet</a></li>
<li><ahref="http://www.addedbytes.com/download/javascript-cheat-sheet-v1/png/" target="_blank">another JavaScript cheatsheet</a></li>
<li><ahref="https://developer.mozilla.org/en-US/docs/JavaScript" target="_blank">JavaScript on the Mozilla Developer Network</a><br/>
<spanclass="sidenote">(or same content but searchable via <ahref="http://dochub.io/#javascript/" target="_blank">Dochub.io</a>)</span></li>
<li><ahref="https://developer.mozilla.org/en-US/docs/DOM/document" target="_blank">DOM on the Mozilla Developer Network</a><br/>
<spanclass="sidenote"> (or same content but searchable via <ahref="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 <ahref="http://www1.webplatform.org/" target="_blank">webplatform.org</a>.</p>
</article>
<!-- SLIDE: -->
<articleclass='slide slide-list'>
<h2>Books</h2>
<p><strong><em>JavaScript: The Good Parts</em></strong> by Douglas Crockford</p>
<p>Watch <ahref="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 <ahref="http://shop.oreilly.com/product/9780596517748.do" target="_blank">the book</a>.</p>
<pclass="centered"><imgsrc="assets/javascript-the-good-parts-the-definitive-guide.jpg" alt="JavaScript: The Good Parts versus The Definitive Guide" /></p>
</article>
<articleclass='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 <ahref="http://www.sitepoint.com/books/jquery2/" target="_blank">2nd edition book</a>.</p>
<pclass="centered"><imgsrc="assets/jquery-novice-to-ninja-cover.png" alt="jQuery: Novice to Ninja cover" /></p>
</article>
<articleclass='slide slide-list'>
<h2>Books</h2>
<pclass="centered" style="margin-top: 80px;">...and lots more (free ones) at <ahref="http://jsbooks.revolunet.com/" target="_blank">jsbooks.revolunet.com</a>.</p>
</article>
<articleclass='slide slide-list'>
<h2>Online tutorials or courses</h2>
<ul>
<li><ahref="http://www.codecademy.com/tracks/javascript" target="_blank">Codecademy</a></li>
<li><ahref="http://teamtreehouse.com/library#topic-group-9" target="_blank">Treehouse</a></li>
<li><ahref="http://jqfundamentals.com/chapter/jquery-basics" target="_blank">jQuery Fundamentals</a></li>
<li><ahref="http://stage.learn.jquery.com/about-jquery/" target="_blank">jQuery.com ~Learning</a></li>
<li><spanclass="sidenote">I also maintain <ahref="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>
<articleclass='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><ahref="http://pchen.github.com/LLC-JavaScript/js_debugging.html" target="_blank">Ladies Learning Code: Going Beyond JavaScript Basics</a></p>
</article>
<articleclass='slide slide-title'>
<divclass="workshop_title">
<h1>Introduction to JavaScript</h1>
<br/><br/><br/><br/>
<h1>FIN</h1>
</div>
<divclass="instructor_holder" style="margin-top:50px">
<h2>Your instructors today</h2>
<div>
<imgsrc="assets/pearl_avatar.png" width="72" height="72" alt="pearl chen" />
<h4>Pearl Chen</h4>
pearl [at] karma-laboratory.com
<br/>
<ahref="http://klab.ca/+" target="_blank">klab.ca/+</a>
<br/>
<ahref="http://twitter.com/@androidsNsheep" target="_blank">@androidsNsheep</a>
</div>
<div>
<imgsrc="assets/christina_avatar.jpg" width="72" height="72" alt="christina truong" />
<h4>Christina Truong</h4>
hello [at] christinatruong.com
<br/>
<ahref="http://christinatruong.com" target="_blank">christinatruong.com</a>
<br/>
<ahref="http://twitter.com/@christinatruong" target="_blank">@christinatruong</a>
</div>
<brclear="left" />
</div>
</article>
<!-- **************************************** -->
</div>
<!-- END div id=presentation -->
<scriptsrc='src/jquery.min.js'></script>
<scriptsrc="src/modernizr.js"></script>
<!-- Update these paths to point to the correct files. -->
<scriptsrc="src/jquery.tmpl.min.js"></script>
<scriptsrc="src/deck.js/core/deck.core.js"></script>
<!-- Code Mirror -->
<scriptsrc="src/codemirror/lib/codemirror.js"></script>
<scriptsrc="src/codemirror/mode/xml/xml.js"></script>
<scriptsrc="src/codemirror/mode/css/css.js"></script>
<scriptsrc="src/codemirror/mode/javascript/javascript.js"></script>
<scriptsrc="src/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<!-- Prettify -->
<scriptsrc="src/prettify.js"></script>
<!-- Deck Core and extensions -->
<scriptsrc="src/deck.js/extensions/status/deck.status.js"></script>
<scriptsrc="src/deck.js/extensions/navigation/deck.navigation.js"></script>
<scriptsrc='src/deck.coder.js'></script>
<scriptsrc="src/deck.js/extensions/hash/deck.hash.js"></script>
<scriptsrc="src/deck.js/extensions/menu/deck.menu.js"></script>
<script>
$(function(){
$.deck('.slide');
});
</script>
</body>
</html>