whichcodewitch/index.html at main · markdenardo/whichcodewitch · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="style.css" />
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
  />
  <p>img : Morgan le Fay by Frederick Sandys, 1864</p>
  <img
    src="https://cdn.glitch.global/89d8fe68-5406-4e62-8fb8-41831e0edf56/Sandys%2C_Frederick_-_Morgan_le_Fay.png?v=1723906319831"
    alt="Morgan_le_Fay.png"
    width="50%"
    height="50%"
  />
  <body style>
    <h1>WHICH CODE WITCH</h1>
    <a
      href="https://www.instagram.com/whichcodewitch"
      class="fa fa-instagram"
      target="blank"
    ></a>
    <a
      href="https://www.facebook.com/whichcodewitch"
      class="fa fa-facebook"
      target="blank"
    ></a>
    <a
      href="https://www.youtube.com/@whichcodewitch"
      class="fa fa-youtube"
      target="blank"
    ></a>
    <p>
      WCW is an online course, designed for students ages 7 - 11, which teaches
      software engineering through the lens of creative coding.
      <br />
      Each 1-hour session covers data types, variables, loops, conditionals,
      functions, and classes through fun and easy to learn projects.
      <br />
    </p>
    <p>
      Sessions are available through Google Classroom,
      <a href="https://www.culturehub.org/livelab" target="blank">LiveLab,</a>
      and Zoom.<br />and are offered in the following packages:
    </p>

    <ul>
      <li>1 Session : $100</li>
      <li>3 Sessions : $275</li>
      <li>5 Sessions : $425</li>
    </ul>

    <p>
      Classroom sizes are limited to 3 students a session. <br />Larger
      classroom sizes are available for a cost of $25 for each additional
      student.
      <br />
      Class cancellations less than 24 before the session start time will incur
      a $50 cancellation fee.
    </p>

    <p>
      Courses can be taken as a single session, up to 15 sessions each semester.
    </p>

    <a href="https://forms.gle/fNtCwWfgMfnpazTQA" target="blank"
      >GOOGLE DOCS REGISTRATION FORM</a
    >
    <br />
    <br />

    <h1>Fall 2024 Courses</h1>
    <h3>Fundamentals of Scratch</h3>
    <p>
      This course is our starter course for any new students, and will show the
      structure of WCW classes.<br />Students will build fun interactive
      projects in Scratch that are unique to the WCW pedagogy.
    </p>
    <img
      src="https://cdn.glitch.global/89d8fe68-5406-4e62-8fb8-41831e0edf56/scratch.gif?v=1724087395326"
      alt="witch-emporium.gif"
      width="25%"
      height="25%"
    />

    <h3>Software Engineering Basics with Python Turtle</h3>
    <p>
      Python is a high-level coding language, capable of building robust web
      applications, Machine Learning models, and Videogame Frameworks.
      <br />
      In this course we will practice basic coding in Python; building games and
      art projects in turtle.py: a Tkinter based turtle graphics module for
      Python.
      <br />
      <a href="https://docs.python.org/3/library/turtle.html" target="blank"
        >turtle.py API</a
      >
    </p>
    <img
      src="https://cdn.glitch.global/89d8fe68-5406-4e62-8fb8-41831e0edf56/turtle.gif?v=1724086008206"
      alt="python_turtle.gif"
      width="25%"
      height="25%"
    />

    <h3>Machine Learning and AI</h3>
    <p>
      Working in Machine Learning and AI requires clear instruction, critical
      thinking, and good ideas.
      <br />
      In this course we will build applications, using
      <a
        href="https://teachablemachine.withgoogle.com/"
        target="blank"
        alt="Teachable Machine URL"
        >Teachable Machine</a
      >: A fast, easy way to create machine learning models. <br />
      Courses will cover the MIT designed
      <a href="https://dancingwithai.media.mit.edu/" target="blank"
        >Dancing w AI</a
      >
      curriculum.
    </p>
    <img
      src="https://cdn.glitch.global/89d8fe68-5406-4e62-8fb8-41831e0edf56/hat-nohat.gif?v=1724085912251"
      alt="hat-no-hat.gif"
      width="25%"
      height="25%"
    />

    <h3>Twinery: Storytelling in HTML CSS and JavaScript</h3>
    <p>
      <a href="https://twinery.org/" target="blanks">Twine</a>
      is a storytelling web framework used in teaching HTML, CSS, and
      JavaScript.<br />
      In this class we will explore this framework, and create our own projects,
      <br />
      building immersive games, choose-your-own adventure storytelling, and fun
      art projects.
    </p>

    <img
      src="https://cdn.glitch.global/89d8fe68-5406-4e62-8fb8-41831e0edf56/twinery.gif?v=1724086005991"
      alt="magician.gif"
      width="25%"
      height="25%"
    />
    <h3>Hydra Video Synth: Live Coding GLSL Shaders in JS</h3>
    <p>
      <a href="https://hydra.ojack.xyz/" target="blank">Hydra Video Synth</a>
      is a web based livecoding application which manipulates GLSL shaders,
      through JavaScript code directly in the browser.<br />In this course we
      will explore the
      <a href="https://hydra.ojack.xyz/api/" target="blank"
        >Hydra Video Synth library</a
      >,and produce our own livecode video art projects and performances.
      <br />This is a great course for students seeking live online artistic
      collaboration.
    </p>
    <img
      src="https://cdn.glitch.me/89d8fe68-5406-4e62-8fb8-41831e0edf56/hydra.gif?v=1724087406775"
      alt="hydra-example.gif"
      width="25%"
      height="25%"
    />
    <h1>Instructor BIO : MDN</h1>
    <a
      href="https://www.instagram.com/markdenardo"
      class="fa fa-instagram"
      target="blank"
    ></a>
    <p>
      <a href="https://markdenardo.github.io/whichcodewitch/MDN_CV.html">M DeNardo aka MDN</a>
      (they/them/we) is Founder, Curriculum Developer, and Lead Instructor of
      the After3 Coding Club at NEST+m in New York City.
    </p>
  </body>
</html>