forked from nodeschool/nodeschool.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
123 lines (116 loc) · 7.59 KB
/
about.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
<!DOCTYPE html>
<html class="about">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="/style.css">
<link rel="shortcut icon" href="/favicon.ico">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Source+Code+Pro" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/mapbox.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NodeSchool - About</title>
</head>
<body class="about">
<header>
<div class="container">
<div class="full">
<a href="index.html"><img class="logo" src="/images/schoolhouse.svg" alt="nodeschoolhouse"></a>
<ul class="nav">
<li><a href="index.html" data-i18n="menu-index">Home</a></li>
<li><a href="events.html" data-i18n="menu-events">Events</a></li>
<li><a href="chapters.html" data-i18n="menu-chapters">Chapters</a></li>
<li class="current-page"><a href="about.html" data-i18n="menu-about">About</a></li>
<li><a href="building-workshops.html" data-i18n="menu-building-workshops">Build</a></li>
<li><a href="host.html" data-i18n="menu-host">Host</a></li>
</ul>
</div>
</div>
</header>
<div id="main" name="main" role="main">
<div class="container" style="background-color: #fff;">
<div class="full">
<h1 data-i18n="about-h1">About NodeSchool</h1>
<p data-i18n="about-header">NodeSchool is an open source project run by volunteers with two goals: to create high quality programming curriculum and to host community learning events.</p>
</div>
<div class="container">
<div class="third">
<h3 data-i18n="about-header-history-title">Interactive tutorials</h3>
</div>
<div class="two-thirds">
<p data-i18n="about-history">The "workshopper" format was first created by <a href="http://substack.net/">Substack of the Internet</a> in Summer 2013 when he wrote the <a href="https://www.npmjs.org/package/stream-adventure">stream-adventure</a> workshopper.</p>
<p data-i18n="about-history2">The defining characteristic of the workshopper is the interactvity and automation. Workshoppers are made up of challenges of increasing difficulty. Each challenge starts by explaining a concept, and then presents a list of requirements for solving the challenge. Learners then try and write a computer program that satisfies the criteria.</p>
<p data-i18n="about-history3">When they feel confident about their solution they submit it to the workshop for verification. The workshop runs their solution and checks if all requirements were satisfied. If any are wrong or missing the learner gets contextual feedback and they can try again. If their code passes all of the criteria then they pass the challenge and move on to the next challenge.</p>
<p data-i18n="about-history4">All of this happens in an automated way. Workshoppers can be thought of almost like a unit test suite that the learner must make pass by implementing the correct code.</p>
</div>
</div>
<div class="container">
<div class="third">
<h3 data-i18n="about-header-philosophy-title">A wide range of topics</h3>
</div>
<div class="two-thirds">
<p data-i18n="about-philosophy">All of the NodeSchool workshops are written using Node, but the subject of a workshop doesn't necessarily have to be about Node. For example the <a href="https://www.npmjs.org/package/shader-school">shader-school</a> workshop teaches computer graphics concepts and doesn't involve writing JavaScript at all.</p>
<p data-i18n="about-philosophy2">The NodeSchool community has developed some really great tools for authoring new workshops. If you have an idea for a workshop we encourage you to check out our <a href="building-workshops.html">Building Workshops</a> page.</p>
</div>
</div>
<div class="container">
<div class="third">
<h3 data-i18n="about-header-info-title">Events around the world</h3>
</div>
<div class="two-thirds">
<p data-i18n="about-info">We have had communities on every continent except Antarctica host a NodeSchool event. Anyone can host an event, and as a community we try to compile useful information, guidelines and tips for making events fun and welcoming for everyone. See our page on <a href="host.html">hosting an event</a> to learn more.</p>
</div>
</div>
<div class="container">
<div class="third">
<h3 data-i18n="about-header-touch-title">Get in touch</h3>
</div>
<div class="two-thirds">
<p data-i18n="about-info2">We use GitHub for organizing NodeSchool. The best place to get in touch is our <a href="https://github.com/nodeschool/organizers/issues">organizers repository</a>. You can open a new Issue on that repository and organizers will get notified and can respond. This method is a lot better than directly e-mailing any of the organizers.</p>
</div>
</div>
<div class="container">
<div class="third">
<h3 data-i18n="about-header-talk-title">Hear and see people talk</h3>
</div>
<div class="two-thirds">
<p data-i18n="about-info3">In <a href="https://archive.org/details/NodeUp55" target="_blank">episode 55</a> of the NodeUp podcast Mikeal Rogers, Max Ogden and other community members talk about NodeSchools. At Cascadia JS 2014 Jason Rhodes, from Baltimore, <a href="https://www.youtube.com/watch?v=YJ7txKTh3-E" target="_blank">talks about running NodeSchools</a>.</p>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #fff;">
<footer>
<div class="third">
<p><strong>nodeschool.io</strong></p>
<small>Photos by <a href="https://www.flickr.com/photos/matthewbergman" target="_blank">Matthew Bergman</a></small>
</div>
<div class="two-thirds">
<ul>
<li><strong data-i18n="footer-contact-header">Contact</strong></li>
<li><a href="https://twitter.com/nodeschool" target="_blank">t/@nodeschool</a></li>
<li><a href="https://github.com/nodeschool" target="_blank">gh/nodeschool</a></li>
</ul>
<ul>
<li><strong data-i18n="footer-contribute-header">Contribute</strong></li>
<li><a href="https://github.com/nodeschool/discussions/issues/new" target="_blank" data-i18n="footer-contribute-question">Open an Issue</a></li>
<li><a href="https://github.com/nodeschool/discussions/issues" target="_blank" data-i18n="footer-contribute-answer">Answer a Question</a></li>
</ul>
<ul>
<li><strong data-i18n="footer-about-header">About</strong></li>
<li><a href="building-workshops.html" data-i18n="footer-about-build">Build a workshopper</a></li>
<li><a href="host.html" data-i18n="footer-about-host">Host a workshop</a></li>
</ul>
</div>
</footer>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" src="/js/dependencies.js"></script>
<script>
!function(s,c,h,O,o,l){s.GoogleAnalyticsObject=h;s[h]||(s[h]=function(){
(s[h].q=s[h].q||[]).push(arguments)});s[h].l=+new Date;o=c.createElement(O);
l=c.getElementsByTagName(O)[0];o.src='//www.google-analytics.com/analytics.js';
l.parentNode.insertBefore(o,l)}(window,document,'ga','script');
ga('create', 'UA-49267600-1', 'nodeschool.io');
ga('send', 'pageview');
</script>
</body>
</html>