研修内容03_Html-JavaScript
投稿日時:2017/12/03(日) 18:18
Html・JavaScript 基礎
第一講 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
第一講 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