Outschool
検索

$23

per class
クラス
再生

試してみましょう! P5js Javascript でコードを使ってアートを作ろう

9 人が学習を完了しました
年齢 9 歳-14 歳
ライブワンタイムクラス
この 1 回限りのクラスでは、アーティスト向けの JavaScript の一種である p5.js でコーディングして、ランダムな形状と色からコンピューターで生成された生き生きとしたアニメーションを作成します。美しいものを作りながらプログラミングを体験してください。初心者も歓迎です。
平均評価:
5.0
レビュー数:
(47 レビュー)

オンラインライブ授業
一度のみの受講
1 人-4 人 1クラスあたりの学習者
60 分

含まれるもの

1 ライブミーティング
1 授業時間
この文章は自動翻訳されています

このクラスで学べること

英語レベル - A2
米国の学年 5 - 8
Beginner レベル向け
In this one-time class, learners get a quick look at the beauty and fun of making computer-generated art – the lovely patterns and shapes that computers create when we give them imaginative commands. Like many coding classes this one welcomes learners who love games, and it also welcomes learners who love design, color, and animation. No previous experience coding is necessary!

We'll focus on a few essential commands for color and shape. Learners begin by tinkering with teacher-provided code. In a guided exploration, they make changes to the code and notice what happens. Then they collaborate with classmates, comparing results and figuring out together how the code works. New concepts and commands are added in small steps, with plenty of concrete examples and time for invention. Gradually, students write commands independently. They finish the class by designing and coding their own project with randomly-generated shapes, sizes, and colors. 

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

This class is intended both for students with no experience in text-based coding (writing commands instead of dragging blocks) and also for students who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. However, for more advanced students who already write code independently in p5.js, JavaScript, or another language, please contact me to arrange a more appropriate learning experience.

学習到達目標

Learners explore JavaScript commands that display shapes and colors and that change them randomly.

その他の情報

学習ニーズ
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.
保護者へのお知らせ
During the class, students will create accounts at https://openprocessing.org/, where they will write code and see their animations. Student accounts include many safety features. No personal information is collected. Additionally, 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 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内のクラスルームに加えて、以下を使用します。

先生について

参加しました August, 2022
5.0
47レビュー
プロフィール
教師の専門知識と資格
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.

レビュー

Terry D [Code & Art, JavaScript, M.Ed] は次にこのクラスを提案しています...
クリエイティブ コーディング 1 対 1 [デジタル アート + ゲーム + JavaScript アニメーション]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(47)
$30 セッションごと
1対1レッスン
オンデマンド
9 歳-15 歳


その他の人気クラス
JavaScript / p5.Js コンピュータサイエンスコーディングクラブ: ゲーム、アニメーションなど
Coco Coders
4.8
(973)
$20 クラスごと
次のセッションは今日 11 PM です
グループクラス
1/週、 55 分
9 歳-13 歳
子どものための Javascript コーディング (入門)
Dr. Elliott Heflin, Jr.
4.6
(405)
$14 クラスごと
次回のセッションは Mon 3/17 の10 PM です
グループクラス
5 週間、 2/週、 55 分
8 歳-13 歳
9~14 歳向け 1:1 JavaScript/p5.js
Coco Coders
4.8
(973)
$60 セッションごと
1対1レッスン
オンデマンド
9 歳-14 歳
プロジェクトベースの JavaScript コーディング (レベル 1)
AI Code Academy
4.7
(1,770)
$21 クラスごと
次回のセッションは Saturday の12:30 AM です
グループクラス
10 週間、 1/週、 1 時間
9 歳-14 歳
初心者向け Javascript コーディング レベル 2 - プロジェクトベースの学習
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,746)
$23 クラスごと
次回のセッションは Tuesday の4 PM です
グループクラス
10 週間、 1/週、 50 分
10 歳-15 歳
キッズコーディングクエスト: JavaScript ゲーム版
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
$12 クラスごと
次回のセッションは Mon 6/2 の5 PM です
グループクラス
4 週間、 2/週、 55 分
9 歳-14 歳
クリエイティブ コーディング 1 対 1 [デジタル アート + ゲーム + JavaScript アニメーション]
Terry D [Code & Art, JavaScript, M.Ed]
5.0
(47)
$30 セッションごと
1対1レッスン
オンデマンド
9 歳-15 歳
初心者向け Javascript コーディング レベル 1 - プロジェクトベースの学習
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,746)
$20 クラスごと
次回のセッションは Monday の1 PM です
グループクラス
12 週間、 1/週、 50 分
10 歳-15 歳
プロジェクトベースの JavaScript コーディング (レベル 2)
AI Code Academy
4.7
(1,770)
$22 クラスごと
次回のセッションは Saturday の12:30 AM です
グループクラス
10 週間、 1/週、 1 時間
10 歳-13 歳
子どものためのプロジェクトベースのウェブ開発(1年間):HTML、CSS、Javascriptを学ぶ
Faruk Hasan
4.8
(145)
$12 クラスごと
次回のセッションは Tuesday の2:05 AM です
グループクラス
1/週、 35 分
11 歳-16 歳
1:1 コーディング セッション: Java、Python、HTML、CSS、JavaScript (カスタマイズ可能)
MissB aka Bhavana R (Coding)
4.9
(36)
$60 セッションごと
1対1レッスン
オンデマンド
9 歳-18 歳
HTML、CSS、JavaScript を使用して Web サイトを構築する - サマー キャンプ コーディング ワークショップ -
Coding Doctors Learning Lab, Inc.
4.8
(1,243)
$15 クラスごと
次回のセッションは Mon 5/26 の11 PM です
グループクラス
2 週間、 4/週、 55 分
10 歳-14 歳
1:1 コンピュータ サイエンス チュータリング (Java、JS、Python など)
Andy Richards
3.4
(5)
$5 セッションごと
1対1レッスン
オンデマンド
8 歳-18 歳
[1対1] [Python、Javascript、Java、Scratch] コーディング評価: 8歳から17歳
Mr. Hun
5.0
(6)
$29 セッションごと
1対1レッスン
オンデマンド
8 歳-17 歳
1:1 個別指導: コーディング、Arduino、ゲーム、Unity、Python、JavaScript、C++、C#
Alex Fish
5.0
(6)
$60 セッションごと
1対1レッスン
オンデマンド
7 歳-18 歳
コンピュータプログラミング、コーディング、Python、Javascript、C#、C++ 個別指導
Dragon Academy by Trammell Classes, DnD,Coding,RPG
4.8
(722)
$36 クラスごと
次のセッションは今日 5 PM です
グループクラス
1/週、 25 分
7 歳-12 歳
もっとクラスを見る
アプリを入手 
App StoreでダウンロードGoogle Playで入手する
Home
検索
ギフトカードを贈る
通貨、タイムゾーン、言語の設定を開く
言語と地域
ログイン