選單

US$30

weekly

or US$120 for 4 classes

逃離地牢！使用 Javascript 程式碼製作自己的逃脫遊戲 [1 對 1]

由 4 位學習者完成

年齡 10-14

現場私人課程

在這個為一名學生開設的為期 4 週的課程中，學習者幫助設計一個密室逃脫，然後透過使用名為 p5js JavaScript 的程式語言進行編碼來創建一個完全可玩的版本。挑戰朋友和家人來解決你的遊戲！

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

平均評分：

5.0

評論數量：

(48 評論)

即時視訊會議

每週1次，共 4 週

55 分鐘

關於學習概覽老師評論

包含什麼

4 現場會議

3 小時 40 分鐘上課時間

掌握程度評估

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

評估

No formal assessment, but informal feedback is provided to learners and parents as the class unfolds.

我們無法翻譯此文，請刷新頁面並再試一次。

課堂經歷

英語程度 - A2

美國 5 - 8 年級

Beginner 等級

Learners embark on a 4-week journey into creating their own escape rooms by writing code in 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 code. 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.

Please refer to the class syllabus for a detailed breakdown of each lesson, tailored to students in grades 5-8. 

Join us to launch your journey into JavaScript coding for escape rooms!

學習目標

Students will learn basic JavaScript skills for displaying images, shapes, colors, and text; creating and using variables to place clues randomly; detecting whether clues are clicked; changing scenes; and tracking inventory.

教學大綱

4 課程

超過 4 週

課 1:

Main Room

 We'll begin by designing a very simple game with a few clues that players can use to escape the room. In JavaScript, we'll learn how to display a photo of the main room and how place a "hot spot" that can be clicked within the room. Then we'll explore commands that detect the if players clicked the "hot spots" If the click is close, we'll display its clue.

55 分鐘線上直播課

課 2:

Find All the Clues and Escape

 We'll decide which clues must be found to allow players to escape the room. In JavaScript, we'll write code that checks for those clues and, if they're all found, changes the scene to a different photo that shows the escape.

55 分鐘線上直播課

課 3:

Additional Room

 We'll add a 2nd room that contains additional clues along with a game-ending trap. We'll adjust the previous code so that the player escapes only after these new clues are found.

55 分鐘線上直播課

課 4:

Inventory

 We'll change the game design so that players collect not only clues but items like maps and coins that they'll need for their escape. We'll adjust the code again so that players escape only after they find all the clues as well as all items they need.

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 pre-requisites.

外部資源

除了 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!