網頁設計01-環境建立(2hr)

一、課程介紹(20min)

  1. 課程大綱:
    1. 環境建立(XAMPP、DW、Laravel)
    2. 資料庫(MySQL)
    3. 通訊協定與靜態網頁(HTTP、TCP/IP、Domain/DNS、HTML、CSS、SEO)
    4. 動態網頁-php(基本函數操作、PDO資料庫連線)
    5. JavaScript(jQuery、Ajax)
    6. 【實作】傳統php
    7. WebAPI與MVC概念
    8. Laravel-web(Migrations、Model、Seeding、Eloquent ORM、Controllers、Routing、Middleware、Localization、Views)
    9. Laravel-api、其他應用(JWT、API、Mail、JS統計圖表、Line機器人、網頁拖曳、Google Map、影音串流)
    10. 伺服器(資訊安全、Windows Server/Linux、域名、路由器轉埠、HTTPS、多網域設定、伺服器壓力測試)
    11. 【實作】Laravel-web+api
  2. 上課方式:
    1. 所有課程資料皆放於部落格文章
    2. 所有影片將放於各篇文章最後章節
    3. 以實際示範操作為主軸,理論概念說明為輔助
    4. 課後若有小作業,以書面word截圖程式畫面,並上傳至FTP(帳號密碼另外公告)
    5. Project:
      1.  2~3人一組
      2. 題目:自訂
      3. 資料表:至少2張表,需有關連、外加user 1張表
      4. 功能:各單一表的CURD、複合表的CURD、Ajax功能
      5. 頁面:全頁RWD、Laravel-web 90% 與 Laravel-api 10%
  3. 預期成效:
    1. 架設RWD網頁(含jQuery/Ajax)
    2. 完整的後端功能(含API)
    3.  基礎Windows Server/Linux操作
    4. 職缺參考: 
      1.  104人力銀行:
        1. https://www.104.com.tw/job/6ln3f
        2. https://www.104.com.tw/job/3ckkh
        3. https://www.104.com.tw/job/4sgoa
        4. https://www.104.com.tw/job/6edq4
        5. https://www.104.com.tw/job/6b4t1
      2. 1111人力銀行
        1. https://www.1111.com.tw/job/91256029/?ks=php
        2. https://www.1111.com.tw/job/91203363/?ks=php
        3. https://www.1111.com.tw/job/85999217/?ks=php
        4. https://www.1111.com.tw/job/91302886/?ks=php
        5. https://www.1111.com.tw/job/91302185/?ks=php

二、Xampp安裝/簡介/設定 (25min)

  1. 下載Xampp: https://www.apachefriends.org/zh_tw/download.html
  2. 若Xampp的Apache有錯誤,可下載Visual C++可轉散發套件:https://drive.google.com/open?id=0B0D-Bv7NZUTENnVJSlA2Wk81MDAhttps://daimom3020.blogspot.com/2018/09/windows-server-2012-r2-api-ms-win-crt.html
  3. 簡介:將網頁設計之所需環境如Apache(伺服器環境),MySQL(資料庫),PHP(動態語言), phpMyAdmin(資料庫管理工具), FTP(檔案傳輸)等軟體整合,快速安裝。
  4. 安裝與設定: https://github.com/shyangs/blog/issues/24

三、Dreamweaver 安裝/簡介/操作界面介紹 (30min+20min練習)

  1. 下載DW: https://drive.google.com/file/d/0B0D-Bv7NZUTEZjV5UXFuZjZ4WFU/view?usp=sharing&resourcekey=0-RVcckjtlT9yq9ZQpqIW1_A
  2. 簡介:它使用所見即所得的介面,亦有HTML編輯的功能。(https://zh.wikipedia.org/wiki/Adobe_Dreamweaver)
  3. DW工作區介紹:https://helpx.adobe.com/tw/dreamweaver/using/dreamweaver-workflow-workspace.html

四、 Laravel安裝/簡介(25min)

  1. 下載composer: https://getcomposer.org/download/
  2. 安裝: https://laravel.tw/docs/5.3
  3. 簡介: https://laravel.tw/

五、課程影片(片長:00:29:32)