Outschool
通貨、タイムゾーン、言語の設定を開く
ログイン

キッズコーディングクエスト: JavaScript ゲーム版

この 4 週間のオンライン コースでは、9 歳から 14 歳の生徒が HTML5 Canvas を使用してエキサイティングな JavaScript ゲームを作成しながらコーディングを学びます。毎週、生徒は新しいインタラクティブ ゲームを作成し、実際のプログラミング スキルと実践的な経験を積んでいきます。
MS. JEN of ARTISTIC KIDS WORKSHOP
平均評価:
4.5
レビュー数:
(4)
クラス

含まれるもの

8 ライブミーティング
7 時間 20 分 授業時間
課題
週1時間. 含まれる
修了証書
含まれる
この文章は自動翻訳されています

このクラスで学べること

英語レベル - 不明
米国の学年 6 - 9
Intermediate レベル向け
In Kids' Coding Quest: JavaScript Games Edition, young coders ages 9-14 will dive into the exciting world of game development using JavaScript and the HTML5 Canvas. This 4-week course introduces programming fundamentals through a series of fun, hands-on projects where students create their very own games. Each week, students will learn new skills and build a unique game, starting with simple animations and progressing to more interactive and challenging projects.

What will be taught?
Students will be introduced to foundational JavaScript concepts, including:

Variables for storing data.
Loops and Conditionals to control game logic.
Functions for organizing code and making it reusable.
Canvas Drawing Techniques: Using the HTML5 Canvas to create shapes, images, and effects.
Game Mechanics: Movement, collision detection, scoring, and player interaction.
Throughout the course, they’ll learn by building games, gaining confidence with programming while exploring creative ways to make each game their own.

Class Structure:
The course meets twice a week, and each class session follows a structured, interactive format:

Short Lecture: Each session begins with a short introduction to new concepts, covering the topic for that day in an accessible way.
Live Demonstration: I demonstrate coding techniques in real time, with clear, step-by-step guidance that students can follow along with.
Hands-on Coding Time: Students have time to work on their projects during class, ask questions, and receive support and feedback.
Showcase and Discussion: At the end of each session, students can share their work, discuss what they’ve built, and receive positive, constructive feedback.
Teaching Style:
My teaching approach is hands-on, supportive, and interactive. I guide students through each project, demonstrating new concepts with relatable examples, clear visuals, and real-time coding. I encourage exploration and creativity, so students feel confident experimenting with code, asking questions, and making each project unique to them. Lessons are designed to keep students engaged through a mix of direct instruction, collaborative coding, and practical challenges that reinforce learning in an enjoyable way.

Student Interaction:
This course is designed to be highly interactive, with multiple ways for students to connect with me and their classmates:

Live Coding Together: Students follow along with me as I demonstrate each new concept, which allows them to learn and practice coding in real time.
Guided Coding Challenges: Each class includes hands-on challenges where students apply what they’ve learned to solve mini-problems or make changes to their game.
Screen Sharing and Discussion: Students can share their screens, ask questions, and receive immediate feedback. Class discussions allow students to exchange ideas, ask questions, and explore different approaches.
End-of-Class Sharing: Students showcase their progress, celebrate each other’s creativity, and discuss what they found challenging or enjoyable in each game project.
By the end of Kids' Coding Quest: JavaScript Games Edition, students will have developed a solid foundation in JavaScript and canvas-based game programming. They’ll walk away with four completed games and the confidence to continue coding on their own, equipped with a portfolio of projects that highlight their new skills.
学習到達目標
Understand foundational JavaScript concepts, including variables, loops, conditionals, and functions.
Create dynamic, interactive games by using the HTML5 Canvas to draw shapes, handle animations, and add player-controlled movement.
学習目標

シラバス

8 レッスン
4 週間以上
レッスン 1:
Getting Started - “Bouncing Ball” Game
 Introduction to JavaScript basics: variables, let and const, and basic data types.
Intro to the HTML Canvas: setting up the canvas, context, and basic functions.
Drawing simple shapes on the canvas (circle, square) with JavaScript. 
55 分のオンラインライブレッスン
レッスン 2:
Getting Started - “Bouncing Ball” Game
 Introduce basic movement: updating the ball’s position using JavaScript loops.
Implement boundaries: using conditions to make the ball bounce off the edges 
55 分のオンラインライブレッスン
レッスン 3:
Interactive Fun - “Paddle Ball” Game
 Review JavaScript and canvas drawing basics.
Introduce keyboard input to control the paddle.
Set up paddle and ball on the canvas and create controlled movement. 
55 分のオンラインライブレッスン
レッスン 4:
Interactive Fun - “Paddle Ball” Game
 Collision detection basics: detecting when the ball hits the paddle or edges.
Scoring system: add a basic counter to track player’s score. 
55 分のオンラインライブレッスン

その他の情報

保護者へのお知らせ
Students will use Glitch, a safe, online coding editor, to build their projects. No personal information is required to use Glitch, and no account creation is needed for class participation. However, if students wish to save their projects outside of class or revisit them later, they have the option to create a free Glitch account with parental guidance.
受講の前提条件
To join Building Awesome Websites Together, students should have completed Kids' Coding Quest or have basic experience with JavaScript. Familiarity with working on a computer and using web-based coding tools is also recommended.
指導言語
英語
参加しました May, 2021
4.5
4レビュー
プロフィール
教師の専門知識と資格
ニューヨーク州 教員免許
学士号 New York City of Technology から
I am an experienced coding instructor with a background in web development and youth programming. I have taught coding and game development courses specifically designed for kids and teens, focusing on JavaScript and other foundational coding skills. My approach is centered on building confidence and creativity in young learners while ensuring they grasp the core programming concepts that will support them in future coding endeavors.

レビュー

ライブグループコース
共有

$24

毎週または$95 8 クラス分
週に2回、 4 週間
55 分

オンラインライブ授業
年齢: 9-14
クラス人数: 1 人-4 人

About
サポート
安全性についてプライバシーCAでのプライバシー保護学習者のプライバシーデータ設定の管理利用規約
アプリを入手
App StoreでダウンロードGoogle Playで入手する
© 2024 Outschool