初學者創意編碼 – Javascript 中的藝術、遊戲、故事和聲音！
享受為您設計的遊戲、數位藝術、故事和動畫編寫程式碼的樂趣。添加一些智能，這樣您的計算機也可以自行改變事物！學習 JavaScript 基礎知識，同時編寫 4 個應用新技能的專案。
Terry D [Code & Art, JavaScript, M.Ed]
平均評分：
5.0
評論數量：(44)
包含什麼
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.
已加入 August, 2022
5.0
44評論
教師專業知識和證書
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!評論
現場團體課程
US$23
每週或US$184 用於 8 課程每週1次，共 8 週
55 分鐘
有1 位學習者完成此課程
即時視訊會議
年齡: 11-14
2-4 每班學員人數
