さくさくJavaScript

「さくさく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の専門書を読む前の入門・基礎的な内容になります。