RWD 網頁 程式設計 入門
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9 students enrolled
Wishlisted Wishlist

Please confirm that you want to add RWD 網頁 程式設計 入門 to your Wishlist.

Add to Wishlist

RWD 網頁 程式設計 入門

藉由 理解 與 實作 自適應-網頁 的 程式碼,學會 [程式設計] 的 思考邏輯
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
9 students enrolled
Created by Brat Terminator
Last updated 5/2017
Traditional Chinese
Current price: $10 Original price: $30 Discount: 67% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
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 is the target audience?
  • 只要對 程式設計 有興趣,皆 歡迎 參與!
  • Each one who interests in computer programming is welcome!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
21 Lectures
02:59:55
+
本課程須知
2 Lectures 02:09

範例檔 的 自適應 之 測試 方法
01:09
+
RWD 共用 的 程式碼
2 Lectures 16:06
基本 樣板
06:56

字元 圖示
09:10
+
可展開 的 網頁元件
2 Lectures 08:13
簡易 下拉式 選單
05:07

進階 選單
03:06
+
有 順序性 的 網頁元件
3 Lectures 23:05
按鈕 群組 & 工具列
08:52

文字 欄位 & 輸入 群組
08:17

複選框 & 單選鈕
05:56
+
複合式 可展開 & 資訊 同步顯現 的 網頁元件
3 Lectures 40:51
導覽列
16:18

捲動 偵測
13:35

鎖定 偵測
10:58
+
多種 訊息通知 類型 的 網頁元件
3 Lectures 30:20
階層 路徑、分頁、文字 標籤 & 數值 提示
12:07

警備 訊息框 & 文字 提示框
13:23

進度 提示
04:50
+
較大型 資訊容器 的 網頁元件
3 Lectures 33:28
清單 群組、前景 對話方塊 & 面板
17:00

媒體物件 清單
10:29

屏幕 窗格 & 縮圖
05:59
+
多媒體 置入 的 網頁元件 & 動態 版面
3 Lectures 25:43
影像 展示 & 自適應 嵌入
14:46


About the Instructor
Brat Terminator
0.0 Average rating
0 Reviews
9 Students
1 Course
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 的 新 講師 , 問候 大家 一下, 希望 大家 一切 都好!