Merge pull request #2 from ligthyear/gh-pages

Github for the win slides
OpenTechSchool · Nov 16, 2012 · ca42da4 · ca42da4
2 parents 3392e36 + 46ddc9b
commit ca42da4
Show file tree

Hide file tree

Showing 20 changed files with 733 additions and 10 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.DS_Store
+_site
diff --git a/README.md b/README.md
@@ -1,4 +1,44 @@
-slides
-======
+# OpenTechSchool: Browser-based Presentations
 
-Browser-based presentation template
+---
+
+Browser-based presentation template to be used for OTS presentations. 
+Built upon Shower by Vadim Makeev: https://github.com/pepelsbey/shower
+
+## Usage example
+http://opentechschool.github.com/slides/presentations/example/
+
+---
+
+# Shower
+Сross-browser presentation template.
+
+* Open http://opentechschool.github.com/slides/presentations/example/
+* Click any slide to enter presentation mode
+* Use arrow keys to navigate
+* Press `Esc` to exit presentation mode
+
+Or use just a keyboard to navigate:
+
+* Press right arrow key to select first slide
+* Press `Enter` to enter presentation mode
+* Press `Esc` to exit presentation mode
+
+Follow [shower_me](http://twitter.com/shower_me/) on Twitter for updates.
+
+## Supported Browsers
+
+* Desktop platforms: Chrome, Firefox, Opera, Safari
+
+Only latest stable versions of mentioned browsers are supported.
+
+## Planned Support
+
+* Desktop platforms: IE10
+* Mobile platforms: Mobile Safari, Opera Mobile
+
+Please address bugs and your suggestions to [Issues](http://github.com/pepelsbey/shower/issues).
+
+Licensed under [MIT License](http://en.wikipedia.org/wiki/MIT_License), see [license page](shower/wiki/License-En) for details.
+
+---
diff --git a/presentations/coaching/index.html b/presentations/coaching/index.html
@@ -0,0 +1,260 @@
+<!DOCTYPE HTML>
+
+<html lang="en">
+
+<head>
+	<title>OpenTechSchool</title>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=1274, user-scalable=no">
+	<link rel="stylesheet" href="../../theme/style.css">
+  <script type="text/javascript" src="//use.typekit.net/ayv2sls.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+  <style type="text/css">
+    .slide header,
+    .slide ul,
+    .slide p {
+      margin-bottom: .6em;
+    }
+  </style>
+</head>
+
+<body class="list">
+
+  <nav class="meta">
+    <div class="container">
+      <a class="logo" href="http://opentechschool.org">OpenTechSchool</a>
+    </div>
+  </nav>
+
+    <header class="caption">
+      <h1>Coaching Guide</h1>
+      <p>A short introduction to the way OpenTechSchool coaches learners</p>
+    </header>
+
+    <section class="slides">
+
+    <div class="slide cover shout" id="Cover"><div>
+      <section>
+        <header>
+          <h3>OpenTechSchool</h3>
+          <h2>Coaching Guide</h2>
+          <p class="tagline">opentechschool.org</p>
+        </header>
+      </section>
+    </div></div>
+
+    <div class="slide" id="whats_this"><div>
+      <section>
+        <header>
+          <h2>What are we trying to do?</h2>
+        </header>
+        <p>You are about to help out at an OpenTechSchool workshop as a coach. With this presentation we want to give you a quick introduction of what that means.</p>
+        <p>The focus for the event is to show learners that coding and tech is nothing to be afraid of, but rather a lot of fun!</p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="intro_coaching"><div>
+      <section>
+        <header>
+          <h2>Introduction to Coaching</h2>
+        </header>
+        <p>This OTS coaching style has its roots in the <a href="http://curriculum.railsbridge.org/workshop/teacher_training">RailsBridge teaching style.</a> As such it is very focused on creating a friendly and open environment for learners of all sorts.</p>
+        <p>Achieving this and having a pleasant learning experience is the focus of this presentation.</p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="material"><div>
+      <section>
+        <header>
+          <h2>The Material</h2>
+        </header>
+        <p>We strongly believe the best way to learn to code -- or any other tech-related subject, for that matter -- is with a hands-on, experience-oriented, and pragmatic workshop that someone can work through at their own pace. Our curricula are designed for exactly that purpose.</p>
+        <p>This is also reflected in the way we organise ourselves on site: there is no classroom-style setting; everyone has their own workspace instead. There is no teacher in front and no one going through the material with a presenter.</p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="coaching_aint_teaching"><div>
+      <section>
+        <header>
+          <h2>Coaching isn't teaching...</h2>
+        </header>
+        <p>in the sense that we are not standing in front and teaching here. Coaches</p>
+        <p>
+          <ul>
+            <li>Stand by on the sidelines</li>
+            <li>Are right there when needed</li>
+            <li>Focus on the learners</li>
+            <li>Have sympathy for their (in-)abilities</li>
+            <li>Encourage learners to go further through posititve motivation</li>
+            <li>And ensure they have fun doing it.</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="friendly_environment"><div>
+      <section>
+        <header>
+          <h2>Creating a friendly environment</h2>
+        </header>
+        <p>
+          <ul>
+            <li>Smile</li>
+            <li>Make eye contact</li>
+            <li>Admit when you don't know something</li>
+            <li>Be kind and friendly</li>
+            <li>Use their name (we all have name tags)</li>
+            <li>Tell learners it's ok to make mistakes</li>
+            <li>and to take breaks when it gets frustrating</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="friendly_environment_2"><div>
+      <section>
+        <header>
+          <h2>Creating a friendly environment, part 2</h2>
+        </header>
+        <p>
+          <ul>
+            <li>Assume everyone you're coaching has zero knowledge but infinite intelligence</li>
+            <li>Encourage learners to ask questions</li>
+            <li>Respond positively</li>
+            <li>Use normal language instead of slang</li>
+            <li>Make sure the learner understood what you said</li>
+            <li>and explain it again differently if that's not the case</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="friendly_environment_3"><div>
+      <section>
+        <header>
+          <h2>Creating a friendly environment, part 3</h2>
+        </header>
+        <p>
+          <ul>
+            <li>Look around to see if someone else might be having trouble</li>
+            <li>They might just be afraid to ask</li>
+            <li>Come by once in a while and ask: "Hey, how is it going? Anything I can help you with?"</li>
+            <li>Before you start typing on a learners computer, ask whether that is okay with them</li>
+            <li>Encourage learners to play around on their own</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="questions_are_good"><div>
+      <section>
+        <header>
+          <h2>Questions are good!</h2>
+        </header>
+        <p>
+          <ul>
+            <li>Get people comfortable asking questions</li>
+            <li>Emphasize that there is no such thing as "dumb" questions</li>
+            <li>Ask is learners have any questions</li>
+            <li>Give other learners the chance to try to answer that question</li>
+            <li>Coding is collaboration - make sure learners understand that</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="repsonding_to_questions"><div>
+      <section>
+        <header>
+          <h2>Responding to questions</h2>
+        </header>
+        <p>
+          Chances are, there is a specific question when the learner asks you to help them. How do you respond? 
+          <ul>
+            <li><strong>Positevly</strong>:
+              <ul>
+                <li>"I’m glad you asked that."</li>
+                <li>"What an interesting question!"</li>
+                <li>"Great question!"</li>
+                <li>"Hm, I'm not sure... Let's look in the Internet/ask someone else."</li>
+              </ul>
+            </li>
+            <li>If in doubt: blame the material, never the learner.</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="pacing"><div>
+      <section>
+        <header>
+          <h2>Pacing</h2>
+        </header>
+        <p>
+          <ul>
+            <li>This is not about you, but about the learner. We go at their pace.</li>
+            <li>Everyone learns at their own pace. That's a good thing!</li>
+            <li>Talk sssssslllllloooooowwwwwwllllllyyyyyyyy.</li>
+            <li>Wait much longer than you feel is comfortable for questions/comments (count to 10 in your head)</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide cover shout-louder" id="donts"><div>
+      <section>
+        <header>
+          <h2>Don'ts</h2>
+          <p>a few things we are <strong>not</strong> doing</p>
+        </header>
+      </section>
+    </div></div>
+
+    <div class="slide" id="donts_1"><div>
+      <section>
+        <header>
+          <h2>Don'ts</h2>
+        </header>
+        <p>
+          <ul>
+            <li>We do not hit on anyone or make sexually suggestive remarks</li>
+            <li>We do not roll our eyes or laugh at questions</li>
+            <li>We do not use the time to advertise our own companies/jobs/ourselves</li>
+            <li>We do not pick on or make fun of anyone or anything (not even PHP!)</li>
+            <li>We do <strong>not debate</strong> which programming language, methods or technologies are "better"</li>
+          </ul>
+        </p>
+      </section>
+    </div></div>
+
+    <div class="slide" id="donts_languages"><div>
+      <section>
+        <header>
+          <h2>We do not discuss programming languages</h2>
+        </header>
+        <p>Doing so confuses learners. In the tech community we have some strong opinions and our ways to express them, but for people new to it, this can quickly look like a huge fight. We do not fight each other!
+        </p>
+        <p>We are here to coach you in this programming language/method/technology and that is the focus for this event.</p>
+      </section>
+    </div></div>
+
+    <div class="slide shout" id="ThankYou"><div>
+      <section>
+        <header>
+          <h2>Thanks</h2>
+          <p>for helping us spread the fun of coding</p>
+        </header>
+      </section>
+    </div></div>
+    <!--
+      To hide progress bar from entire presentation
+      just remove “progress” element.
+      -->
+    <div class="progress"><div></div></div>
+
+  </section>
+
+  <script src="../../lib/shower/scripts/script.js"></script>
+
+</body>
+</html>
diff --git a/presentations/opencurriuculum-github-for-the-win/images/fork_network.png b/presentations/opencurriuculum-github-for-the-win/images/fork_network.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/github_fileview.png b/presentations/opencurriuculum-github-for-the-win/images/github_fileview.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/github_fileview_hl.png b/presentations/opencurriuculum-github-for-the-win/images/github_fileview_hl.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/issues.png b/presentations/opencurriuculum-github-for-the-win/images/issues.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/issues_hl.png b/presentations/opencurriuculum-github-for-the-win/images/issues_hl.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/js_fab.jpg b/presentations/opencurriuculum-github-for-the-win/images/js_fab.jpg
diff --git a/presentations/opencurriuculum-github-for-the-win/images/js_fab_hl.jpg b/presentations/opencurriuculum-github-for-the-win/images/js_fab_hl.jpg
diff --git a/presentations/opencurriuculum-github-for-the-win/images/macvim.png b/presentations/opencurriuculum-github-for-the-win/images/macvim.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/published_online.png b/presentations/opencurriuculum-github-for-the-win/images/published_online.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/published_online_hl.png b/presentations/opencurriuculum-github-for-the-win/images/published_online_hl.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/pull_request_fill.png b/presentations/opencurriuculum-github-for-the-win/images/pull_request_fill.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/pull_request_german.png b/presentations/opencurriuculum-github-for-the-win/images/pull_request_german.png
diff --git a/presentations/opencurriuculum-github-for-the-win/images/py_sthlm.jpg b/presentations/opencurriuculum-github-for-the-win/images/py_sthlm.jpg
diff --git a/presentations/opencurriuculum-github-for-the-win/images/py_sthlm_hl.jpg b/presentations/opencurriuculum-github-for-the-win/images/py_sthlm_hl.jpg
diff --git a/presentations/opencurriuculum-github-for-the-win/images/sublime.png b/presentations/opencurriuculum-github-for-the-win/images/sublime.png