JavaScriptで学ぶプログラミング超入門(HTML/CSS/JavaScript体験)

所要時間

90分

受講対象者

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

前提知識

特にありません。Monaca Educationのアカウントの作成と、事前学習として動画「第1章 アプリ開発入門」( https://vimeo.com/340600195 )をご確認ください。

研修の概要

Monaca Educationを使って、簡単なHTML文書を作成します。
作成したHTMLのページに、CSSで文字の色や、画像サイズなどのスタイルを適用します。最後に、JavaScriptで動作を組み込みます。
一連の学習を通じて、Monaca Educationの基本的な操作を身に付けることができます。

研修の目標

  • HTMLを使って簡単なWebページを作成できる
  • CSSを使って、HTMLページの文字や画像にスタイルを適用できる
  • JavaScriptを使って、HTMLページに値を表示できる
  • Monaca Educationの基本的な操作を身に付ける

研修の内容

  1. HTML入門:画面に文字や画像を表示してみよう
  2. CSS入門:文字に色をつけたり画像のサイズを変えてみよう
  3. JavaScript入門:今日の日付を表示するプログラムを作成しよう

留意事項(使用するツールなど)

  • Monaca Educationを利用してJavaScriptを学びます。あらかじめWebサイト( https://edu.monaca.io )にアクセスし、アカウントを作成しておいてください。

  • 書籍『Monacaで学ぶはじめてのプログラミング』の内容を扱う研修です。

  • 視聴用端末:PC、Mac、タブレット、スマートフォンなど
    ※講師によるコーディングのデモも行いますので画面は大きめの方が望ましいです
  • 実習用端末:ChromeブラウザもしくはEdgeがインストールされたPC、Mac、Chromebookのいずれかの端末
    ※視聴用端末と共通のものでも参加可能ですが、実習用の別端末があるとよりスムーズに実習がいただけます。