プログラミングの学習

モード：パソコン／スマホ

ねらい

1. 小・中学生から学ぶプログラミング学習プログラムです。
2. 難しい説明は省略してます。初心者でもプログラミング入門の手引きとなります。
3. スマートフォンで操作出来ますので、いつでも、どこでも、独学で、学習出来ます。
4. 短時間で、プログラミングの基本が理解でき、論理的思考能力の向上が期待出来ます。

特徴

1. プログラミングに必要と思われる基本機能のみ選択しており単純で解りやすい構成にしています。
2. 書いたプログラムがすぐに実行しいて、確認が出来ます。
3. 演習問題がありますので、理解度が確認できます。

学習範囲

現在、インターネット上で公開されてる情報はWebブラウザで参照しております。
情報が書かれているWebページのほとんどは、HTMLとCSSで作成されています。

HTML（HyperText Markup Language）は、Webページの文書などの構造を形作るための言語です。

CSS（Cascading Style Sheets、スタイルシート）は、文書構造にデザインを施して、 見栄えを指定するための言語です。

さらに、Webブラウザー上で実行されるプログラミング言語の一つとしてJavaScriptがあります。
JavaScriptは、 プログラミングにより、ユーザーのアクションに応じた動的なコンテンツ の作成が出来ます。

ここでは、 Webブラウザで動作するプログラムの作成を、HTML（文書構造の作成）、CSS（見栄えの作成） 、 JavaScript（動的コンテンツの作成（プログラミング））に分けて学習をします。

#	分類	学習範囲
１	HTML	基本形 文字表示 リスト表示 テーブル表示 画像（写真）表示 音（音楽）を鳴らす 動画表示 その他の指定 まとめ（総合練習）
２	CSS	基本形 スタイルの指定 色の指定 フォントの指定 テキスト表示の指定 ボーダー（線）の指定 マージンの設定 パディングの設定 幅と高さの設定 スタイルをまとめて指定する まとめ（総合練習）
３	JavaScript	基本形 HTMLを書いてみる JavaScriptを書いてみる JavaScriptのプログラミング 基本文法、演算子、数値・文字列、構文、など 簡単なプログラムを作る フォームを理解する 簡易電卓を作る カレンダーを作る まとめ（総合練習）
４	JavaScript (canvas)	図形の描画 直線の描画 テキストの描画 曲線の描画 画像の描画
５	JavaScript （レベルアップ編）	ｃｓｓ操作 ダイナミックHTML イベントハンドラ タイマーの使い方