はじめに

1. このコースについて

• 1-1 : このコースの目的・ゴール
• 1-2 : WEBプログラマと学習プラン

2. これだけは知っておこう！

• 2-1 : HTML/CSS/JSについて
• 2-2 : JavaScriptとPHP
• 2-3 : IPアドレス、ドメイン、DNS、Webサーバ
• 2-4 : ターミナルとviエディタについて
• 2-5 : デバッグ時のポイント

事前準備

1. 開発環境を整える

• 1-1 : 開発環境の設定(MAMP)
• 1-2：ローカル開発環境でhomebrewとcomposerをインストールする

基礎編

Basic-1 : コーポレートサイトを作成する

• 素材画像
• 1-1 : HTML/CSSで1カラムサイトを作成する
• 1-2 : レスポンシブ対応
• 1-3 : お問合せフォームの設置

Basic-2 : 公開用サーバの用意

• 2-1 : AWSのアカウント登録
• 2-2 : AWSの設定1（サーバーの作成)
• 2-3 : AWSの設定2（PHP,MySQL,IPの設定）
• 2-4 : AWSの設定3(ドメインの設定)
• 2-5 : AWSの設定4 (SSLの設定)

Basic-3 : コーポレートサイトを公開する

• 3-1 : サーバへアップロード
• 3-2 : Basic認証を設定する
• 3-3 : Google Analytics（GA）を設定
• 3-4 : 最低限のSEO対策をする

Basic-4 : 外部サービスと連携する

• 4-1：Blogを作成してリンクする
• 4-2：Twitterのタイムラインを表示する

Basic-5 : Newsの更新を簡易CMS化する

• 5-1：管理画面の作成（ログイン、ダッシュボード）
• 5-2：NewsのCRUD機能の実装
• 5-3：フロントサイトにNewsを表示する

Basic-6 : 会員機能を追加する

• 6-1：入会画面を作成する
• 6-2：ユーザー管理機能を作成する1
• 6-3：ユーザー管理機能を作成する2
• 6-4：メールマガジン送信機能を追加する

Basic-7 : EC機能を追加する

• 素材画像
• 7-1：商品ページの追加（静的）
• 7-2：ショッピングカートを作成する
• 7-3：注文する（注文を受け付ける）
• 7-4：受注管理画面を作成する
• 7-5：クレジットカード決済機能を追加する
• 7-6：商品管理画面を作成する
• 7-7：会員機能を追加する

Basic-8 : 予約（カレンダー）機能を追加する

• 8-1：カレンダーを実装する
• 8-2：予約機能追加
• 8-3：カレンダーに予約状況反映・予約管理画面作成
• 8-4：会員機能を追加

応用編

只今、準備中です。