Webアプリケーション・FEコース(049)
| コース基本情報 |
|---|
| コース番号 | JAVA-049 |
| 訓練期間 | 20日間 |
| 時間 | 9：00～18：00 |
| 開催場所 | 茅場町教室 |
| 対象者 |
|---|
| Webアプリケーション開発をはじめ様々なシステム開発業務に従事しようとする方 |
| 前提知識 |
|---|
| 以下のすべてを満たしている方 |
| コース概要 |
|---|
| Webアプリケーション開発に必要なフロントエンド系技術であるHTML、CSS、JavaScript、jQueryに加え、DBに関する技術習得を目的とし、また教務管理システムを教材として使用する事で、より実践的な学習を行いシステム開発業務に於ける即戦力になりうる人材を育成します。 |
| 達成目標 |
|---|
| プログラム言語であるHTML、CSS、JavaScript、jQueryおよび、MySQLを利用したDB操作の基礎技術要件に焦点を当て、各技術要件を徹底して理解、習得する事でプログラミング技術は勿論、プログラム解析、プログラム改造など、システム開発者として必要なノウハウの習得を目標とします。 |
| 各技術要件（一部）の達成目標は以下の通りです。 |
|---|
| ・HTMLの基本タグ、CSSを利用したレイアウト設定の理解と習得 |
| ・JavaScriptプログラミング言語の命令文、型と演算子、関数などの理解と習得 |
| ・jQueryの概念及び環境構築などの理解と習得 |
| ・データベースの仕組みなどの理解と習得 |
| 学習内容 |
|---|
| 1. HTMLの基本タグ |
|---|
| title タグ |
| p タグ |
| ul, li, ol タグ |
| img タグ |
| a タグ |
| データ入力用フォームとフォーム内のパーツ(form/input/select) |
| h5 タグ |
| 一般的な使い方の紹介 |
| 2. table タグとレイアウト |
|---|
| table タグ |
| colspan、rowspanを使ったセル結合とline-heightを使った行間の調整 |
| tableのレイアウトColumn 1 Value 3 |
| 一般的な使い方の紹介 |
| 3. フレームセット |
|---|
| framesetタグでウインドウの分割（rows, cols) |
| frameタグ |
| iframeタグ |
| 一般的な使い方の紹介 |
| 4. CSS及び一般的なスタイル |
|---|
| CSS/CSS3の概要 |
| CSSの文法規則 |
| CSSセレクター |
| CSSファイルでの設定とHTMLファイルでの設定(style要素/style属性) |
| 良く見るタグの属性 |
| 一般的な使い方の紹介 |
| 5. block要素及びCSSレイアウト |
|---|
| block要素の概要 |
| content/padding/margin/border |
| 簡略指定 |
| 位置指定の違い(relative position/absolute position) |
| floatとclear |
| 良く使うレイアウト事例 |
| 小米、京東ショッピングサイト事例 |
| 6. JavaScript入門 |
|---|
| JavaScript概要 |
| JavaScriptの実行原理 |
| 変数とは |
| 演算子と式 |
| if, switch, for, for/in, while, do-while, try-catch-finally |
| 関数 |
| オブジェクト |
| 7. JavaScript応用 |
|---|
| JavaScriptでのオブジェクト指向 |
| Browser Object Model |
| Document Object Model |
| 8. 寄付管理システム JS版 |
|---|
| JavaScriptを使用したCRUD操作（creat, read, update, delete) |
| 9. jQuery |
|---|
| jQueryの概念 |
| jQueryの環境構築 |
| jQuery APIのドキュメントの使用 |
| jQueryの基本セレクタ |
| 属性を活用したセレクタ |
| 属性フィルタを活用したセレクタ |
| 10. MySQLデータベース管理 |
|---|
| 良く使われるデータベースの分類及びデータベースの種類 |
| 一般的な用語の紹介 |
| MySQLデータベースのインストールとバックアップ操作 |
| データベースの作成/削除等、基本操作 |
| 11. MySQLデータテーブル管理 |
|---|
| index, view, trigger, package |
| データテーブル制約 |
| データ検索クエリ |
| 12. MySQL総合実践 |
|---|
| 学生管理プログラム作成 |
| 13. JDBCによるデータベース接続 |
|---|
| JDBCとは |
| JDBCの原理 |
| JDBCによるデータベース接続ステップ |
| PreparedStatementとStatement |
| rollbackとcommit |
| 14. JDBCのinsert, update, delete |
|---|
| Statementによる実行 |
| PreparedStatementによる実行 |
| データ一括処理 |
| 15. JDBCパッケージ |
|---|
| JDBCパッケージ |
| 16. プロジェクト≪教務管理システム≫ |
|---|
| 講師/生徒登録 |
| 講師画面 |
| 生徒画面 |
| 講師削除/変更 |
| 生徒パスワード変更/生徒情報検索/全生徒情報検索/生徒削除/生徒情報変更 |
| 操作ログの記録 |
