JavaScriptで学ぶプログラミング超入門（DOM・フォーム・色々な演算子）

所要時間

90分

受講対象者

Monaca Educationを用いてJavaScriptプログラミングおよびHTML、CSSの作成を行いたい方

前提知識

弊社実施の二つの研修
* 『JavaScriptで学ぶプログラミング超入門（HTML/CSS/JavaScript体験）』
* 『JavaScriptで学ぶプログラミング超入門（条件分岐・関数・イベント）』

上記を受講済みか、同等の知識をお持ちの方を想定しています。

  • Monaca Educationのアカウントの作成
  • 事前学習として動画「第１章 アプリ開発入門( https://vimeo.com/340600195 ）を視聴済
  • 書籍『Monacaで学ぶはじめてのプログラミング』第１章から第７章までを読み終えている

研修の概要

『Monacaで学ぶはじめてのプログラミング』8章～10章の内容に沿ってJavaScriptの入門を学びます。
はじめに、DOM（Document Object Model）について学びます。HTML文書の中の要素を、プログラムから操作するためのモデルがDOMです。

次に、HTMLでフォームを作成します。フォームの中に、ユーザからの入力を受け付ける要素を作成することができます。テキストボックスや、チェックボックスを作ります。

最後に、JavaScriptで演算を行うための様々な演算子について学びます。足し算や引き算のような算術演算のほか、論理演算のための演算子もあります。

研修の目標

  • JavaScriptを用いてDOMを操作するプログラムを作成できる
  • HTMLにフォームを作成し、ユーザーの入力を受け付ける要素を埋め込むことができる
  • いくつかの演算子を使ったJavaScriptプログラムを作成できる

研修の内容（セクション立て）

  1. DOM：時間帯によって表示する画像を切り替えよう
  2. フォーム：ユーザーの情報を入力するフォームを作成してみよう
  3. いろいろな演算子：BMI計算アプリを作成してみよう

留意事項（使用するツールなど）

  • Monaca Educationを利用してJavaScriptを学びます。あらかじめWebサイト( https://edu.monaca.io )にアクセスし、アカウントを作成しておいてください。
  • 書籍『Monacaで学ぶはじめてのプログラミング』の内容を扱う研修です。
  • 視聴用端末：PC、Mac、タブレット、スマートフォンなど
    ※講師によるコーディングのデモも行いますので画面は大きめの方が望ましいです
  • 実習用端末：ChromeブラウザもしくはEdgeがインストールされたPC、Mac、Chromebookのいずれかの端末
    ※視聴用端末と共通のものでも参加可能ですが、実習用の別端末があるとよりスムーズに実習がいただけます。