Skip to content

Commit 570c84b

Browse files
code-for-coffeecode-for-coffee
committed
rough draft of site
1 parent 7b8ebfc commit 570c84b

File tree

3 files changed

+102
-43
lines changed

3 files changed

+102
-43
lines changed

‎bower.json

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
{
2+
"name": "Pie Coding Collaborative",
3+
"version": "0.2",
4+
"homepage": "http://pie-coding.github.io",
5+
"authors": [
6+
"[email protected]"
7+
],
8+
"description": "Scratch notes.",
9+
"main": "index.html",
10+
"license": "MIT",
11+
"private": true,
12+
"ignore": [
13+
"**/.*",
14+
"node_modules",
15+
"bower_components",
16+
"test",
17+
"tests"
18+
],
19+
"dependencies": {
20+
"backbone": "~1.1.2",
21+
"bootstrap": "~3.3.2",
22+
"handlebars": "~2.0.0",
23+
"grunt": "~0.4.5",
24+
"jasmine": "~2.2.1"
25+
}
26+
}

‎index.html

Lines changed: 69 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -11,25 +11,30 @@
1111
<link rel="stylesheet" href="style/style.css">
1212
<script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
1313

14+
<link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic|Droid+Serif:400,700|Merriweather:400,700,400italic,700italic,300italic' rel='stylesheet' type='text/css'>
15+
1416
</head>
1517

1618
<body>
1719

20+
<a href="https://github.com/you"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
21+
1822
<div class="blog-masthead">
1923
<div class="container">
2024
<nav class="blog-nav">
2125
<a class="blog-nav-item active" href="#">Intro to Programming</a>
2226
<a class="blog-nav-item" href="#">Overview</a>
23-
<a class="blog-nav-item" href="#">Contact</a>
2427
</nav>
2528
</div>
2629
</div>
2730

2831
<div class="container">
2932

3033
<div class="blog-header">
34+
35+
3136
<h1 class="blog-title">Pie Coding Collaborative</h1>
32-
<p class="lead blog-description">Intro to Programming.</p>
37+
<p class="lead blog-description">Presents <em>Intro to Programming</em></p>
3338
</div>
3439

3540
<div class="row">
@@ -39,35 +44,50 @@ <h1 class="blog-title">Pie Coding Collaborative</h1>
3944
<div class="blog-post">
4045
<h2 class="blog-post-title">Overview</h2>
4146

42-
<p>
43-
<ul>
44-
<li>2 courses to teach</li>
45-
<li>very basic, simple class to teach the fundamentals</li>
46-
<li>relaxed and casual attitude towards coding</li>
47-
<li>learn the basics</li>
48-
<li>use MIT's Scratch to build an application</li>
49-
<li>use Java to build an application</li>
50-
<li>2 hours per class</li>
51-
<li>hands on mentoring</li>
52-
<li>2-3 lessons per class</li>
53-
</ul>
5447

55-
<p><em>All software will be provided offline (USB drives) so no internet connection should be required. We will only be using free and open source software to ensure equal access for tools for everyone.</em></p>
56-
</p>
48+
<p><em>Intro to Programming</em> is comprised of two courses that last two hours long each.
49+
It is being designed to be a very easy introduction to the fundamentals of programming.
50+
We aim to provide a relaxed and casual attitude with our class; we want students to walk away
51+
with enough knowledge to start working on their own projects.</p>
52+
53+
<p>Each class will be broken into five parts: an introduction, three lessons, and a conclusion.
54+
After each lesson students will be assisted by teaching assistants to write their own
55+
applications. We will work together as a team to help each other before moving on to the next
56+
lesson.</p>
57+
58+
<p>Through easy to follow lectures and hands on mentoring, students will learn how to build
59+
their own applications. The first class will teach students how to use
60+
<a href="http://scratch.mit.edu/" target="_blank">MIT's Scratch</a> development platform.
61+
The second course will educate our students how to build Android applications using
62+
the <a href="http://developer.android.com/sdk/index.html" target="_blank">Android Studio</a>.
63+
Both courses will teach our students how to build two to three applications. We have chosen
64+
to use these tools due to their open source licensing.</p>
65+
66+
67+
68+
<p>Each student will be required to provide their own laptop. The required software may be downloaded
69+
prior to the course using the resource links to the side of this page. Limited USB sticks will be available
70+
for class use; if you find yourself in need of one, please contact us.</p>
5771

5872

5973
</div><!-- /.blog-post -->
6074

6175
<div class="blog-post">
62-
<h2 class="blog-post-title">First Course</h2>
76+
<h2 class="blog-post-title">Day One</h2>
6377

