‘JavaScript’ タグのついている投稿

WEB基礎研修

2019年1月10日 木曜日

概要

Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本項目について学習します。
最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにします。

目的

・Webアプリケーションの基本的な仕組み、構成要素、利用される要素技術の基本事項について理解する。
・最新版のHTML, CSS, JavaScriptの基本文法を理解し、これらを用いたWebページを作成できるようにする。

対象者

Webアプリケーションの基本的な知識や、Webページの作成に興味のある方

テキスト

弊社オリジナルテキスト

基本日数

4日間 ※カスタマイズは可能です

内容

【Web基礎】
1. Webアプリケーションの概要
・Webアプリケーションとは
・システム構成
2. Webアプリケーションの仕組み
・静的なWebサイト
・動的なWebサイト
・CGI
・HTTP
・Webブラウザ
・Webアプリケーションの基本動作
・Webアプリケーションプログラミング
3. Webアプリケーションのサーバ構成
・サーバ構成
・アプリケーションサーバ
・データベースサーバ

【HTML基礎】
1. HTMLの概要
・HTML
・タグ
・XML
・XHTML
・HTML4.01
2. 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()
・外部ファイルの読み込み
・コメント
・alert()
3. データの利用
・変数
・演算子
・論理演算子
・JavaScriptのデータ型
4.関数
・関数
・function命令
・関数リテラル
・Functionコンストラクタ
5. 制御構文
・分岐
・for
・while
・do-while
・スコープに関する注意点
6.DOM
・DOMとは
・DOMツリー
・要素の取得
・要素の更新
・DOMを利用する場合の注意点
7.イベントとイベントハンドラ
・動的な処理の実装
・動的な処理の実装
・イベントハンドラとの関連付け

AngularJS入門研修

2014年12月17日 水曜日

コースジャンル

設計・開発

概要

Googleが提供するJavaScript MVC(MVW)フレームワークであるAngularJSの基本概念から、
実践的なコーディングまでを1日で学ぶことのできる実践的なコースです。
プロジェクトの構築やコード生成を支援する開発支援ツール群「Yeoman」を使いながら、
AngularJSの基本的なアプリケーション構造やテンプレートHTML、ディレクティブ、
コントローラ、サービスといった具体的な構成要素の解説とサンプルコードの作 成を行います。
さらに、まとめの演習としてログイン、商品閲覧、レビュー、カート管理、発注登録などの機能を持つ
簡易的なECサイトをAngularJSで実装する課題を行っていただくことで、実践的な知識を身に付けることができます。

目的

・JavaScriptによるMVC(MVW)のアプリケーション構造について理解する。
・開発環境構築の方法や、開発時の作業手順を修得する。
・AngularJSを使った簡単なWebアプリケーションが作成できるようになる。

対象者

・HTML/CSS/JavaScriptの基本的な文法について、ある程度理解できていること。
・なんらかのプログラミング言語の経験があること。

テキスト

オリジナルテキスト

基本日数

1日

内容

1.JavaScript MVCフレームワークがなぜ必要なのか?

2.AngularJSによるWebアプリケーションのアーキテクチャ

3.開発環境のセットアップ

4.AngularJSのプロジェクト構造・サンプルプリケーションの概要

5.AngularJSの基本要素を学ぶ(1)モデル/ディレクティブ

6.AngularJSの基本要素を学ぶ(2)コントローラ

7.AngularJSの基本要素を学ぶ(3)サービス/フィルター

8.総合演習:AngularJSによる簡易的ECサイト構築

備考

・法人企業様のみの対象となります。
・個人で申込みの方はお問い合わせください。