プログラミング言語アイコン

JavaScript入門編1: JavaScriptをはじめよう

paizaラーニング画面エリアは左上が動画エリア、左下が補足テキストエリア、右上がコードエリア、左下が入出力エリアとなっています。
paiza会員 になると、 受講状況、進捗度の表示、提出コードの保存、バッジの取得が出来ます。

■学び方手順

  • 下記の各チャプターに進むと左のようなレッスン画面が開きます。
  • 動画エリアには 各チャプター約3分の動画 が配置されています。
  • 補足テキストエリアには動画の補足情報や、解説している問題の問題文等が表示されます。 「演習課題へ進む」ボタン を押すと、そのチャプターの学習内容を元にした 類似問題が出題 されます。
  • コードエリアでは自由にコードの記述、実行が可能です。 動画の内容を実際に試してみましょう。
  • 入出力エリアでは、 コード実行時に標準入力する入力値の設定と、実行後の出力値 が表示されます。
  • 各エリアは、境界線上で ドラッグする事でサイズを変える 事が可能です。
学習ステータスイメージ画像

■学習ステータス

  • 「学習ステータス」では各講座の学習進捗状況が確認できます。
  • 右上に表示されているゲージはその講座の学習が全体の何%まで進んでいるかを表します。

    ※公開中のレッスンすべてを受講することで100%となります。レッスンが追加になった場合は追加された分を含めて100%となるため、ゲージの数値が変動することがありますのでご注意ください

  • 「学習レベル」は各チャプターを完了することでレベルアップします。
  • キャラクター画像は「ジョブ」によって変化します。「ジョブ」は各レッスンの演習問題をすべて正解して★を獲得する(模範解答を閲覧した場合、★は獲得できません)と上級ジョブにレベルアップすることができます。

    ※模範解答を閲覧した問題で★獲得を目指したいときは、そのチャプターの演習問題に最初から再挑戦してください

チャプター一覧

01:JavaScriptとは? (4:40) 無料公開中
最初に、このコースの目的・対象者・学習の進め方を確認しましょう。 また、このコースの題材となるJavaScript(ジャバ スクリプト)の概要を説明します。



ここでは実際に、JavaScriptでプログラムを書いていきます。 まずは、プログラミング言語を学ぶときに定番の「hello world」を書いてみましょう。



ここでは、プログラムにコメントをつける方法を学びます。 コメントは、プログラムの実行時には無視されますが、人間がプログラムを読む時、理解を助けるメモとして利用できます。



04:HTMLを表示してみよう (4:00) 無料公開中
ここでは、JavaScriptを使って、HTMLを出力するプログラムを作ります。 プログラムからHTMLを出力すると、利用者の状況に応じて、Webページの内容を変化させることができます。これが、Webサービスを作る第1歩になります。



ここでは、RPGのようにメッセージを表示するプログラムを作ります。そして、文字や数字などのデータを格納する「変数」(へんすう)について学びます。変数を使うと、データが変化したとき、いちいちプログラムの複数個所を修正しなくてもよくなります。



06:サイコロを作ろう (7:15) 無料公開中
ここでは、出現したモンスターの数を表示するプログラムを作ります。そして、数値を表示するプログラムについて学びます。 また、いくつかの数値の中から、サイコロのようにランダムにひとつの数値を選択できるrandom関数の使い方についても説明します。



07:演算子で計算してみよう (5:33) 無料公開中
ここでは、数値や変数を使って計算する方法と、四則演算で使用する記号(演算子:えんざんし)について学習します。



08:値段を計算してみよう (4:41) 無料公開中
ここでは、ここまでの応用として、演算子とrandom関数を使って、リンゴの値段を計算する、オンラインショッピングサイトのような簡単なプログラムを作成します。



09:データの型を覚えよう (4:10) 無料公開中
今回は、プログラミングを学習するときに、引っかかりやすいポイントの一つである、データの種類について学びます。一緒にがんばって覚えましょうね♪



codegym

ページの先頭へ戻る