課程網址： https://hahow.in/cr/responsive-design
- 課程介紹
在這個每個人手一機的時代裡面，網頁成為了傳播資訊資訊媒體的重要媒介，早期的網頁透過 flash 或是一般 html 的方式讓人在電腦上面觀看，但是順應時代的潮流跟技術的進步，網頁這項技術跳脫以往，擺脫在手機上沉重且觀看體驗不佳的 flash，投入 html5 的懷抱之中，發展出自適應網頁 Responsive Web Design，自適應網頁又稱響應式網頁，不管是在設計面或是程式面的觀念都有重大突破，讓人們更能在手機上面觀看網頁有更好的體驗。
- 課程大綱
單元 1 - 業界都激推的開發工具 Sublime Text 3 - 安裝軟體&套件
單元 2 - 業界都激推的開發工具 Sublime Text 3 - 套件介紹
單元 3 - ip連線設定
單元 4 - 先來複習一下基本的 HTML & CSS
單元 5 - 超棒的 box-sizing
單元 6 - 你不能不知道的Viewport
單元 7 - Viewport 在 iOS 旋轉手機畫面時鎖定文字不縮放
單元 8 - 除了Table跟Div以外HTML5新標籤的選擇
單元 9 - 超強的box-sizing屬性讓你排版不用頭很痛
單元 10 - Mobile版型製作
單元 11 - HTML5新標籤詳解
單元 12 - Media Queries介紹與使用(1)
單元 13 - Media Queries介紹與使用 (2)
單元 14 - RWD案例實戰(1)
單元 15 - RWD案例實戰(2)
單元 16 - RWD案例實戰(3)
單元 17 - RWD案例實戰(4)
單元 18 - RWD案例實戰(5)
單元 19 - RWD案例實戰(6)
單元 20 - 手機直橫判斷
單元 21 - Can i use & CSS3 Prefix
單元 22 - ie語法相容性與支援度
單元 23 - 文字禁止選取
單元 24 - 固定UI的製作方式
單元 25 - RWD製作滿版頁面的bug(問題篇)
單元 26 - RWD製作滿版頁面的bug(解決篇)
單元 27 - Flexbox 詳解內容
單元 28 - Flexbox 實務製作 (1)
單元 29 - Flexbox 實務製作 (2)
單元 30 - Flexbox 實務製作 (3)
單元 31 - 文字太長超出範圍?試試text-overflow吧
單元 32 - 多國語系 i18n 的製作方式 (1)
單元 33 - 多國語系 i18n 的製作方式 (2)
單元 34 - 多國語系 i18n 的製作方式 (3)
單元 35 - 背景圖片的技巧 (1)
單元 36 - 背景圖片的技巧 (2)
單元 37 - 背景圖片的技巧 (3)
單元 38 - 背景圖片的技巧 (4)
單元 39 - css3 Transitions 微動畫 (1)
單元 40 - css3 Transitions 微動畫 (2)
單元 41 - css3 Transitions 微動畫 (3)
單元 42 - JavaScript 基礎入門
單元 43 - 判斷裝置怎麼做?用userAgent吧!
單元 44 - 超好用的device.js
單元 45 - 轉址一定要加的 location search
單元 46 - 動態選單的設計製作 (1)
單元 47 - 動態選單的設計製作 (2)
單元 48 - 動態選單的設計製作 (3)
單元 49 - 動態選單的設計製作 (4)
單元 50 - 動態選單的設計製作 (5)
單元 51 - 行動裝置直橫偵測 Orientation (1)
單元 52 - 行動裝置直橫偵測 Orientation (2)
單元 53 - RWD案例實戰(1)
單元 54 - RWD案例實戰(2)
單元 55 - RWD案例實戰(3)
單元 56 - RWD案例實戰(4)
單元 57 - RWD案例實戰(5)
單元 58 - 先別管px了，有聽過vw嗎? (1)
單元 59 - 先別管px了，有聽過vw嗎? (2)
單元 60 - 使用 github上傳與gh-page免費網路空間 (1)
單元 61 - 使用 github上傳與gh-page免費網路空間 (2)
單元 62 - Facebook分享與 meta 設定 (1)
單元 63 - Facebook分享與 meta 設定 (2)
單元 64 - LINE分享
單元 65 - 淺談漸進增強與優雅降級
Hi～我是成智遠（Mike），對互動技術與網頁前端抱持者極大興趣的開發者，我熱愛分享自己所學所看到的東西，喜歡幫助那些認真而且有需要的人。沒有人是天生下來就是天才的，都是要靠後天的努力跟不斷的練習來強化自己，快來跟我一起推倒技術的高牆！
- 任職於 飛肯設計學院 講師
- 曾任職於 痞客邦PIXNET 資深前端工程師
- 曾任職於 致理科技大學數位媒體設計系 RWD網頁設計業師
- 曾任職於 AmazingTalker 線上教育平台 資深前端工程師
- 曾任職於 米蘭營銷策劃股份有限公司 前端工程師
- 曾經製作過的專案加起來超過 60 款互動、網頁、遊戲
- 曾擔任跨國知名企業公司專業技能內訓講師