Outschool
登入

創意編碼一對一 [數位藝術 + 遊戲 + JavaScript 動畫]

製作能夠自我改變的美麗藝術作品、每個玩家都不同的互動故事以及隨著你的進步而變得越來越難的遊戲!這些課程涵蓋 JavaScript 基礎知識,並為每個學習者單獨設計。歡迎初學者!
Terry D [Code & Art, JavaScript, M.Ed]
平均評分:
5.0
評論數量:
(42)
班級
玩

包含什麼

按需滿足
根據需要安排會議
55 分鐘
每次會話
教師支持
掌握程度評估
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
美國等級 5 - 8
=====================
SCHEDULE
=====================
This ongoing class for individual learners meets once per week for 55 minutes. You may begin, pause, resume, and end the weekly meetings at any time.

=====================
WHAT WE'LL CREATE
=====================
In this ongoing 1-on-1 class, individual learners create wondrous "generative" games and art – animations that change themselves each time they're viewed. Learners can create many different projects depending on their interests. For example, some learners create scenes from nature – fading sunsets, raindrops dripping down windows, or brush strokes curving across canvas. Other learners make quizzes or storybooks with images and pages that turn. Still other learners invent and code their own games.

=====================
APPROACH
=====================
Learners have many different ways of planning, thinking, and processing their work, and this class respects all of them. Some learners are comfortable expressing their thoughts in words while others communicate through their work. Some learners like step-by-step instruction while others prefer challenges they can investigate on their own. Some learners move rapidly among many different ideas, creating cross-connections; some investigate a particular idea in impressive detail. Some learners prefer a systematic approach to a topic, building a ladder of related skills; others prefer to dip into learning anywhere they're interested. Some learn best visually, using diagrams, charts, and graphic organizers; others focus best when guided by spoken questions or instructions; some get up and walk around to think. And so on through infinite variations among learner styles. 

I welcome all the gifts each learner brings. I adapt lessons for each learner's style and respectfully listen for information in all their communications (whatever form they take). I aim to work with learners in ways that make them comfortable while still providing challenges and opportunities for new ways of thinking. 

Whatever their styles, all learners in this class work in a collaborative coding environment where we can write commands together. I model how the commands should look, and learners can practice them.  I can see and respond to their coding ideas immediately. We learn with plenty of time reserved for both exploration and practice. As learners become comfortable , they'll begin to work independently on their own projects.

=====================
CURRICULUM
=====================
The curriculum is adapted for each learner. However, all curricula share the following features.

EVERY LESSON CREATES A PROJECT
I collaborate with learners to choose projects that they find fun and interesting, and I try to make sure that each project has a little magic in it – something surprising that learners can investigate and that broadens their understanding. Please note that a lesson can include one or more class periods. 

OPPORTUNITIES FOR INVENTION AND INDEPENDENCE
While it's fun and confidence-building to complete projects, the ultimate goal of these lessons is to nurture self-reliant and independent code artists – learners who not only create projects but also imagine their own project ideas and create them independently. To foster this journey from lessons to self-reliance, I include opportunities for play, exploration, and invention in every step of learning. 

Most importantly, learning is carefully structured to provide challenges with low thresholds (all learners can reach them successfully) and high ceilings (plenty of room to explore one's own ideas) throughout the class.

SMALL STEPS IN A SPIRAL
Our learning proceeds in small steps. We begin with easy commands in projects that are mostly complete. Learners tinker with these projects, making small changes and investigating what happens. We particularly explore the syntax of p5.js JavaScript commands slowly and playfully. (Syntax means the patterns of letters, numbers, and punctuation in the commands.) As learners gain confidence, they proceed to write commands from scratch and eventually to create more and more of each project by themselves. At this point, I present challenges like "What commands would we need, and in what order, to make this shape move across the screen by itself ?" Or "to change its color randomly?" Or "to make it slowly disappear and reappear?" Or "to make it get smaller and smaller as it moves down the screen?" Ultimately, learners can envision whole projects and the code to create them.

Learning also proceeds in a spiral fashion. That means each lesson revisits the skills of previous lessons and builds on them thoughtfully. We proceed at a learner's pace, sticking with each skill and moving on when it's comfortable. 

JAVASCRIPT COMMAND SEQUENCE
Generally, we learn p5.js JavaScript commands in the following order. Additional commands can be added, and some can be omitted, according to learners' interests. We learn how to:
- draw simple shapes and colors
- undo and "debug" (strategies for fixing problems in the code)
- use p5.js JavaScript built-in commands to change shapes randomly
- understand the coordinate grid
- use built-in variables to move shapes with the on-screen pointer
- use variables you create to make shapes move gradually (not randomly) across the screen, change color, shrink and grow
- use the "if" command to make choices in code – for example, make a moving shape jump to the top if it has reached the bottom
- capture screen clicks and use them to keep score, turn book pages, and manage other sequential tasks
- spin the drawing area by using the rotate() command
- use variables to spin shapes at different speeds
- add and subtract variables and use these operations to make shapes oscillate – move back and forth, get larger and then smaller, or bounce off edges of the screen – or to move with acceleration (like a ball falling down the screen)
- add images and music
- use commands that repeat actions ("loops") like for() and while()

ART SEQUENCE
We consider some or all of the following design principles, which often inspire learners to try new strategies in their projects.
- randomness: make repeated but unpredictable changes to color, size, or position of shapes
- interactivity: allow players to change the screen by clicking or dragging the pointer or by pressing keys
- oscillation: make shapes that change and then change back – for example, circles that grow and shrink
- reflection: create two or more shapes that move or change in opposite but symmetrical ways
- repetition: draw shapes that repeat in pleasing ways – for example, tiling patterns
- displacement: alter the position or dimensions of repeated shapes over time

=====================
NO PREREQUISITES
=====================
This class is intended both for learners with no experience in text-based coding (writing commands instead of dragging blocks) and also for learners who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. 

=====================
ACCOUNTABILITY
=====================
After each lesson, I post a summary of the learning activities in Outschool classroom.

=====================
GETTING READY
=====================
(1) Learners should join our coding group at Open Processing, where they'll write code and see their animations. See additional information in "Parental Guidance," below.
(2) Learners should log into Open Processing *before each class* so they're ready to work when class begins. 
(3) Learners should know how to cut and paste and how to move among different tabs in their web browsers.

Thanks! Please let me know if you need help with these requests. I am always happy to help!
學習目標
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.
學習目標

其他詳情

父母的引導和規範
Learners will create a login and join a coding group at Open Processing, where their class will write code and see the 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 learners 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.
外部資源
除了 Outschool 教室外,本課程也使用:
已加入 August, 2022
5.0
42評論
教師檔案
教師專業知識和證書
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to learners 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 people learn and the different gifts they each bring to the classroom!

評論

現場一對一課程
分享

US$30

每次會話
按需求上課
55 分鐘

有7 為學習者完成此課程
即時視訊會議
年齡: 9-15

關於
支援
安全隱私加州隱私學習者隱私條款
下載這個軟體
在應用程式商店下載在 Google Play 上取得
© 2024 校外