Udemy線上課程 RWD 響應式 網頁 程式設計 入門 講師:Brat Terminator 影音教學 中文發音 繁體中文版(DVD版)
本課程的特色
__________________________________________________
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] 本課程 首頁 並沒有 華麗 的 裝飾，呼應著 網頁 的 內涵 在於『程式碼』的 運作 原理，而不是 華麗 的 外觀。
你將會學到的
理解 程式設計 的 思考邏輯
Understand the thinking logics about computer programming
懂得 自適應 網頁 程式設計 的 概觀
Comprehend the concepts for responsive web(-page) programming
實作出 具備 自適應 機制 的 網頁 程式碼
Can implement responsive-mechanism source code for web-page
打造出 具備 特定版型 的 自適應 網頁
Can create responsive web-page with specific layout
├─01 本課程須知
│ 001 範例 (程式) 檔 的 瀏覽方式.mp4
│ 002 source-content.zip
│ 002 範例檔 的 自適應 之 測試 方法.mp4
│
├─02 RWD 共用 的 程式碼
│ 003 基本 樣板.mp4
│ 004 字元 圖示.mp4
│
├─03 可展開 的 網頁元件
│ 005 簡易 下拉式 選單.mp4
│ 006 進階 選單.mp4
│
├─04 有 順序性 的 網頁元件
│ 007 按鈕 群組 & 工具列.mp4
│ 008 文字 欄位 & 輸入 群組.mp4
│ 009 複選框 & 單選鈕.mp4
│
├─05 複合式 可展開 & 資訊 同步顯現 的 網頁元件
│ 010 導覽列.mp4
│ 011 捲動 偵測.mp4
│ 012 鎖定 偵測.mp4
│
├─06 多種 訊息通知 類型 的 網頁元件
│ 013 階層 路徑、分頁、文字 標籤 & 數值 提示.mp4
│ 014 警備 訊息框 & 文字 提示框.mp4
│ 015 進度 提示.mp4
│
├─07 較大型 資訊容器 的 網頁元件
│ 016 清單 群組、前景 對話方塊 & 面板.mp4
│ 017 媒體物件 清單.mp4
│ 018 屏幕 窗格 & 縮圖.mp4
│
└─08 多媒體 置入 的 網頁元件 & 動態 版面
019 影像 展示 & 自適應 嵌入.mp4
020 版型 A.mp4
021 版型 B.mp4
|
|
您現在的位置：
專業知識教學
