js101-build-an-app/index.html at main · k80bowman/js101-build-an-app · GitHub

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
<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>Intro to JavaScript - Girl Develop It</title>

    <meta name="description" content="This is the Girl Develop It Intro JavaScript course. Material based on original material by Sara Chipps, Pamela Fox, Alexis Goldstein, Izzy Johnston, Leo Newball, and Sylvia Richardson. The course is meant to be taught in 4 two-hour sections. Each of the slides and practice files are customizable according to the needs of a given class or audience.">
    <meta name="author" content="Girl Develop It">

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

		<link rel="stylesheet" href="css/reveal.css">
		<!-- <link rel="stylesheet" href="css/theme/black.css"> -->

		<!-- Theme used for syntax highlighting of code -->
		<link rel="stylesheet" href="css/theme/classlinks.css">

		<!-- Printing and PDF exports -->
		<script>
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css';
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>
	</head>
	<body>
		<div class="home">

      <div class="home__title">
        <img src="lib/img/circle-gdi-logo.png" class="gdi-dayton-logo" alt="GDI Dayton">
        <h1>Introduction to JavaScript</h1>
      </div>
      <div class="home__links">
        <div class="home__classes">
          <h2><a href="class1.html" target="_blank">Class 1: Introduction to JavaScript and Basic Programming Concepts</a></h2>
          <h2><a href="class2.html" target="_blank">Class 2: Functions and Control Flow</a></h2>
          <h2><a href="class3.html" target="_blank">Class 3: Loops, Arrays, and Objects</a></h2>
          <h2><a href="class4.html" target="_blank">Class 4: Introduction to the DOM</a></h2>
        </div>
        <div class="home__resources">
          <h2>Resources</h2>
          <ul>
            <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide" target="_blank">JavaScript Guide</a></li>
            <li><a href="http://www.codecademy.com/tracks/javascript" target="_blank">Code Academy</a></li>
            <li><a href="http://jsforcats.com/" target="_blank">JavaScript For Cats</a></li>
            <li><a href="https://www.khanacademy.org/computing/computer-programming" target="_blank">Khan Academy</a></li>
            <li><a href="https://www.freecodecamp.com/" target="_blank">Free Code Camp</a></li>
            <li><a href="https://css-tricks.com/lets-learn-es2015" target="_blank">CSS Tricks: Let's Learn ES2015</a></li>
          </ul>
        </div>
      </div>
    </div>
    <footer>
        <div class="copyright">
            Intro to JavaScript &mdash; Girl Develop It &mdash;
            <a rel="license" href="http://creativecommons.org/licenses/by-nc/3.0/deed.en_US" target="_blank"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc/3.0/80x15.png" /></a>
        </div>
    </footer>

		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.js"></script>

		<script>
			// More info about config & dependencies:
			// - https://github.com/hakimel/reveal.js#configuration
			// - https://github.com/hakimel/reveal.js#dependencies
			Reveal.initialize({
				dependencies: [
					{ src: 'plugin/markdown/marked.js' },
					{ src: 'plugin/markdown/markdown.js' },
					{ src: 'plugin/notes/notes.js', async: true },
					{ src: 'plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
				]
			});
		</script>
	</body>
</html>