メニュー

$23

weekly

or $184 for 8 classes

初心者のためのクリエイティブコーディング - Javascript でのアート、ゲーム、ストーリー、サウンド!

1 人が学習を完了しました

年齢 11 歳-14 歳

ライブグループコース

自分でデザインしたゲーム、デジタルアート、ストーリー、アニメーションのコードを楽しく書いてみましょう。インテリジェンスを追加すれば、コンピューターが自分で変更することもできます。新しいスキルを適用する 4 つのプロジェクトをコーディングしながら、JavaScript の基本を学びます。

Terry D [Code & Art, JavaScript, M.Ed]

平均評価:

5.0

レビュー数:

(48 レビュー)

オンラインライブ授業

週に1回、 8 週間

2 人-4 人 1クラスあたりの学習者

55 分

About 学習の概要講師レビュー

含まれるもの

8 ライブミーティング

7 時間 20 分授業時間

習熟度評価

Assessment is done informally during class. Written feedback is provided after class each week via a learner note.

テスト

Assessment is done informally during class. Written feedback is provided after class each week via a learner note.

この文章は自動翻訳されています

このクラスで学べること

英語レベル - A2

米国の学年 6 - 8

Beginner レベル向け

Learners embark on a 8-week journey into the beauty and fun of creative coding. Learners will design their own games and animations and then bring them to life by writing code a language called p5.js JavaScript, simple enough for beginners but powerful enough to create beautiful and lively projects.

Through tinkering, discussing, and investigating examples, learners gain a solid grasp of coding as well as a deep appreciation of the endless, magical possibilities that come from writing your own "generative" code – code that enables animations and games to change themselves each time they play. Learners work in small steps, tinkering with teacher-provided code and considering just one idea at a time.  New concepts and commands are added in small steps, with plenty of concrete examples and time for invention and collaboration. Learning also proceeds in a spiral fashion, where each lesson revisits the skills of previous lessons and builds on them thoughtfully. Gradually, students make projects independently. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges appropriate for them. In addition, I provide supplementary written or video materials for students who move a little faster than the class.

Please refer to the class syllabus for a detailed breakdown of each lesson, tailored to students in grades 6-8. Late enrollment is not allowed in this class because skills build. If interested, or if the proposed schedule isn't convenient, please send a message.

Join us to launch your journey into JavaScript coding!

学習到達目標

Students learn JavaScript commands that display shapes, colors and text and respond to key- and mouse-presses. Learners also use coordinates to position shapes and create variables to keep score, make timers and vary the size, position or color of shapes.

シラバス

8 レッスン

8 週間以上

レッスン 1:

Kaleidoscope – Part 1

 Learners create a kaleidoscope app where brightly colored shapes move with the on-screen pointer. In JavaScript, learners explore code for basic shapes and how to fill them with color; how variables can make shapes move with the pointer; and command syntax (how keywords and punctation are arranged).

55 分のオンラインライブレッスン

レッスン 2:

Kaleidoscope – Part 2

 Learners complete the kaleidoscope app. In JavaScript, they create the 8 required shapes and also add random colors that merrily flicker throughout the animation. In art, learners investigate the concept of reflection and then learn the JavaScript code that makes each shape reflect, or move in opposition, to the other shapes.

55 分のオンラインライブレッスン

レッスン 3:

Meditation App – Part 1

 Learners create a meditation app where shapes move and change slowly and rhythmically. In JavaScript, learners explore the coordinate grid (the numbers we use to place shapes at particular positions); how variables can change the position, size, and color of shapes over time; and how to change the color and size of a shape border.

55 分のオンラインライブレッスン

レッスン 4:

Meditation App – Part 2

 Learners design and complete their own meditation app. In JavaScript, they learn how to place text (words) on screen and make colors partly transparent, so that you can see through them. They also review how to make shapes that reflect each other's movement.

55 分のオンラインライブレッスン

その他の情報

学習ニーズ

To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.

保護者へのお知らせ

Students will create a login and join a coding group at Open Processing, where their class will write code and see their animations. Student logins at Open Processing include many safety features. For example, no personal information is collected, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see "Restricted Student Accounts" at https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.

受講の前提条件

No prerequisites.

外部リソース

このクラスでは、Outschool内のクラスルームに加えて、以下を使用します。

Open Processing

先生について

Terry D [Code & Art, JavaScript, M.Ed]

参加しました August, 2022

5.0

48レビュー

プロフィール

教師の専門知識と資格

15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education. And, most of all, great love, patience, and respect for the many different ways that students learn and the gifts they each bring to the classroom!