研修内容03_Html-JavaScript

投稿日時:2017/12/03(日) 18:18

HtmlJavaScript 基礎

第一講 HTML/CSS、HTML5/CSS3
目標:HTTPの理解、CSS利用してHtml画面の作成できる。
   HTML・HTML5の違いがわかる。
 1.HTTP(URL HTTPS FTP TCP/IP)の概念・HTMLの要素、属性
  Input Table Form など Html5の新要素
 2. CSSの利用
  要素の定義(id/class/name)と区別
 3.bootstrap、wordpressなど
練習:ある会社HP主画面を作ってみよう。

第二講 JavaScript/HTMLDom/JSON
目標:DOMの理解、JavaScript言語でWeb画面を作成できる。
  1.JavaScript言語
  変数 文法 制御例外 クラス 関数 Form入力検証 CODING規約
  2. JSONの使用  JSON.parse() JSON.stringify()
  3. DOM Document Object Model (id/name/class)
練習:①曜日、時刻を表示し、時刻によって 「挨拶文」 を切り替えます。
   ②ステータス・バーの表示を変える方法、新しいウィンドウを開く方法。
   ③Web ページ上のフォームに書き込んだ内容をメールで送信する。
   ④カレンダーへの祝日表示。 「前月」、「次月」 に表示を切り替えられるカレンダー。

第三講 Jquery /AJAX
目標:JqueryでWeb画面を作成できる。
   AjaxでWeb画面の一部を変更できる。
  1.Jquery (javascript文法の簡略/LIB)
  2.Ajax(Asynchronous JavaScript and XML)
  3. AngularJS
練習:①JavaScriptで簡単なCalculatorを作成する。
   ②下記ページのような機能を実現する。http://ws.bzen.net/rakuten/

その他のJS 
Angular.JS  Node.JS React.JS