Udemy線上課程 深入淺出 Bootstrap 講師:慕課 癮科技 影音教學 中文發音 繁體中文版(2DVD)
什麼是Bootstrap? (最快上手前端的開發框架)
由twitter前員工所開發出來的網頁框架，發展到現在已經是全球最受歡迎的前端框架，受歡迎的原因主要是因為：
好學，包括了HTML/CSS/javascript。
上手RWD* 最快又最簡單的方式，大幅度減少開發時間與成本。
畫面質感好，相關的元件都已經先準備好了。
*RWD是自適應網頁的意思，是會隨著瀏覽器的寬度調整網頁的元件而讓畫面保持美觀與易讀性。
想解決很多人一知半解的改程式碼，反而浪費時間
很多人並沒有想要成為前端的大師，只是想要先解決眼前的問題，想要先有一個漂亮的網頁先頂著，又不想要讓外包廠商收個幾萬塊到幾十萬的費用，因而跳下來寫網頁。所以最快的做法大多是下載一個漂漂亮亮的Bootstrap模板來改，想說要改得不多，但是反而沒有搞清楚一些最基本性的原則，搞懂這些東西並沒有真的很花時間，但你需要一個真正懂的老師來帶你入門。
好開發者跟好老師不見得是同一個，但Amos恰好兩個都是!
坊間有很多Bootstrap的課程，但是很難得找到像Amos這樣，開發經驗豐富，教學經驗更豐富的人，許多來上他課程的學生都是在別的老師花過冤枉錢後才改上他的課程，因為Amos本身是視覺設計師出身，他知道一個入門者會遇到的是什麼？而多數的老師都是資訊本科出身，比較難想像學生卡關的點在哪。而視覺出身的他，更知道要準備多樣種範例來面對各式各樣的問題，也因此在台灣前端的教學很難找到第二個人可以比較。
你將會學到的
範例規劃簡單易學
章節段落切割適當
深入淺出，搭配詳實細節兼備
即戰力的內容設計，聽完立刻應用於工作上
實務及觀念並進的教學內容
正確觀念的建立，操作技巧的學習
原理解析讓你不會只學皮不懂骨
獨特的系統化分類，讓你輕鬆記憶
業界實務案例，保證實用
不僅教你，還附贈講師自製的超實用工具
有別於市面上任何一種教學方式
├─01 第零章：工欲善其事必先利其器
│ 001 課程說明.mp4
│
├─02 第一章：檔案、基本語法、格線系統
│ 002 01A. 樣板建置 (新手專用).mp4
│ 003 01B. 樣板建置 (懶人專用).mp4
│ 004 02. 格線系統實作.mp4
│ 005 03. 格線系統 RWD 作法.mp4
│ 006 04. 添加格線容器.mp4
│ 007 05. row 分列_ 抵銷父層空間_ 清除浮動.mp4
│ 008 06. 格線基礎應用.mp4
│ 009 07. 清單資料排列.mp4
│ 010 08. 巢狀格線堆疊.mp4
│ 011 09. 欄數過寬之處置.mp4
│ 012 10. 非滿版置中之距離設定.mp4
│ 013 11. RWD 欄距設定.mp4
│ 014 12. 圖片RWD 設定.mp4
│ 015 13. Fluid 流式佈局欄位移.mp4
│ 016 14. 欄位位移實例.mp4
│ 017 15. 控制區塊顯示與隱藏.mp4
│ 018 16. 縮圖組件.mp4
│ 019 17. 圓角_ 圓形圖片.mp4
│ 020 18. 浮動、區塊置中.mp4
│ 021 19. RWD 屬性控制.mp4
│
├─03 第二章：導覽系統
│ 022 01A. navbar 導覽列之一.mp4
│ 023 01B. navbar 導覽列之二.mp4
│ 024 02. glyphicon 圖示.mp4
│ 025 03. 固定導覽列(fixed).mp4
│ 026 04. 多個導覽列的設定.mp4
│ 027 05. 下拉選單與深色導覽列.mp4
│ 028 06. 下拉選單子項目設定.mp4
│ 029 07. 麵包屑（路徑列）.mp4
│ 030 08. 連結清單群組（直式選單）.mp4
│ 031 09. pagination 分頁導覽列.mp4
│ 032 10. pager 上_ 下頁.mp4
│
├─04 第三章：表格及內容系統
│ 033 01. 表格外觀與基本效果.mp4
│ 034 02. jumbotron 全螢幕組件.mp4
│ 035 03. page-header 與標題樣式.mp4
│ 036 04. 文字＆背景設定.mp4
│ 037 05. lead 凸顯段落.mp4
│ 038 06. 嵌入 well 區塊.mp4
│ 039 07. blockquote 設定引言.mp4
│ 040 08. panels 資訊面板.mp4
│ 041 09. 清單與應用.mp4
│ 042 10. responsive-embed 嵌入區塊.mp4
│ 043 11. pre-scrollable 仿 iframe 效果.mp4
│ 044 12. label 標籤與 badge 徽章.mp4
│
├─05 第四章：表單系統
│ 045 01. btn 按鈕.mp4
│ 046 02. btn-group 按鈕群組.mp4
│ 047 03. form-group 表單群組.mp4
│ 048 04-1. 水平排列表單.mp4
│ 049 04-2. 實作一個信用卡表單畫面.mp4
│ 050 05. 複選方塊與單選圓鈕.mp4
│ 051 06. 水平排列 複選方塊與單選圓鈕.mp4
│ 052 07. input-group 輸入群組.mp4
│ 053 08. 輸入群組搭配按鈕.mp4
│ 054 09. 輸入群組搭配下拉選單.mp4
│
├─06 第五章：JS外掛及組件
│ 055 01. tabs 標籤面板.mp4
│ 056 02-1. modal 模態面板（跳窗效果）.mp4
│ 057 02-2. 改變modal 模態面板的外觀.mp4
│ 058 02-3 進一步修改擴充 modal 的功能.mp4
│ 059 03. alert 警告區塊.mp4
│ 060 04. carousel 幻燈片.mp4
│ 061 06. tooltips 工具提示.mp4
│ 062 07. popovers 酥餅提.mp4
│ 063 08-1. collapse 收合組件.mp4
│ 064 08-2. Accrodion 手風琴組件.mp4
│ 065 09-1. affix 浮動固定.mp4
│ 066 09-2. affix 讓浮動固定自動化距離.mp4
│ 067 09-3. affix 讓浮動固定全自動化.mp4
│ 068 10. Progress bars 進度條.mp4
│ 069 12. 自訂 Bootstrap 與下載.mp4
│
├─07 第六章：其他常識
│ 070 色彩設定 class 整理.mp4
│ 071 組件大小尺寸設定 class.mp4
│ 072 其它相關字詞.mp4
│
├─08 第七章：切版實務
│ 073 01.常見切版問題與規則說明.mp4
│ 074 02.小區塊切版示範與說明之一.mp4
│ 075 03.小區塊切版示範及說明二.mp4
│ 076 04.小區塊切版示範及說明三.mp4
│ 077 05.小區塊切版示範及說明四.mp4
│
└─09 第八章：成就解鎖課程
078 01.建立google表單.mp4
079 02.客製自己的表單原始碼.mp4
080 03.串連google表單欄位資料.mp4
081 04.美化你的google表單.mp4
082 05.讓表單更佳便利的一些處置.mp4
083 06.單頁式電商網站說明.mp4
084 07.單頁式電商網頁製作.mp4
|
|
您現在的位置：
專業知識教學
