[ASP]はじめてのWeb制作/開発～スムーズなプログラミング学習の開始に～

標準学習時間	6時間	提供元	トレノケート
価格(税込)	19,800円(税込)	備考	eラーニング
提供形態/付帯教材種別		商品コード	WSX0015G

お気に入りへ追加

対象者
学習内容
ワンポイントアドバイス
重要なご連絡
人気の似たコース

ワンポイントアドバイス

以下のコースをパッケージ化して受講しやすくしたコースです。

・絶対につまずかないHTML/CSS

・絶対につまずかないJavaScriptプログラミング

・絶対につまずかないPHPプログラミング

▼サンプル動画

重要なご連絡・ご確認事項

● 受講期間はID発行より3ヶ月です。

↑ページの先頭へ戻る

対象者情報

対象者	・Web制作の基本知識を身につけたい初心者の方・システムエンジニアや開発を志望する方・内定者や新入社員の方・プログラミングの学習をこれから始める方
前提条件	□初心者向けのため事前に必要なスキルは特にありません □簡単なPC操作ができると望ましいですが、コース内で案内があります

学習内容の詳細

コース概要

このコースでは、Webの仕組みを学び、HTML/CSS、JavaScript、PHPの基礎知識を習得していきます。内容が理解できるよう、講義の後に実際にコーディングして試してみることにより知識を定着させます。
以下の3つのミニコースから構成されます。

｢HTML/CSS｣: HTML/CSSの基礎知識を学び、HPの制作を体験します。
｢JavaScriptプログラミング｣: 簡単なプログラミング知識を元におみくじ機能を作り、フロントエンドの開発を体験します。
｢PHPプログラミング｣: 簡単なプログラミング知識を元にお問い合わせ機能を作り、バックエンドの開発を体験します。
初心者の方の最初の学習ステップにご利用ください。

※本コースでは受講者のPCに開発環境を用意して受講します。環境がご用意できない場合は、ハンズオンの動画をデモンストレーションとして視聴することも可能です。

学習目標

● ブラウザでHPを表示する仕組みを理解できる
● HTMLのタグやCSSの記述などの基本知識を理解できる
● プログラミングの基本文法を理解できる
● HPに簡単な動きをつけることができる

学習内容

1. HTML
  - HTMLとは
  - ハンズオン①タグを使ってみましょう
  - リンクと画像
  - ハンズオン②リンクと画像を表示しましょう
  - リスト･テーブル･レイアウト
  - ハンズオン③リストを作成してみましょう
  - ハンズオン④テーブルを作成してみましょう

2. CSS
  - CSSとは
  - ハンズオン⑤スタイルシート
  - idとclassの指定
  - ハンズオン⑥idとclassの活用
  - 余白の調整
  - ハンズオン⑦余白を調整しましょう

3. Webページ制作
  - Webページのレイアウト
  - ナビゲーションメニュー
  - ハンズオン⑧ナビゲーションメニューを作りましょう

4. JavaScript基礎
  - JavaScriptとは
  - ハンズオン⑨JavaScriptファイルの作成
  - 変数と型
  - ハンズオン⑩変数と型
  - if文
  - ハンズオン⑪if文
  - for文
  - ハンズオン⑫for文
  - 乱数
  - ハンズオン⑬乱数

5. クリックイベントを作りましょう
  - 配列
  - ハンズオン⑭配列
  - alert/confirm
  - ハンズオン⑮alert/confirm
  - 関数
  - 動画
  - ハンズオン⑯関数とクリックイベント
 
6. DOM操作
  - jQueryの使い方
  - ハンズオン⑰jQueryの使い方
  - jQueryのいろいろな使い方
  - ハンズオン⑱jQueryを用いたアニメーション
  - 全体の振り返り
 
7. Webの仕組みを学びましょう
  - Webアプリケーションの仕組み
  - 型とは
  - ハンズオン⑲型とは
  - GETとPOST
  - ハンズオン⑳感想投稿フォーム

8. 制御構文を使ってサービスをブラッシュアップ
  - if文とは
　- ハンズオン㉑バリデーション機能を作りましょう
  - 配列とは
　- ハンズオン㉒配列とは
　- ハンズオン㉓バリデーション機能応用

9. 感想投稿フォームに機能を追加しましょう
  - hiddenタグとは
  - リクエストメソッドによる分岐処理を作りましょう
  - データベースにデータを登録しましょう
  - 感想投稿フォームの完成系を確認しましょう