実例でわかる JavaScript 初心者講座
プログラミングの基礎から学び、JavaScriptでWebアプリ(ブラウザ上で動くアプリ)を作ろう!
Description
このコースは、実際にブラウザ上で動くアプリケーションを作りながら、プログラミングの基礎から学習し、JavaScriptでプログラムを書けるようになります。
このコースを習得すれば、次のような事ができるようになります。
- プログラミングの基礎の習得。
- ブラウザ上で動くアプリケーションの作成。
- 最新のHTML5の機能の利用(作図、画像フィルター処理、音声や動画の再生、Web APIの使用)
コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。
このコースでは、基礎から学んでいき、最終的に最新のHTML5の機能を利用した、アプリの作成までを行います。
‥‥‥‥‥‥‥‥‥‥
各セクションでは、以下のようなアプリを作ります。ほとんどのアプリは、ソースコードが100行以内で、容易に理解、改造が行えます。
- 税込み計算アプリ(入力欄から数値を得て計算結果を表示)
- アウトライン メモ(アウトライン エディタ風に、ネストしたリストを追加)
- 三択問題アプリ(ユーザーの解答に応じて、結果表示を分岐)
- 字典アプリ(マウスオーバーで、説明表示を切り替え)
- テーブル ソート(テーブルを、名前順や数値順で、自在にソート)
- 連続計算アプリ(複数行入力欄の数式を、行ごとに計算して結果表示)
- メモ アプリ(Webブラウザに情報を記録したり、取り出したり)
- HTML自動リンク アプリ(文字列からURLを探し出して、自動でタグを付加)
- 角丸四角画像生成アプリ(角丸四角のパスを作り、画像を動的に生成)
- 画像切り抜きアプリ(画像を丸く切り抜いたPNG画像を生成)
- セピア調アプリ(画像の画素を処理して、セピア調に変換)
- 音声再生アプリ(音声を読み込み、再生)
- 動画再生アプリ(動画を読み込み、再生)
- ストップウォッチ(経過時間を取得して、定期的に表示を更新)
- 人気Webページ表示(Web APIを利用して情報を得て、リンクボタンを自動生成)
JavaScriptは、Webブラウザとテキストエディタがあれば、すぐにプログラムを始められます。この簡単なプログラミング言語で、プログラムとJavaScriptをマスターしましょう!
※ 本講座の解説で出てくる「Webアプリ」とは、ブラウザ上で動くアプリケーションのことです。電卓やメモ帳のような、パソコンのローカルアプリを、ブラウザ上で再現したものになります。複雑なものでは、PhotoshopのようなWebアプリもあります。本講座では、初心者でも作れるものを中心に、作成していきます。
What You Will Learn!
- JavaScriptの基本の習得。
- 変数、条件分岐、ループ処理、配列など、プログラミングの基本の理解。
- HTML、CSS、JavaScriptを利用した、ブラウザ上で動くアプリケーションの作成。
- HTML5の機能を利用した、画像処理や音声、動画の再生。
Who Should Attend!
- プログラミング未経験者や初心者。
- 過去にプログラミングの勉強をしたことがあるが挫折した人。
- JavaScriptについて知識がない人。
- 手軽にアプリを作ってみたい人。