JavaScript超入門 動きのあるWebページを作る
【各回の学習項目】
PCと対話してみよう
入力と出力 Webブラウザって何?
データ型とは(数値・文字列)
「変数」って変な数のこと?
エディタを使う練習をしよう
画像や音の正体
ファイル、フォルダ、拡張子って何?
エクスプローラとコピペをマスターしよう
redをblueに変えたら何が起きる?
自分の写真でフォトギャラリーを作ろう
写真をクリックしたら
HTML, CSS, JavaScript の役割と分担
Flexbox Froggyでカエルの配置を変えよう
配列、オブジェクトの作り方、使い方
「イベント」ってコンサートのこと?
「関数」に親しもう
どんなプログラミング言語においても非常に重要な存在 ━ 「関数」
オーダーメイドと既製品
引数、返り値(戻り値)とは
「繰り返し」を学ぼう
どんな運動でも勉強でも苦手を克服するには「繰り返し」 ━ JavaScriptではどうやって「繰り返し」をさせるのでしょう?
if, else, whileって全部英語だけど…
① JavaScript基礎1
Web上のゲームを作る
② JavaScript基礎2
オブジェクト指向プログラミングに挑戦
ご希望に応じて、市販の参考書を教材として利用する予定です
HTML/CSS/JavaScriptの関係
HTML/CSS/JavaScript
三位一体に連携
⇩
動くWebページ
KICK
HTML
Webページの「文書構造」
KICK
CSS
Webページの「デザイン」
JavaScript
Webページの「動き」
Reference
小中学生向けコードプログラミング学習書籍(JavaScript関連)
一般の書店、Amazon等でもこのような書籍が販売されています
Reference
JavaScript以外のコードプログラミングに関する小中学生向け書籍
Pythonは特に最近多くの関連書籍が販売されるようになりました
Reference
小中学生向けHTML、CSS、Webサイト制作関連の書籍
Reference
その他
「小中学生プログラミング教室」で推奨している書籍、物品等をご紹介します
Lesson
コードプログラミング体験コース「第1回」の説明用資料の一部(抜粋)をご紹介します
- All
- Chapter
- Point
- Other
Our Team
Let's keep on learning together!

Katsuyasu KATO
加藤勝康
Retired Pseudo Geek
Name Unknown
募集中
Chief JS TutorFrequently Asked Questions
小学生、中学生からコードプログラミングを学ぶ必要はありますか?
-
中には「不必要」というご意見もあります。
これは、プログラミング学習はプログラミング的思考を学ぶことこそが目的なので、- 難易度の高いコードプログラミングは不要
- 消化不良になれば、学習に対する興味、意欲が失われてしまう
- Scratchだけでも相当高度なことができる
- 楽しみながら勉強ができる Scratchをもっと深めるべき
- しかし、この教室では、実際にシステム開発の現場で使われる JavaScriptを教材として、その基礎の基礎を一緒に学んでいこうと思います。
-
私たちは、
- 本格的プログラミング言語の奥深さ、面白さを、早くから体験してみることは将来に役立つ
- 「コードを書く」ことができれば、プログラミング学習の選択肢が大きく広がる
- どの言語でも基本動作、ある種のコツを身につければ、他の言語にも応用が効き、相乗的な効果がある
- 詳細は、コラム Code Programming もご参照ください。
最初のコードプログラミング言語として JavaScriptを選んだ理由はなぜですか?
-
JavaScriptは、
- Web開発における業界標準と言える存在
- システム技術者を目指す方々の中でも人気が高い
- 機能の進化が今も続いている
- すぐに利用可能(ブラウザに組み込まれている)
- 入門書、学習教材が幅広く揃っている
-
他のコードプログラミング言語の中では、Pythonも小学生、中学生のプログラミング学習に適していると思います。
Pythonは、- 文法が比較的シンプルで学びやすい
- Google三大言語のひとつで、facebook, line, instagramなどでも採用されている
- 最近特に人気が高くなってきた
- データ解析、人工知能のプログラムを書く際によく使われる
- Pythonについては、現在のところコース設定の予定はありませんが、今後、教材等の環境が整えば導入を検討したいと考えています。
コードプログラミングを始めるのに必要なスキルは何ですか?
-
小学校 3年から 4年生の学力を想定しています。
- 英語の大文字、小文字が読める
- 簡単な英単語を知っている
- ローマ字が書ける
「JavaScript超入門」の獲得目標は何ですか?
-
JavaScript入門書の核となる学習領域の基礎を一通り理解し、簡単な「動くWebページ」を作成できるようにすることを目的にしています。
学習領域については、当ホームページ掲載の「各回の学習項目」をご参照いただけませんでしょうか。
「JavaScript超入門」終了後の選択肢について
-
教室は 1.5時間 × 5回で打ち切りです。
その後については、よろしければ、- JavaScriptを更に深く学ぶ
- Pythonなどの他のプログラミング言語を学ぶ
- 受験勉強、他の習い事等に資産を配分する
不規則な日程に対応可能ですか?
-
他の用事、期末試験等でご都合が悪い場合は、他の日時に変更することも可能です。
ただ、長い時間、間隔が空いてしまうと学習効率が下がるため、最初から 3か月程度の間には 5回のコースを終わらせた方がいいと考えています。
費用・交通費について
-
1.5時間 × 5回
40,000円(消費税込)
交通費実費 別途
訪問可能エリア・時間帯
-
東京都区内・川崎市・横浜市
9:00~22:00前後(時間・曜日 応相談)
パソコン、ブラウザ、エディタは何を使いますか?
-
- パソコン: Windowsパソコン (Windows10)
- ブラウザ: Google Chrome
- エディタ: Visual Studio Code
パソコンは貸与可能です
ブラウザ、エディタは初回訪問時にインストールさせていただきます。
教室での教材は何を使いますか?
当ホームページで一部をご紹介させていただいるような形の説明用スライドを利用します。
同時に用語、構文等を学習する際、辞書的に使う市販の参考書をご購入いただく予定です。(2,000円~3,000円程度)
HTML、CSS、JavaScript全般に関しわかりやすくまとめられていて、今後の学習にも役立つと思われる書籍をご紹介します。
また、教室で実習に使うサンプルプログラム等は、メモリースティックの形でお渡しします。
宿題・事前課題はありますか?
宿題は次回教室開催までの間、必ず 5分程度で完了できる内容のことを毎日宿題にしていく予定です。
また、教室の中でプログラミングに使う素材として、写真、短いメッセージを数点ご用意いただきたいと考えています。
Contact Us
Business Area
東京都区内 川崎市 横浜市
Email Us
info001@skipdream.com
Call Us
090 3035 2432