详细目录:
01 六角學院線上資源 [1.97K]
001 六角學院線上社團.html [1.97K]
02 課程概觀 [44.68M]
002 為什麼 bootstrap 有這樣大的魅力.mp4 [13.32M]
002 為什麼 bootstrap 有這樣大的魅力-zh.srt [3.15K]
003 bootstrap 4 與前一版的差異.mp4 [14.97M]
004 新手、老手課程導覽.mp4 [2.64M]
005 更新紀錄.html [1.85K]
006 字幕錯誤修正.html [1.05K]
007 bootstrap-keynote-beta1.pdf [13.75M]
007 課程補充教材.html [1.25K]
03 快速上手 bootstrap [93.27M]
008 認識 bootstrap 的文件.mp4 [19.45M]
008 認識 bootstrap 的文件-zh.srt [9.46K]
009 中英文文件連結.html [1.12K]
010 建立開發環境 – 使用 vscode.mp4 [16.20M]
010 建立開發環境 – 使用 vscode-zh.srt [10.37K]
011 加入 bootstrap 及元件的組成概念.mp4 [30.33M]
011 加入 bootstrap 及元件的組成概念-zh.srt [14.96K]
012 bootstrap 建立第一個網頁.mp4 [27.24M]
012 bootstrap 建立第一個網頁-zh.srt [12.34K]
012 starter.html [5.20K]
04 基礎內容文件要點說明 [125.72M]
013 重置排版.mp4 [44.14M]
013 重置排版-zh.srt [20.45K]
014 typography.html [4.92K]
014 文字與語意化.mp4 [29.84M]
014 文字與語意化-zh.srt [13.30K]
015 圖片與響應式.mp4 [30.48M]
015 圖片與響應式-zh.srt [15.42K]
016 table.html [3.15K]
016 表格基本架構說明.mp4 [21.20M]
05 flex 、網格系統 及相關的排版概念 [313.80M]
017 網格概念.mp4 [24.62M]
018 bootstrap 中的欄與列.mp4 [24.55M]
018 grid.html [1.87K]
019 bootstrap 中的響應式中斷點.mp4 [32.11M]
020 欄與欄寬.mp4 [10.30M]
021 css3 flex 的重要觀念 ⭐ ⭐ ⭐.mp4 [29.99M]
022 bootstrap 通用類別與 flex ⭐.mp4 [29.69M]
022 grid-and-flex.html [4.12K]
023 container 觀念 ⭐.mp4 [12.93M]
024 bootstrap flex 補充說明 ⭐.mp4 [13.30M]
024 flex-utilities-less-use.html [1.63K]
025 utilities-spacing.html [1.99K]
025 通用類別中的 spacing 妙用.mp4 [22.82M]
026 範例:元件與 grid 的關係.mp4 [16.06M]
027 flex-img.html [2.06K]
027 範例:使用 grid 製作相簿排版.mp4 [46.18M]
028 flex-timeline.html [4.97K]
028 範例:使用 grid 製作時間軸的排版.mp4 [47.86M]
029 結語:本章很重要,請多多練習.mp4 [3.39M]
06 bootstrap 通用類別 (utilities) [166.38M]
030 下載練習範例並運行.mp4 [8.63M]
030 下載練習範例並運行-zh.srt [4.26K]
031 課程練習網址.html [1.11K]
032 grid 額外練習章節:網格系統.mp4 [18.76M]
033 grid 額外練習章節:媒體物件.mp4 [8.50M]
034 borders 邊框.mp4 [16.13M]
034 borders 邊框-zh.srt [11.33K]
035 clearfix 清除浮動 ⭐.mp4 [2.55M]
035 clearfix 清除浮動 ⭐-zh.srt [2.47K]
036 close icon 關閉圖示.mp4 [1.80M]
036 close icon 關閉圖示-zh.srt [1.78K]
037 color 顏色 ⭐⭐.mp4 [8.62M]
037 color 顏色 ⭐⭐-zh.srt [5.33K]
038 display 顯示屬性 ⭐⭐.mp4 [9.43M]
038 display 顯示屬性 ⭐⭐-zh.srt [8.04K]
039 embed 內嵌.mp4 [5.89M]
039 embed 內嵌-zh.srt [3.14K]
040 通用類別 flex ⭐⭐⭐.mp4 [43.39M]
040 通用類別 flex ⭐⭐⭐-zh.srt [15.53K]
041 通用類別 float ⭐.mp4 [5.50M]
041 通用類別 float ⭐-zh.srt [3.87K]
042 image replacement 圖像替換.mp4 [1.27M]
042 image replacement 圖像替換-zh.srt [1.17K]
043 position 位置 ⭐.mp4 [9.73M]
043 position 位置 ⭐-zh.srt [6.20K]
044 screenreaders 螢幕閱讀器.mp4 [1.51M]
044 screenreaders 螢幕閱讀器-zh.srt [1.58K]
045 sizing 尺寸.mp4 [2.98M]
045 sizing 尺寸-zh.srt [1.99K]
046 spacing 間隔 ⭐⭐⭐.mp4 [9.89M]
046 spacing 間隔 ⭐⭐⭐-zh.srt [6.59K]
047 text 文字 ⭐⭐⭐.mp4 [7.41M]
047 text 文字 ⭐⭐⭐-zh.srt [5.07K]
048 vertical-align 垂直對齊.mp4 [2.87M]
048 vertical-align 垂直對齊-zh.srt [2.51K]
049 visibility 可見性.mp4 [1.44M]
049 visibility 可見性-zh.srt [1.32K]
07 bootstrap 元件 (components) [397.08M]
050 bootstrap 文件概述.mp4 [14.97M]
050 bootstrap 文件概述-zh.srt [6.97K]
051 盲人如何閱讀網頁 (網頁親和性與他的工具).mp4 [17.81M]
051 盲人如何閱讀網頁 (網頁親和性與他的工具)-zh.srt [12.55K]
052 sass 與 bootstrap.mp4 [18.90M]
052 sass 與 bootstrap-zh.srt [8.01K]
053 alerts 警報 ⭐.mp4 [9.67M]
053 alerts 警報 ⭐-zh.srt [7.43K]
054 badge 標籤.mp4 [9.40M]
054 badge 標籤-zh.srt [5.96K]
055 breadcrumb 麵包屑.mp4 [5.23M]
055 breadcrumb 麵包屑-zh.srt [4.50K]
056 buttons 按鈕 ⭐⭐⭐.mp4 [55.30M]
057 button group 按鈕群組.mp4 [23.96M]
057 button group 按鈕群組-zh.srt [11.19K]
058 card 卡片 ⭐⭐.mp4 [34.73M]
058 card 卡片 ⭐⭐-zh.srt [21.65K]
059 carousel 輪播.mp4 [16.51M]
059 carousel 輪播-zh.srt [6.66K]
060 collapse 折疊 ⭐⭐.mp4 [16.16M]
060 collapse 折疊 ⭐⭐-zh.srt [8.54K]
061 dropdowns 下拉選單 ⭐.mp4 [10.99M]
061 dropdowns 下拉選單 ⭐-zh.srt [7.71K]
062 forms 表單 ⭐⭐⭐.mp4 [48.57M]
063 表單驗證.mp4 [12.44M]
063 表單驗證-zh.srt [7.40K]
064 input group _ input 群組.mp4 [7.00M]
065 jumbotron 廣告大屏幕.mp4 [3.12M]
065 jumbotron 廣告大屏幕-zh.srt [1.97K]
066 list group 列表群組.mp4 [13.91M]
067 modal 互動視窗 ⭐⭐.mp4 [11.63M]
068 navs 導覽 ⭐.mp4 [11.98M]
068 navs 導覽 ⭐-zh.srt [8.22K]
069 navbar 導覽列 ⭐⭐⭐.mp4 [20.16M]
069 navbar 導覽列 ⭐⭐⭐-zh.srt [14.25K]
070 pagination 分頁.mp4 [6.52M]
070 pagination 分頁-zh.srt [4.53K]
071 popovers, tooltips _ 彈出提示框、工具提示框 ⭐.mp4 [8.89M]
071 popovers, tooltips _ 彈出提示框、工具提示框 ⭐-zh.srt [6.49K]
072 scrollspy 滾動監控.mp4 [11.07M]
072 scrollspy 滾動監控-zh.srt [3.55K]
073 progress 進度條.mp4 [8.02M]
073 progress 進度條-zh.srt [5.74K]
08 實作練習: blog 網站版型 [144.63M]
074 blog 版型案例說明.mp4 [17.25M]
074 blog 版型案例說明-zh.srt [6.26K]
075 將 fontawesome 加到網頁上.mp4 [5.65M]
075 將 fontawesome 加到網頁上-zh.srt [3.33K]
076 使用從零開始建立 blog 版型.mp4 [26.32M]
076 使用從零開始建立 blog 版型-zh.srt [11.21K]
077 網格系統及內文排版.mp4 [51.91M]
077 網格系統及內文排版-zh.srt [20.13K]
078 留言區塊排版說明.mp4 [25.72M]
078 留言區塊排版說明-zh.srt [9.57K]
079 使用 utilities 建立 footer 結構.mp4 [13.20M]
079 使用 utilities 建立 footer 結構-zh.srt [7.54K]
080 blog 作業檢查.mp4 [4.49M]
080 blog 作業檢查-zh.srt [1.80K]
081 blog.zip [26.66K]
081 部落格作業說明.html [3.08K]
09 形象首頁版型介紹 [397.21M]
082 形象版網頁頁面的介紹.mp4 [26.06M]
082 形象版網頁頁面的介紹-zh.srt [7.75K]
083 landingpage.zip [31.41K]
083 範例檔案及相關連結.html [2.64K]
084 navbar 的實作與調整.mp4 [39.35M]
084 navbar 的實作與調整-zh.srt [18.08K]
085 製作滿版的背景圖及文字輪播.mp4 [45.73M]
085 製作滿版的背景圖及文字輪播-zh.srt [14.21K]
086 常見的三欄式排版.mp4 [39.01M]
086 常見的三欄式排版-zh.srt [12.52K]
087 使用格線做混合式排版.mp4 [56.90M]
087 使用格線做混合式排版-zh.srt [16.48K]
088 充滿自由的 flex 排版.mp4 [18.46M]
088 充滿自由的 flex 排版-zh.srt [6.63K]
089 網頁上置放 google map 及表單.mp4 [46.88M]
089 網頁上置放 google map 及表單-zh.srt [15.87K]
090 bootstrap 簡易表單驗證.mp4 [25.14M]
090 bootstrap 簡易表單驗證-zh.srt [8.16K]
091 格線系統及背景效果.mp4 [19.90M]
091 格線系統及背景效果-zh.srt [6.76K]
092 網頁中不同 modal 互相切換的手法.mp4 [47.77M]
092 網頁中不同 modal 互相切換的手法-zh.srt [12.42K]
093 修正 modal 小錯誤.mp4 [31.85M]
10 後台版型介紹 上線 [249.72M]
094 後台版型課程介紹.mp4 [17.65M]
094 後台版型課程介紹-zh.srt [7.97K]
095 dashboard-update.html [198.20K]
095 範例檔案及相關連結.html [2.44K]
096 使用 flex 伸展特性安排組件.mp4 [37.58M]
096 使用 flex 伸展特性安排組件-zh.srt [21.55K]
097 為你的後台加上圖表版型.mp4 [32.10M]
097 為你的後台加上圖表版型-zh.srt [16.80K]
098 表格結構注意細節.mp4 [42.84M]
098 表格結構注意細節-zh.srt [23.45K]
099 為了你的後台加上控制列.mp4 [14.45M]
099 為了你的後台加上控制列-zh.srt [7.57K]
100 為表格加上回饋式訊息.mp4 [32.88M]
100 為表格加上回饋式訊息-zh.srt [17.93K]
101 進階 modal 使用,動態傳入參數.mp4 [55.99M]
101 進階 modal 使用,動態傳入參數-zh.srt [23.06K]
102 最後補充及作業說明.mp4 [15.91M]
102 最後補充及作業說明-zh.srt [7.80K]
11 購物網站介面上線 [221.76M]
103 bootstrap 製作購物網頁簡介.mp4 [12.79M]
103 bootstrap 製作購物網頁簡介-zh.srt [6.13K]
104 shoppingcart.html [201.80K]
104 範例檔案及相關連結.html [1.57K]
105 自定義 dropdown 技巧.mp4 [27.77M]
105 自定義 dropdown 技巧-zh.srt [15.49K]
106 jumbotron 大區塊排版技巧.mp4 [13.19M]
106 jumbotron 大區塊排版技巧-zh.srt [7.52K]
107 卡片式排版與 grid system 整齊排版手法.mp4 [50.68M]
107 卡片式排版與 grid system 整齊排版手法-zh.srt [21.48K]
108 使用 list group 切換產品類別.mp4 [35.96M]
108 使用 list group 切換產品類別-zh.srt [12.11K]
109 產品購買區塊製作.mp4 [38.10M]
109 產品購買區塊製作-zh.srt [20.44K]
110 使用 alert 元件製作多步驟提示.mp4 [12.64M]
110 使用 alert 元件製作多步驟提示-zh.srt [8.33K]
111 收合購物車列表及表單排版技巧.mp4 [20.02M]
111 收合購物車列表及表單排版技巧-zh.srt [10.29K]
112 購物車頁面作業說明.mp4 [10.31M]
112 購物車頁面作業說明-zh.srt [4.59K]
12 bootstrap 與 sass [179.63M]
113 sass 環境與運行的方法.mp4 [23.97M]
113 sass 環境與運行的方法-zh.srt [13.67K]
114 本章節使用的說明文件.html [3.03K]
115 選擇性載入 bootstrap 與修改變數.mp4 [38.97M]
115 選擇性載入 bootstrap 與修改變數-zh.srt [19.45K]
116 變數修改說明及示例.mp4 [51.68M]
116 變數修改說明及示例-zh.srt [19.91K]
117 新增自己的元件,並讀取 bootstrap 的變數.mp4 [35.12M]
117 新增自己的元件,並讀取 bootstrap 的變數-zh.srt [18.87K]
118 正式版後變數的改變 以及 sass 錯誤的排除方式.mp4 [19.91M]
119 如何釋出編譯後的 sass 檔案.mp4 [9.92M]
119 如何釋出編譯後的 sass 檔案-zh.srt [4.02K]
13 更好的 bootstrap 版型開發 [199.09M]
120 更好的版型設計 – 從版型中尋找合適的範例.mp4 [49.67M]
120 更好的版型設計 – 從版型中尋找合適的範例-zh.srt [21.83K]
121 更好的版型設計 – 從相關的資源臨摹.mp4 [24.08M]
122 範例網站及章節程式碼.html [2.19K]
123 不同的排版 – 不規則格狀排版.mp4 [31.39M]
123 不同的排版 – 不規則格狀排版-zh.srt [13.95K]
124 不同的排版 – 高低不同的價格表.mp4 [18.00M]
124 不同的排版 – 高低不同的價格表-zh.srt [10.84K]
125 使用 sass 開發屬於自己的元件 (上).mp4 [32.18M]
125 使用 sass 開發屬於自己的元件 (上)-zh.srt [15.75K]
126 使用 sass 開發屬於自己的元件 (下).mp4 [43.69M]
126 使用 sass 開發屬於自己的元件 (下)-zh.srt [25.64K]
14 bootstrap javascript 元件補充說明 [62.88M]
127 js 元件的其它操作方法概述.mp4 [18.18M]
127 js 元件的其它操作方法概述-zh.srt [6.89K]
128 -.txt [0.04K]
128 options 與 methods 基礎套用方法.mp4 [28.60M]
128 options 與 methods 基礎套用方法-zh.srt [10.09K]
128 random-user-api.txt [0.02K]
129 使用 events 監控元件狀態.mp4 [16.07M]
129 使用 events 監控元件狀態-zh.srt [12.08K]
quiz(getbootstrap-4).html [18.25K]
评论0