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