おためし受講中

JavaScript入門 Webアプリを作成してみよう【後半】

■ 全2回の第2回

JavaScriptの入門授業です。今回はJavaScriptを使って便利な計算アプリを作成します。2回目の今回は、前回制作したアプリにさらに便利な機能を追加していきます。実際の制作を通じて、JavaScriptでのプログラミングに慣れる事が出来ます。

■ 対象者

  • HTML/CSS/JavaScriptについて基本的な理解のある方
  • プログラミングに興味があり、JavaScriptでの制作を体験したい方。

■ 事前準備

この授業では下記ソフトウェアを使用します。事前にインストールしておいて下さい。

GoogleChrome

Sublime Text 

  • http://www.sublimetext.com/
  • 人気のテキストエディタです。Windows/Mac両方で利用可能で、JavaScriptの開発に便利です。
  • 使い慣れているエディタがあれば、そちらをご利用いただいても構いません。

サンプルプログラム

■ 全2回連続授業

■ オススメの関連授業

JavaScriptについて自信の無い方は、事前に下記録画授業を受講してみて下さい。
 

学生代表

  • 未定

    未定

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

再生位置挿入 資料挿入
筆記アシスト
ONOFF
    【チャプター機能】
    授業内容をピンポイントでおさえながら
    ご自身のペースで進めることができます
    【前半】授業
    自己紹介&アジェンダ
    03:43  (00:13 ~ )
    事前準備について
    04:20  (03:56 ~ )
    割り勘計算のしくみのおさらい
    04:11  (08:16 ~ )
    追加実装をしよう:ユーザーの使う画面を作る
    02:43  (12:27 ~ )
    作成したファイルをテストする
    01:30  (15:10 ~ )
    画面上でのボタンと設定項目を入れ替える
    04:26  (16:40 ~ )
    値を取得・計算する
    00:54  (21:06 ~ )
    レファレンスの検索精度を高める
    04:20  (22:00 ~ )
    取得した値をチェックする
    04:50  (26:20 ~ )
    端数が切り上げか、切捨てか判定して処理を分ける
    04:00  (31:10 ~ )
    切り捨てる位に応じて、amountを調整する
    02:45  (35:10 ~ )
    切り捨てによる不足金額を計算する
    02:55  (37:55 ~ )
    切り捨て計算ができるかチェックする
    04:33  (40:50 ~ )
    端数を切り上げる
    05:28  (45:23 ~ )
    【後半】質疑応答
    Q:インデントとか改行にオススメはありますか?
    00:57  (50:51 ~ )
    Q:デバックの方法でconsoleに出力する以外の良い方法はありますか?
    01:06  (51:48 ~ )
    Q:最後のinnerHTMLはどういう意味になるのですか?
    01:23  (52:54 ~ )
    Q:sublime textのプラグインは何を入れていますか?
    01:33  (54:17 ~ )
    Q:変数名の付け方のコツってありますか?
    01:41  (55:50 ~ )
    Q:if文にあるreturnは今回の場合、getResultの関数動作が終わるという意味でいいのでしょうか?
      (57:31 ~ )