-
Notifications
You must be signed in to change notification settings - Fork 1
/
post7.html
182 lines (159 loc) · 9.71 KB
/
post7.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
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
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="img/default.png">
<title>The Walk-in Talkin' Closet</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="clean-blog.min.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
Menu <i class="fa fa-bars"></i>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<a class="navbar-brand" href="index.html"></a><img src="img/logo.png" width="10%" style="display: inline-block; padding-top: 10px;"></a>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="https://github.com/MVHSignition">Our Github</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="http://linktr.ee/ignitionclub">Join the Club!</a>
</li>
<!-- <li>
<a href="tutoring.html">Tutoring</a>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Page Header -->
<!-- Set your background image for this header on the line below. -->
<header class="intro-header" style="background-image: url('img/post-bg.jpg')">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<div class="post-heading">
<h1>CoderDojo</h1>
<span class="meta">Posted by <a href="#">Erik Zhang</a> on January 13, 2017</span>
</div>
</div>
</div>
</div>
</header>
<!-- Post Content -->
<article>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<p>>Igniting challenge-based learning</p>
<p>
Last year, as a freshman, my friends and I were in California Pizza Kitchen for a late lunch. We had just completed our first hackathon (DeveloperWeek, the biggest professional hackathon in the U.S.), an event where we worked on a project for 24 hours and competed for five finalist spots among hundreds of mostly professional developers. With minimal sleep the night before, we were exhausted, having just finished our pitch. We looked forward to returning to our beds at home.
</p>
<p>
While waiting for our pizzas, we got a call asking us to pitch as a top-five finalist. Confused, we told the caller that he had the wrong number and hung up. Minutes later, we received an email from DeveloperWeek asking us to return to the venue to pitch as a finalist.
</p>
<p>
We were shocked. How could we have beaten hundreds of experienced developers? Laughing in wonder, we canceled our orders and sprinted out of the restaurant.
</p>
<p>
I soon found myself on a dark stage surrounded by cameras and lights as we nervously set up our demo. I completed the pitch quickly, without being too aware of what was happening, and walked off the stage in a daze.
</p>
<p>
Our team comprised six freshmen who were brought together by a club we formed at Mountain View High School. I wanted to find people with similar interests, which I had fortunately experienced in CoderDojo, where I spent hours with others with similar passions.
</p>
<p>
Despite being very knowledgeable for high schoolers, when we arrived at the hackathon, we felt intimidated. We quickly learned that languages we were comfortable with were too clunky for the challenge. After deliberation, we realized that we needed to use new tools such as PubNub to tackle the project.
</p>
<p>
This experience led to an epiphany. I realized that a lot of coding curricula had gaping flaws; in a world of rapidly developing technology such as virtual reality, machine learning and blockchain, many concepts and languages programmers learn become archaic. A fixed curriculum and traditional teaching quickly become inadequate as technology evolves, and our current structure does not address the need for learning on the fly.
</p>
After discussing this with my club, I realized that they had a similar sentiment. We set out to create our own lesson plans that would focus on teaching coders to learn without the help of someone who knew every answer. Our solution was to create a single learning resource with necessary information, similar to what you would find on a website while trying to learn yourself, and create challenges that could be solved by synthesizing different parts of the guide.
<p>
I returned to CoderDojo, trying to give students a mini-hackathon experience where they try to solve challenging problems while identifying their own gaps in knowledge and filling them on the spot.
</p>
<p>
With the explosion of new technology and innovations, it’s impossible for humans to acquire all the necessary knowledge in advance. As such, it’s imperative for innovators not only to learn coding skills, but also the ability to acquire new concepts on the fly.
</p>
<p>
I hope my efforts with CoderDojo help my fellow tech enthusiasts learn this new skill to thrive in a world facing seemingly impossible challenges.
</p>
<p>P.S. This post has been published on the <a href="https://www.losaltosonline.com/news/sections/schools/210-school-features/56944"->Los Altos Town Crier!</a>
</div>
</div>
</article>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
<ul class="list-inline text-center">
<li>
<a href="https://www.facebook.com/MVHS-IoT-Club-264309504012625/?ref=aymt_homepage_panel">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li>
<a href="https://github.com/MVHSignition">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">Copyright © MVHS Ignition 2017</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Theme JavaScript -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>