What you'll learn
- 理解 程式設計 的 思考邏輯
- 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
Requirements
- 至少 具備 電腦 的 文書處理 能力
- At least able to edit document on computer
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] 本課程 首頁 並沒有 華麗 的 裝飾,呼應著 網頁 的 內涵 在於『程式碼』的 運作 原理,而不是 華麗 的 外觀。
Who this course is for:
- 只要對 程式設計 有興趣,皆 歡迎 參與!
- Each one who interests in computer programming is welcome!
Instructor
I have been instructor in quite small island Taiwan, Earth, Solar System, Galaxy over 12 years.
And it's time to step out the small island and do something for this world ...
本身 是一位 資深講師 兼 作者 , 因為 自己 越來越 不像 台灣人 了 , 覺得 踏出 小島 ,放眼 國際 的 時機 應該 是 來臨 了!
請 各位 能 原諒 我 隱姓 埋名! 這是 因為 過去 擔任 講師 的 十幾年 當中, 遇過不少 學生 / 學員們 的 騷擾 , 以及 酸民們 的 鬧場。
請 大家 稱呼 我 為 "屁孩 終結者 (Brat Terminator)" 老師 吧! 換個 角度 來 思考 , 您們 是不是 覺得 "屁孩 終結者" 的名稱 , 反而 親切 許多?
雖然 我 隱姓 埋名 了 , 但是 教學內容 的 品質 不會 減少 , 反而 增加 了。
既然 我 是 在 Udemy 的 新 講師 , 問候 大家 一下, 希望 大家 一切 都好!