This repository was archived by the owner on Jan 26, 2025. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathformfunction.html
More file actions
260 lines (244 loc) · 13.1 KB
/
formfunction.html
File metadata and controls
260 lines (244 loc) · 13.1 KB
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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
---
layout: default
title: "Form and Function: Bit by Bit"
banner-title: "Form and Function"
scripts:
- "signup.js"
- "ff.js"
style: programdetails.css
---
<div class="details-container">
<div class="details-item">
<p class="medium-text">
<div class="center-text">
<b>Begins the week of October 29th, 2023.</b> <br>
<b>Students can sign up at any time and will be placed in a Homeroom promptly! All details will be sent to the Parent's email.</b> <br>
Form and Function is a free, online, weekly after-school program for curious middle school students who want to learn to code their very own websites! Participants will learn HTML, CSS, and JavaScript -- <b>no previous coding experience necessary.</b> Join our <a href="https://www.facebook.com/groups/846768816447260">facebook group</a> for more information!
</div>
<br>
<a class="middle-button" href="https://forms.gle/hDHeqPjL5FUTpRo57"
id="ff-signup">
<button class="action-button largebutton">Sign Up</button>
</a>
<br>
<div class="details-container">
<div class="details-item space lightblue-box">
<p class="no-above">
Students will attend class weekly and progress through our multiple homeroom levels. Each homeroom in the program takes 4 weeks to complete, and students who complete all homerooms will have the ability to create websites and online games. <br><br>
New students are welcome to sign up at anytime, but they will begin class at the start of each new 4-week cycle. For example, if a participant signs up on January 3rd and the next 4-week cycle begins on January 15th, the participant will be told to join on the 15th. <br><br>
Previous coding experience is welcome but by no means necessary. No matter your starting ability, we will find the right challenge for you!
</p>
</div>
<div class="details-item">
<p class="no-above">
<ul class="no-above2 more-space">
<li><b class="blue-list-heading">6-8th grade</b></li>
<li><b class="blue-list-heading">Year-Long</b><br>
Signup anytime; join at the beginning of the nearest
4-week cycle</li>
<li><b class="blue-list-heading">HTML, CSS, JavaScript</b><br>
Participants learn the fundamentals of web development through homerooms organized by experience level.</li>
<li><b class="blue-list-heading">Weekly</b><br>
Students are expected to attend weekly or follow the curriculum asychronously to stay on track </li>
</ul>
</p>
</div>
<p class="no-above2">
</div>
</p>
<!-- <p class="title-text"><strong>Check back in the end of August when registration opens for the next school year!</strong></p> -->
<div class="details-container blue-box">
<div class="details-item">
<p><b>Each week, students will...</b></p>
<ul>
<li>Learn to code their homeroom project</li>
<li>Work through our curriculum, available <a href="https://bitbybitcoding.org/ffresources">here</a></li>
<li>Work one-on-one with live instructors</li>
<li>Interact with our <a href="https://tutorials.bitbybitcoding.org/">demos</a> to dive into concepts</li>
<li>Gain a deeper understanding of programming and web design</li>
</ul>
<!-- To learn more about what those levels look like, check out our <strong><a
href="{{ 'homerooms.html' | relative_url | remove: '.html' }}">homeroom levels guide</a></strong>.
<br> <br>-->
</div>
<img id="ff-image" class="details-item" src="imgs\BitbyBot Images\computerbot.svg">
<div id="project-links" class="details-item">
<p><b>Students have created...</b> </p>
<ul>
<li><a href="https://po7qc.csb.app/">Fun facts about donuts</a> </li>
<li><a href="https://1j4eb.csb.app/">Clock for cat lovers</a></li>
<li><a href="https://9mr74.csb.app/">A hangman game</a>!</li>
</ul>
<a href="{{ 'homerooms.html' | relative_url | remove: '.html' }}">
<button class="action-button mediumbutton">Homeroom Levels</button>
</a>
</div>
</div>
<h2 class="noslashes center-text">Scheduling</h2>
<div class="details-container">
<div class="details-item">
<p class="no-above">
Students will attend one of the three weekly sessions:
</p>
<br>
<ul class="no-above2">
<li>Monday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
<li>Wednesday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
<li>Friday from 4:30 to 5:30 pm PT / 7:30 to 8:30 pm ET</li>
</ul>
<p class="no-above2">
The last week of the program will be the week of the 11th of June.
</p>
</div>
<div class="center-line"></div>
<div class="details-item">
<p class="no-above">
Form and Function will be closed for:
</p>
<br>
<ul class="no-above2">
<li>The week of November 20th for Thanksgiving</li>
<li>The weeks of December 25th and January 1st</li>
</ul>
</div>
</div>
<!-- <div class="center-text">
<iframe src="https://calendar.google.com/calendar/embed?src=c_bvvd4loruqg64gnh1j8hqjc78s%40group.calendar.google.com&ctz=America%2FLos_Angeles" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
</div>
-->
<div class="center-text">
<p class="medium-text"><strong>
Online and Free -- Join From Anywhere!
<!-- The program is free, with a suggested donation of $20 per month! -->
</strong></p>
</div>
<a class="middle-button" href="https://forms.gle/hDHeqPjL5FUTpRo57"
id="ff-signup">
<button class="action-button largebutton">Sign Up</button>
</a>
<!-- <a class="middle-button" href="{{ 'donate.html' | relative_url | remove: '.html' }}">
<button class="action-button mediumbutton">Donate</button></a>
-->
</div>
</div>
<div class="section">
<section class="faqs">
<h3 class="blue-box">FAQs</h3>
<details>
<summary>Are there any additional costs or fees?</summary>
<p>
We believe everyone should be able to learn to code without worrying about the cost. However, we would appreciate donations. Anything helps, even just $5!
</p>
</details>
<details>
<summary>Can I join part-way through the year?</summary>
<p>
Definitely! Our program is designed to have ongoing enrollment, but we will send the zoom link to join once the next cycle starts.
</p>
</details>
<details>
<summary>Do you need previous coding experience?</summary>
<p>
No! We welcome everyone from those who have never coded before to those who are already advanced
coders.
Form and Function has projects for every ability. Our goal is for students to have fun while
working on
projects and lessons individually tailored to their level.
</p>
</details>
<details>
<summary>What if my child is in 5th grade but really wants to attend?</summary>
<p>We love children who have a passion for coding! However, our program is designed for a particular
age
range. To discuss your individual situation, please email <a
href="mailto:{{site.contact.email}}">{{site.contact.email}}</a>.</p>
</details>
<details>
<summary>What type of computer will my child need and do they need to download any software?
</summary>
<p>
Any type of computer is fine, though ideally not a Chromebook. Sometimes, parental controls do
not allow
for students to code using the tools that they need access to. To check if you have this
problem,
right-click on any webpage and select “Inspect.” If nothing opens, the parental controls on the
computer
may be too tight. (This is done to prevent kids from hacking into things, but it also prevents
them from
using the developer’s console, which is essential to their ability to code properly.) Also, we
prefer if
you do not use a tablet, but tablets will suffice if they are the last resort. On their first
day of the
program, they will create a free CodeSandbox account that does not require downloading any
software. The
login, however, requires that your child has either a Google or GitHub account.
</p>
</details>
<details>
<summary>What online platform will the camp use? Are the meetings recorded?</summary>
<p>Form and Function will meet in a password-protected Zoom classroom. We do not record the Zoom
meetings as
we value you and your child’s safety and privacy.
</p>
</details>
<details>
<summary>
Is there a difference between the Monday, Wednesday, and Friday class?
</summary>
<p>
No! We offer the same program on three different days.
</p>
</details>
<details>
<summary>What if I have more questions?</summary>
<p>We would love to hear from you! Email us at <a
href="mailto:{{site.contact.email}}">{{site.contact.email}}</a>.</p>
</details>
</section>
</div>
<div class="section" id="testimonials">
<h3 class="blue-box">Student Testimonials</h3>
<div class="testimonial-container">
<span class="testimonial-item centertext">
<em>
Form & Function was amazing!! I loved to code with great helpers and teachers! Every week, coming back,
it felt like there was something BIG, something NEW to learn. :)
</em>
<p><strong class="author">Anvie</strong></p>
</span>
<span class="testimonial-item centertext">
<em>
The classes are very helpful and fun. They made me love to code and very excited to have a future in
coding and programming.
</em>
<p><strong class="author">Angel</strong></p>
</span>
<span class="testimonial-item centertext">
<em>
This program was amazing! It taught me many basic coding skills that I would not have learned, and the
volunteers were amazing too. They dedicated so much time to make sure I understand what was taught and
that I had no problems. They also helped me with my own projects too!
</em>
<p><strong class="author">Samuel</strong></p>
</span>
<span class="testimonial-item centertext">
<em>
I really like your coding program throughout the year. It really helped my coding skills and I learned
the basic of 3 whole coding languages! In only the last 9 months!! The teachers are just fantastic and
have a great sense of humor, as well as the ability to make the class interesting and let everyone
participate.
</em>
<p><strong class="author">Sprihi</strong></p>
</span>
<span class="testimonial-item centertext">
<em>
I think form and function is great. The teachers are fun and I felt like I could ask them anything. I
went to other coding classes too, but this is the best one by a mile. All the teachers aren't just great
- they're really smart.
I learned a lot from this and I enjoyed coming here. I hope there is going to be form and function next
year too! I would definitely come.
</em>
<p><strong class="author">Anonymous</strong></p>
</span>
</div>
</div>