RWD 響應式 網頁 程式設計 入門

Description

本課程的特色
__________________________________________________

1) 適合 做為 非 資訊 相關科系 畢業 之 初學者，進入 程式設計 領域 的 入門課程。

2) 教學方向 為 自適應 / 響應式 網頁 程式設計。

3) 主要 教講 各個 程式碼 片段 的 運作原理 與 涵義。

4) 教學內容 相當 簡明扼要、極具 親和力，並且 使得 初學者 容易 有 成就感。

相關說明
__________________________________________________

[1] 本課程 可讓 學員『深度』了解 RWD 網頁『程式設計』之『程式碼』的『運作原理』

[2] 學習 本課程 之後，能懂得 如何 讓『單一』網頁 檔案，具備『自適應』特性，以順應 智慧型 手機、平板 電腦、筆記型 電腦、桌上型 電腦 的 螢幕 視窗尺寸，而正常 呈現 在畫面 當中。

[3] 學習 本課程之 教學內容，可讓您『儘速』理解 各個 程式碼 的 涵義，因為：

• 講師 費時 上百 小時 ( > 250 小時)，規劃、整合歸納、備課、錄製影片，
  
  以及 準備 其 電子講義、範例程式檔、教學內容。
  
  因此 等同於 上百小時 的 心血結晶，濃縮於 3 小時 以上的 教學影片 當中！

• 許多 實體 或 線上 課程 的 教學內容，並沒有 被充份 整合 與 歸納 ...。
  
  雖然，觀看 數十 小時 以上 的 教學影片，似乎 物超所值；
  
  實際上，學習成果『糾結』在 學員 自己 的 腦海 中 ...。
  
  開始 撰寫 程式碼 時，才發現 自己 尚未 理解 許多 觀念 和 程式碼 語法 ...。
  
  以致於，必須 來回 翻閱 上課講義，或是 觀看『冗長』的 教學影片 ...。
  
  美好 的 時光，就因此 浪費 於 無形 當中，而 不自知 ...。

• 對於 不夠良好 的 範例，課程講師 往往 需要 耗費 更多時間 去 講解 ...。
  
  若 A 講師 教講 不夠良好 的 範例，耗費 1 小時 才讓 學員 理解 10 個 觀念；
  
  但是 B 講師 教講 經過 整合、歸納 的 良好 範例，僅 耗費 10 分鐘，即讓 學員 理解 同樣 10 個 觀念！
  
  以『線上』課程 的『時間長度』來看，您們 會認為  A 講師 的 教學 比較 值錢，還是 B 講師 的 教學 比較 有價值 呢？

[4] 本課程 特別 重視 學員 對於 網頁『程式碼』的 理解 與 練習，可 密集 提升 學員 的『思考邏輯』和『英文能力』。

• 瀏覽器 解讀 網頁 檔案內 的 程式碼 之後，才呈現 網頁 畫面 於 視窗 當中。

• 包括『美感』的 呈現 在內，瀏覽器 都必須 解讀 其相對應 的 程式碼 之後，才能 呈現 出 其畫面 的 質感。
  
  也就是說，沒有其 程式碼 的話，網頁 根本 就 沒辦法 呈現在 畫面 當中 ...。

• 美工人員 在 處理『平面 影像』、『元件 配置』和『網頁 版面』時，大都 使用 Adobe Photoshop、Illustrator、Fireworks、InDesign 等等 套裝軟體。
  
  在 設計 網頁 時，亦可能 使用到 Adobe Dreamweaver 或 其他 套裝軟體。
  
  因此，美工人員 常常  缺乏 安全感 的 狀況 如下：
  
  (a) 因為 不了解 程式碼，所以 總覺得 缺乏 自信心 ...。
  
  (b) 長年累月 僅會 使用 套裝軟體 來 設計 與 美化 網頁；但是，裡面的 程式碼，根本 不是 自己 撰寫 的 ...。
  
  (c) 自己 沒辦法 撰寫 或 修改 網頁內 的 各個 程式碼 ...。
  
  (d) 不知道 如何替 網頁 本身加上：自適應 機制、資料庫 存取功能、特效動畫 或 運算功能 等等 ...。

• 至於『劃分 網頁 版面』(切版) 的 任務 來說，美工人員 往往 不了解 網頁 本身的 各個 程式碼，只能 間接 透過 套裝軟體，設置 好『版面 影像』的 切割區域，然後 轉存 成為 網頁 檔案 ...。
  
  可是，那樣子的 網頁 往往 會出現 如下的 毛病：
  
  (a) 瀏覽器 呈現 網頁 的 速度 緩慢 ...。
  
  (b) 網頁 本身 沒有 自適應 機制 ...。
  
  (c) 轉檔 後的 程式碼，變得 異常 複雜，只會 徒增 團隊內 程式設計師 的 負擔 ...。
  
  (d) 網頁 本身 缺乏 改版 的 彈性，以致於 每次 改版 時，彷彿 面臨『革命』或『世界大戰』...。

• 講師 往往 受限於『補習班』對於『營運』和『時間』成本的考量，使得 其 程式設計 的 課程，幾乎 只能 著墨於『功能上』的 教講 與 操作，而導致 如下 情況： 
  
  (a) 未充份 提及 程式碼 中『英文』關鍵字 的 涵義，以致於 學員 無法 有效地 學好 程式設計 ...。 
  
  (b) 學員 甚至 在 數百 小時 的 課程 結束 之後，仍舊 無法 正確 唸出 部分 英文 關鍵字 的 讀音 ...。
  
  (c) 撰寫 程式碼 之前，學員 必須 死記 英文 關鍵字 的『字母 排列 順序』，或是 來回 查詢 工具 (電子) 書，以及 依賴 套裝軟體 所提供 之『關鍵字 提示』的『自動完成』機制，才有辦法 好好 撰寫出 相關 程式碼 ...。
  
  (d) 學員 無法 充份 理解 廠商 在 官方網站 上 所提供 的 英文 教材，因此 難以 自修 ...。

[5] 講師 對於 教學 內容 的『每個 字句』皆非常 講究，本課程 之 教學影片 的 內容 因此 相當 深入淺出！

學習 本課程 之後，學員 即會 明白 教學影片 的『時數多寡』並不是 重點；

講師 的 解說 能力 和 巧妙 心思，才是讓 學員 在『短時間』內 即能 理解、學會 的 最重要 關鍵！

[6] 本課程 首頁 並沒有 華麗 的 裝飾，呼應著 網頁 的 內涵 在於『程式碼』的 運作 原理，而不是 華麗 的 外觀。

TAKE THIS COURSE