![related_training](https://www.fullness.co.jp/corporate/wp-content/uploads/2024/05/【オープン講座】React・TypeScript基礎研修.jpg)
- 研修名
-
WEB基礎研修
- 概要
-
Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本項目について学習します。
最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにします。
- 目的
-
・Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本事項について理解する。
・最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにする。
- カリキュラム
-
詳しくはこちら
Web基礎
1. Webアプリケーションの概要
・Webアプリケーションとは
・システム構成2. Webアプリケーションの仕組み
・静的なWebサイト
・動的なWebサイト
・CGI
・HTTP
・Webブラウザ
・Webアプリケーションの基本動作
・Webアプリケーションプログラミング3. Webアプリケーションのサーバ構成
・サーバ構成
・アプリケーションサーバ
・データベースサーバHTML基礎
1. HTMLの概要
・HTML
・タグ
・XML
・XHTML
・HTML4.012. HTMLファイルの作成と利用
・HTMLファイルの作成方法
・HTMLファイルの利用方法3. HTMLの基本
・HTMLの基本構成
・ページタイトル
・コメント
・コンテンツモデルとカテゴリー4. よく利用されるタグ
・HTMLの本文
・見出し
・段落
・範囲
・リンク
・画像
・順序なしリスト
・順序付きリスト
・説明リスト
・表(テーブル)形式5. フォーム
・フォーム
・GETとPOST
・フォーム要素6. 特殊文字
・HTMLで使えない文字
・主な特殊文字7. 文書構造タグ
・構造化文書
・ヘッダー
・フッター
・記事
・その他の構造を表すタグCSS基礎
1. CSSの概要
・CSSとは
・CSSの適用方法
・CSSの基本構文
・デフォルトスタイルシート
・サイズの単位
・色指定2. CSSファイルの作成
・コメント
・@ルール3. セレクタ
・セレクタとは
・全称セレクタ
・タイプセレクタ
・クラスセレクタ
・IDセレクタ
・子孫セレクタ4. 文字のデザイン
・文字のデザイン
・文字に関するプロパティ5. 要素領域のデザイン
・要素領域のデザイン
・高さと幅
・背景色
・背景画像
・罫線6. タグ特有のデザイン
・タグ特有のデザイン
・テーブル
・リスト
・リンク7. レイアウト
・通常のレイアウト
・floatレイアウト
・positionレイアウト
・<参考>Flexboxレイアウト
JavaScript基礎
1. JavaScriptの概要
・JavaScriptとは
・JavaScriptの記述方法
・開発者ツール2. はじめてのJavaScript
・console.log()
・外部ファイルの読み込み
・コメント3. データの利用
・変数
・演算子
・論理演算子
・JavaScriptのデータ型4.関数
・関数
・function命令
・関数リテラル
・Functionコンストラクタ5. 制御構文
・分岐
・for
・while
・do-while
・スコープに関する注意点6.DOM
・DOMとは
・DOMツリー
・要素の取得
・要素の更新
・DOMを利用する場合の注意点7.イベントとイベントハンドラ
・動的な処理の実装
・動的な処理の実装
・イベントハンドラとの関連付け
- 費用
-
お客様のニーズに合わせて研修を設計した上で、お見積りをさせていただきます。
まずはお気軽にお問い合わせください。