Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA Microsoft AZ-900 AWS Certified Developer - Associate
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Blockchain
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Virtual Reality
Google Flutter Android Development iOS Development React Native Swift Dart (programming language) Mobile App Development Kotlin SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Life Purpose Mindfulness Meditation Sound Therapy CBT Cognitive Behavioral Therapy
Entrepreneurship Fundamentals Business Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Home Business
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing YouTube Marketing Podcasting

DesignWeb DesignResponsive Design

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

藉由 理解 與 實作 自適應 (響應式) - 網頁 的 程式碼,學會 [程式設計] 的 思考邏輯
Rating: 3.5 out of 53.5 (3 ratings)
80 students
Created by Brat Terminator
Last updated 11/2017
Traditional Chinese

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

Brat Terminator
Instructor
Brat Terminator
  • 3.5 Instructor Rating
  • 3 Reviews
  • 80 Students
  • 1 Course

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 的 新 講師 , 問候 大家 一下, 希望 大家 一切 都好!

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.