64-
<p>
78+
<p>On the first day of class, students will learn to program using MIT's Scratch platform.
79+
We will walk them through creating their own applications. The core concepts that will be taught are:
80+
<strong>events</strong>, <strong>operators & math</strong>, and <strong>conditional logic</strong>.
81+
To teach these concepts, users will program a fierce dragon, a blackjack game, and a logic based puzzle.
82+
</p>
83+
84+
<p><em>Topics Covered</em>
6585
<ul>
6686
<li>Learn to program using MIT's <a href="http://scratch.mit.edu/scratch2download/" target="_blank">Scratch</a> </li>
6787
<li>Teach users to create their own programs</li>
68-
<li>Events: click on it to to have it react</li>
69-
<li>Operators and Math: Blackjack numbers game</li>
70-
<li>Logic: Conditional game</li>
88+
<li>Events: click on a dragon to have it react</li>
89+
<li>Operators and Math: write a blackjack game</li>
90+
<li>Logic: create a conditional puzzle game</li>
7191
<li>Finally, will discuss <em>remixing</em> for students to further study</li>
7292
</ul>
7393
</p>
@@ -77,17 +97,24 @@ <h2 class="blog-post-title">First Course</h2>
7797

7898

7999
<div class="blog-post">
80-
<h2 class="blog-post-title">Second Course</h2>
81-
100+
<h2 class="blog-post-title">Day Two</h2>
101+
102+
<p>Day two will familiarize our students with Java and the Android development platform.
103+
We will expand upon what is taught on the first day and teach a basic introduction to Java.
104+
Students will learn to create Android (4.x) applications similar to what is covered
105+
on their first day. They will learn the basics of the platform while creating a hello world application.
106+
Next, students will learn how to build a user interface while creating a calculator.
107+
Finally, they will apply their knowledge to create a tic-tac-toe game.
108+
</p>
82109
<p>
83110
<ul>
84-
<li>Teach Java (IDE to be decided)</li>
85-
<li>Teach the basics of Android programming</li>
86-
<li>Create new applications (similar to taught last time)</li>
87-
<li>Hello, world application</li>
88-
<li>Create a Tic Tac Toe game</li>
89-
<li>Create basic calculator</li>
90-
</ul>
111+
<li>Teach the basics of Java</li>
112+
<li>Teach the basics of Android development</li>
113+
<li>Create new applications</li>
114+
<li>Basics: Hello, world application</li>
115+
<li>User Interface: Create basic calculator</li>
116+
<li>Logic: Create a Tic Tac Toe game</li>
117+
</ul>
91118
</p>
92119

93120

@@ -96,18 +123,19 @@ <h2 class="blog-post-title">Second Course</h2>
96123
</div><!-- /.blog-main -->
97124

98125
<div class="col-sm-3 col-sm-offset-1 blog-sidebar">
99-
<div class="sidebar-module sidebar-module-inset">
100-
<h4>About</h4>
101-
</div>
102126
<div class="sidebar-module">
103-
<h4>Resources</h4>
127+
<h4>Downloads</h4>
128+
129+
<ul>
130+
<li>
131+
<a href="http://scratch.mit.edu/scratch2download/" target="_blank">Download MIT's Scratch</a>
132+
</li>
133+
<li>
134+
<a href="http://developer.android.com/sdk/index.html" target="_blank">Download Android Studio</a>
135+
</li>
136+
137+
</ul>
104138

105-
</div>
106-
<div class="sidebar-module">
107-
<h4>References</h4>
108-
<ol class="list-unstyled">
109-
<li><a href="#">GitHub</a></li>
110-
</ol>
111139
</div>
112140
</div><!-- /.blog-sidebar -->
113141

@@ -116,7 +144,7 @@ <h4>References</h4>
116144
</div><!-- /.container -->
117145

118146
<footer class="blog-footer">
119-
<p>Course designed and based on MIT's Scratch and Oracle's Java.</p>
147+
<p>Course designed and based on MIT's Scratch platform and Google's Android operating system.</p>
120148
<p>
121149
<a href="#">Back to top</a>
122150
</p>

‎style/style.css

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,18 +3,23 @@
33
*/
44

55
body {
6-
font-family: Georgia, "Times New Roman", Times, serif;
76
color: #555;
7+
font-family: 'Merriweather', "Georgia", "Times New Roman", Times, serif;
88
}
99

10+
code {
11+
font-family: 'Droid Serif', serif;
12+
}
13+
14+
1015
h1, .h1,
1116
h2, .h2,
1217
h3, .h3,
1318
h4, .h4,
1419
h5, .h5,
1520
h6, .h6 {
1621
margin-top: 0;
17-
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
22+
font-family: 'Merriweather', "Georgia", "Times New Roman", Times, serif;
1823
font-weight: normal;
1924
color: #333;
2025
}

0 commit comments

Comments
 (0)