中学生プログラミング*IT部_教材一式 | IT自由研究室小中学生プログラミング教室 |西八王子 |考える「型」を、ゲームをつくりながら習得するオリジナルカリキュラム

中学生プログラミング*IT部_教材一式

Monacaで学ぶはじめてのプログラミング

第1章 アプリ開発入門 ▶スライド
第2章 HTML入門   ▶スライド
第3章 CSS入門    ▶スライド
第4章 JavaScript入門  ▶スライド
第5章 条件分岐    ▶スライド
第6章 関数      ▶スライド
第7章 イベント   ▶スライド
第8章 DOM     ▶スライド
第9章 フォーム    ▶スライド
第10章 いろいろな演算子 ▶スライド
第11章 配列    ▶スライド
第12章 繰り返し  ▶スライド

演習

図鑑アプリをカスタマイズする(目安:第3章終えたタイミング)  

 ▶スライド(動画講義なし)

②自分のオリジナルの図鑑アプリを作成する

 ▶テンプレートダウンロード

DX図鑑アプリをカスタマイズする(目安:第12章を終えたタイミング)

 ▶スライド(後半)(動画講義なし)

サンプルアプリ

初級編

ブロック崩しアプリ ▶スライド

  1. アレンジ①最初のボールを増やす ▶スライド
  2. アレンジ②パドルの横幅を変える ▶スライド
  3. ブアレンジ③ボールの最初の位置を変える ▶スライド
  4. アレンジ④ブロックの初期配置を変える ▶スライド
  5. アレンジ⑤ブロックの色ごとの得点を変える ▶スライド
  6. アレンジ⑥ブロックに当たったら、ボールを増やす ▶スライド
  7. アレンジ⑦ブロックの色を増やす ▶スライド
  8. アレンジ⑧緑色のブロックを崩したら、ボールを3つ増やす ▶スライド
  9. アレンジ⑨緑色のブロックを崩したら、得点が3倍になる ▶スライド
  10. アレンジ⑩ボールがパドルに当たったら音を鳴らす  ▶スライド