「さくさくJavaScript」はJavaScriptプログラミングの学習アプリです。
JavaScriptプログラミングが分かりやすいサンプル作成を通して、基礎を学習します。
■ jQueryをつかった学習
主にJavaScriptのライブラリである「jQuery」を使って進めていきます。
jQueryは多くのJavaScript入門書に基礎項目として組み込まれているメジャーなライブラリです。
「jQuery」はJavaScriptを使って「すぐ動くもの」を作ることができます。
そのため、JavaScriptの働きがより分かりやすく、初心者でも感触を確認しながら進めることができます。
学習の流れは次のようにシンプルです。
① 基本型のかんたんなサンプルと解説
② ①の内容をクイズで要点をおさらい
①②を通して、JavaScriptをより効率的にスマートな吸収を図ります。
15年間、WEBの制作現場に身を置き、開発とトレーナーを経験してきました。よりわかりやすく、効率的でムダのない学習経路と実戦向きな項目でまとめました。
■ こんな方におすすめのアプリです
・JavaScriptプログラムをやってみたい
・プログラミングを学びたい
・就職活動中、学生
・JavaScriptの専門書で断念した
・WEB制作にかかわる方
・WEBデザイナー/WEBディレクター
・WEB業界で働きたい
・jQueryを覚えたい
JavaScriptは「動くものをすぐ作れる」とても学びやすいプログラム言語です。
WEBブラウザがあれば、手元のPC上ですぐ動きを試せます。
プログラミング学習を始めるにあたっては、適任の言語です。
■ JavaScriptを短期間で要点を身につけたい人におすすめ
◎ JavaScriptってどんな感じなのか？
◎ どのように書いて、どんな風に動くのか？
JavaScriptプログラミングの親しみやすい箇所から進めていきます。
すぐにweb制作現場で応用できるテクニック集でもあります。
構成は以下の15点になります。
＃1 jQueryをはじめよう ①
＃2 jQueryをはじめよう ②
＃3 jQueryを動かしてみよう
＃4 【実習】img画像を変更してみよう
＃5 javaScriptの基礎 変数/if文
＃6 【実習】移動するカード
＃7 【実習】マウスに合わせて変更
＃8 【実習】動くメニュー
＃9 【実習】セレクトボタンで選んだらジャンプ
＃10 【実習】入力した値の確認
＃11 【実習】タッチしたら画像変更
＃12 【実習】送信ボタンを押したら確認ダイアログ
＃13 【実習】郵便番号の入力チェック
＃14 【実習】アニメーションをつかおう
＃15 【実習】外部ファイルを読み込もう
◎◎ 一度に多くを詰め込まない「すこしずつ学習」 ◎◎
ひとつを短い内容で区切ってあるので、気軽に見ることができます。
すき間時間でプログラミング学習できます。
【重要】15のテーマのすべてを学びきる必要はありません。
順序もこの限りではありません。自分の「ペース」と「やり方」を相談した使い方をおすすめします。
■ 読んで、見て把握する「さくさくJavaScript」
電車で読みながらでも学習できる「読み物形式」にまとめています。
① 基本型の説明
② かんたんコード
③ 実行結果
④ コードの解説
上記①②③④によって基礎知識の吸収を図ります。
■ 各サンプルの実践
手元で実際に動かすことが最も定着、理解を深められる方法です。
ぜひサンプルコードを実際に書いてみて動かして確認してみてください。
すべてのサンプルコードをダウンロード形式で用意しました。
アプリ内にあるURLよりダウンロードできます。
ダウンロードファイルからすぐに動作を見ることもできます。
■ HTML/CSS の理解を前提としています
HTML/CSS の理解を前提としており、説明は割愛しています。
また、JavaScriptエンジニアとして、現場ですぐ活躍するには、充分ではない内容です。
JavaScriptの専門書を読む前の入門・基礎的な内容になります。