-
-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathscratch.html
139 lines (124 loc) · 6.88 KB
/
scratch.html
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<meta name="description" content="KidsCanCode - we teach kids to code">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>KidsCanCode.org</title>
<link rel="stylesheet" href="/static/bootstrap.css" />
<link rel="stylesheet" href="/static/bootstrap-responsive.css" />
<link rel="stylesheet" href="/static/font-awesome.min.css" />
<link rel="stylesheet" href="/static/font-awesome-corp.css" />
<link rel="stylesheet" href="/static/font-awesome-social.css" />
<link rel="stylesheet" href="/static/custom.css" />
<link rel="stylesheet" href="/static/pygments.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<!-- NAVBAR
================================================ -->
<div class="navbar-wrapper">
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a href="/" class="brand"><i class="icon-cog"></i> KidsCanCode</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<!-- <li ><a href="/"><i class="icon-home icon-large"></i>Home</a></li>-->
<li ><a href="/classes.html"><i class="icon-lightbulb icon-large"></i> Classes</a></li>
<li ><a href="/summer"><i class="icon-edit icon-large"></i> Sign Up</a></li>
<!-- <li ><a href="/blog/"><i class="icon-pencil icon-large"></i>News</a></li> -->
<li ><a href="/contact.html"><i class="icon-comments icon-large"></i> Contact</a></li>
<li ><a href="/resources.html"><i class="icon-book icon-large"></i> Resources</a></li>
<li ><a href="/lessons/"><i class="icon-film icon-large"></i> Lessons</a></li>
<!-- <li ><a href="/store.html"><i class="icon-shopping-cart icon-large"></i>Store</a></li> -->
<li ><a href="/about.html"><i class="icon-info-sign icon-large"></i> About</a></li>
<li class="socialist"><p>
<a href="http://facebook.com/Kidscancode" target="_blank"><i class="icon-facebook icon-2x"></i></a><a href="http://twitter.com/KidsCanCode" target="_blank"><i class="icon-twitter icon-2x"></i></a><a href="https://github.com/kidscancode/" target="_blank"><i class="icon-github-alt icon-2x"></i></a><a href="https://www.youtube.com/c/KidsCanCodeOrg" target="_blank"><i class="icon-youtube icon-2x"></i></a>
</p></li>
</ul>
</div>
</div>
</div> <!-- /.navbar-inner -->
</div> <!-- /.navbar -->
</div> <!-- /.container -->
</div> <!-- /.navbar-wrapper -->
<!-- END NAVBAR
================================================ -->
<!-- PAGE CONTENT
================================================ -->
<div class="container">
<div class="row">
<div class="span1"></div>
<div class="span10">
<h2 id="why-scratch">What is Scratch?</h2>
<div class="pull-right thumb-with-caption"><a href="img/scratch1.png" target="_blank"><img src="img/scratch1.png" alt="" class="pull-right img-rounded" width="250"></a><p><small>The Scratch Main Window (click to zoom)</small></p></div>
<p><a href="http://scratch.mit.edu/">Scratch</a> is a graphical educational programming environment
specifically designed to teach programming concepts to younger children. By clicking together Lego-like blocks, kids can build up sequences of instructions to create animations,
games, interactive stories, simulations, and more.</p>
<p>Scratch teaches many fundamental programming concepts such as iteration (looping), conditional statements, variables, threads, user interface design, event handling, and more.</p>
<p>Here is a great introductory video about what kids can do with Scratch:</p>
<iframe width="560" height="315" src="//www.youtube.com/embed/ywG6lv9mFLI" frameborder="0" allowfullscreen></iframe>
<h2 class="why-scratch">Why learn Scratch?</h2>
<p>There a number of factors that make Scratch a great choice for younger children:</p>
<div class="pull-right thumb-with-caption"><img src="img/scratch2.png" alt="" class="pull-right img-rounded" width="250"><p><small>Example Scratch Code</small></p></div>
<ul>
<li><strong>Usability</strong> - For many younger children a visual, drag-and-drop interface is much easier to use than typing-heavy text programming languages.</li>
<li><strong>Fun</strong> - Motivation is a key factor to learning new skills. In a fun and interactive environment, children are self-motivated to learn in order to achieve their goals.</li>
<li><strong>Creative</strong> - Scratch encourages creativity, both in coming up with ideas for projects, as well as finding ways to overcome difficulties.</li>
<li><strong>Free</strong> - Scratch is 100% free and cross-platform. Students can easily continue to use it on their own home computers.</li>
</ul>
</div>
<div class="span1"></div>
</div>
</div>
<!-- END PAGE CONTENT
================================================ -->
<!-- FOOTER
============================================== -->
<div class="container footer">
<div class="row">
<div class="span1"></div>
<div class="span5"><p><br><i class="icon-phone"></i>(818) 794-0522<br>
<a href="mailto: [email protected]"><i class="icon-envelope-alt"></i> [email protected]</a></p>
</div>
<div class="span3"></div>
<div class="span3"><p class="copyright"><br><small>© 2019 KidsCanCode LLC / All rights reserved.</small>
<!-- <p>
<a href="http://facebook.com/Kidscancode"><i class="icon-facebook icon-2x"></i></a>
<a href="http://twitter.com"><i class="icon-twitter icon-2x"></i></a>
<a href="http://github.com"><i class="icon-github-alt icon-2x"></i></a>
<a href="http://google.com/plus"><i class="icon-google-plus icon-2x"></i></a>
<a href="http://youtube.com"><i class="icon-youtube icon-2x"></i></a>
</p> -->
</div>
</div>
</div>
<!-- END FOOTER
=============================================== -->
<!-- Load scripts at end -->
<script src="/static/jquery-1.9.1.min.js"></script>
<script src="/static/bootstrap.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-39851424-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script>
$(document).ready(function(){
$('.carousel').carousel();
});
</script>
</body>
</html>