Udemy線上課程 精通 Bootstrap 4 - 開發超強不解釋(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版)
內容說明:
您會學到
學會如何使用 Bootstrap 建立網頁及元件
了解 Bootstrap 的開發模式
使用 Bootstrap 尋找合適的工作
課程內容:
├─01 六角學院線上資源
│ 001 六角學院線上社團.html
├─02 課程概觀
│ 002 為什麼 Bootstrap 有這樣大的魅力-zh.srt
│ 002 為什麼 Bootstrap 有這樣大的魅力.mp4
│ 003 Bootstrap 4 與前一版的差異.mp4
│ 004 新手、老手課程導覽.mp4
│ 005 更新紀錄.html
│ 006 字幕錯誤修正.html
│ 007 Bootstrap-Keynote-beta1.pdf
│ 007 課程補充教材.html
├─03 快速上手 Bootstrap
│ 008 認識 Bootstrap 的文件-zh.srt
│ 008 認識 Bootstrap 的文件.mp4
│ 009 中英文文件連結.html
│ 010 建立開發環境 - 使用 VSCode-zh.srt
│ 010 建立開發環境 - 使用 VSCode.mp4
│ 011 VSCode Preview on Web Server 替代套件.html
│ 012 加入 Bootstrap 及元件的組成概念-zh.srt
│ 012 加入 Bootstrap 及元件的組成概念.mp4
│ 013 Bootstrap 建立第一個網頁-zh.srt
│ 013 Bootstrap 建立第一個網頁.mp4
│ 013 starter.html
├─04 基礎內容文件要點說明
│ 014 重置排版-zh.srt
│ 014 重置排版.mp4
│ 015 typography.html
│ 015 文字與語意化-zh.srt
│ 015 文字與語意化.mp4
│ 016 圖片與響應式-zh.srt
│ 016 圖片與響應式.mp4
│ 017 table.html
│ 017 表格基本架構說明-zh.srt
│ 017 表格基本架構說明.mp4
├─05 Flex 、網格系統 及相關的排版概念
│ 018 網格概念.mp4
│ 019 Bootstrap 中的欄與列.mp4
│ 019 grid.html
│ 020 Bootstrap 中的響應式中斷點.mp4
│ 021 欄與欄寬.mp4
│ 022 CSS3 Flex 的重要觀念.mp4
│ 023 Bootstrap 通用類別與 Flex.mp4
│ 023 grid-and-flex.html
│ 024 Container 觀念.mp4
│ 025 Bootstrap Flex 補充說明.mp4
│ 025 flex-utilities-less-use.html
│ 026 utilities-spacing.html
│ 026 通用類別中的 Spacing 妙用.mp4
│ 027 範例：元件與 Grid 的關係.mp4
│ 028 flex-img.html
│ 028 範例：使用 Grid 製作相簿排版.mp4
│ 029 flex-timeline.html
│ 029 範例：使用 Grid 製作時間軸的排版.mp4
│ 030 結語：本章很重要，請多多練習.mp4
├─06 Bootstrap 通用類別 (Utilities)
│ 031 下載練習範例並運行-zh.srt
│ 031 下載練習範例並運行.mp4
│ 032 課程練習網址.html
│ 033 Grid 額外練習章節：網格系統.mp4
│ 034 Grid 額外練習章節：媒體物件.mp4
│ 035 Borders 邊框-zh.srt
│ 035 Borders 邊框.mp4
│ 036 Clearfix 清除浮動-zh.srt
│ 036 Clearfix 清除浮動.mp4
│ 037 Close Icon 關閉圖示-zh.srt
│ 037 Close Icon 關閉圖示.mp4
│ 038 Color 顏色-zh.srt
│ 038 Color 顏色.mp4
│ 039 Display 顯示屬性-zh.srt
│ 039 Display 顯示屬性.mp4
│ 040 Embed 內嵌-zh.srt
│ 040 Embed 內嵌.mp4
│ 041 通用類別 Flex-zh.srt
│ 041 通用類別 Flex.mp4
│ 042 通用類別 Float-zh.srt
│ 042 通用類別 Float.mp4
│ 043 Image replacement 圖像替換-zh.srt
│ 043 Image replacement 圖像替換.mp4
│ 044 Position 位置-zh.srt
│ 044 Position 位置.mp4
│ 045 Screenreaders 螢幕閱讀器-zh.srt
│ 045 Screenreaders 螢幕閱讀器.mp4
│ 046 Sizing 尺寸-zh.srt
│ 046 Sizing 尺寸.mp4
│ 047 Spacing 間隔-zh.srt
│ 047 Spacing 間隔.mp4
│ 048 Text 文字-zh.srt
│ 048 Text 文字.mp4
│ 049 vertical-align 垂直對齊-zh.srt
│ 049 vertical-align 垂直對齊.mp4
│ 050 Visibility 可見性-zh.srt
│ 050 Visibility 可見性.mp4
├─07 Bootstrap 元件 (Components)
│ 051 Bootstrap 文件概述-zh.srt
│ 051 Bootstrap 文件概述.mp4
│ 052 盲人如何閱讀網頁 (網頁親和性與他的工具)-zh.srt
│ 052 盲人如何閱讀網頁 (網頁親和性與他的工具).mp4
│ 053 Sass 與 Bootstrap-zh.srt
│ 053 Sass 與 Bootstrap.mp4
│ 054 Alerts 警報-zh.srt
│ 054 Alerts 警報.mp4
│ 055 Badge 標籤-zh.srt
│ 055 Badge 標籤.mp4
│ 056 breadcrumb 麵包屑-zh.srt
│ 056 breadcrumb 麵包屑.mp4
│ 057 Buttons 按鈕.mp4
│ 058 Button group 按鈕群組-zh.srt
│ 058 Button group 按鈕群組.mp4
│ 059 Card 卡片-zh.srt
│ 059 Card 卡片.mp4
│ 060 Carousel 輪播-zh.srt
│ 060 Carousel 輪播.mp4
│ 061 Collapse 折疊-zh.srt
│ 061 Collapse 折疊.mp4
│ 062 Dropdowns 下拉選單-zh.srt
│ 062 Dropdowns 下拉選單.mp4
│ 063 Forms 表單.mp4
│ 064 表單驗證-zh.srt
│ 064 表單驗證.mp4
│ 065 Input group _ Input 群組.mp4
│ 066 Jumbotron 廣告大屏幕-zh.srt
│ 066 Jumbotron 廣告大屏幕.mp4
│ 067 List group 列表群組.mp4
│ 068 Modal 互動視窗.mp4
│ 069 Navs 導覽-zh.srt
│ 069 Navs 導覽.mp4
│ 070 Navbar 導覽列-zh.srt
│ 070 Navbar 導覽列.mp4
│ 071 Pagination 分頁-zh.srt
│ 071 Pagination 分頁.mp4
│ 072 Popovers, Tooltips _ 彈出提示框、工具提示框-zh.srt
│ 072 Popovers, Tooltips _ 彈出提示框、工具提示框.mp4
│ 073 Scrollspy 滾動監控-zh.srt
│ 073 Scrollspy 滾動監控.mp4
│ 074 Progress 進度條-zh.srt
│ 074 Progress 進度條.mp4
├─08 實作練習： Blog 網站版型
│ 075 Blog 版型案例說明-zh.srt
│ 075 Blog 版型案例說明.mp4
│ 076 將 Fontawesome 加到網頁上-zh.srt
│ 076 將 Fontawesome 加到網頁上.mp4
│ 077 使用從零開始建立 Blog 版型-zh.srt
│ 077 使用從零開始建立 Blog 版型.mp4
│ 078 網格系統及內文排版-zh.srt
│ 078 網格系統及內文排版.mp4
│ 079 留言區塊排版說明-zh.srt
│ 079 留言區塊排版說明.mp4
│ 080 使用 Utilities 建立 Footer 結構-zh.srt
│ 080 使用 Utilities 建立 Footer 結構.mp4
│ 081 Blog 作業檢查-zh.srt
│ 081 Blog 作業檢查.mp4
│ 082 blog.zip
│ 082 部落格作業說明.html
├─09 形象首頁版型介紹
│ 083 形象版網頁頁面的介紹-zh.srt
│ 083 形象版網頁頁面的介紹.mp4
│ 084 LandingPage.zip
│ 084 範例檔案及相關連結.html
│ 085 Navbar 的實作與調整-zh.srt
│ 085 Navbar 的實作與調整.mp4
│ 086 製作滿版的背景圖及文字輪播-zh.srt
│ 086 製作滿版的背景圖及文字輪播.mp4
│ 087 常見的三欄式排版-zh.srt
│ 087 常見的三欄式排版.mp4
│ 088 使用格線做混合式排版-zh.srt
│ 088 使用格線做混合式排版.mp4
│ 089 充滿自由的 Flex 排版-zh.srt
│ 089 充滿自由的 Flex 排版.mp4
│ 090 網頁上置放 Google Map 及表單-zh.srt
│ 090 網頁上置放 Google Map 及表單.mp4
│ 091 Bootstrap 簡易表單驗證-zh.srt
│ 091 Bootstrap 簡易表單驗證.mp4
│ 092 格線系統及背景效果-zh.srt
│ 092 格線系統及背景效果.mp4
│ 093 網頁中不同 Modal 互相切換的手法-zh.srt
│ 093 網頁中不同 Modal 互相切換的手法.mp4
│ 094 修正 Modal 小錯誤.mp4
├─10 後台版型介紹 上線
│ 095 後台版型課程介紹-zh.srt
│ 095 後台版型課程介紹.mp4
│ 096 dashboard-update.html
│ 096 範例檔案及相關連結.html
│ 097 使用 Flex 伸展特性安排組件-zh.srt
│ 097 使用 Flex 伸展特性安排組件.mp4
│ 098 為你的後台加上圖表版型-zh.srt
│ 098 為你的後台加上圖表版型.mp4
│ 099 表格結構注意細節-zh.srt
│ 099 表格結構注意細節.mp4
│ 100 為了你的後台加上控制列-zh.srt
│ 100 為了你的後台加上控制列.mp4
│ 101 為表格加上回饋式訊息-zh.srt
│ 101 為表格加上回饋式訊息.mp4
│ 102 進階 Modal 使用，動態傳入參數-zh.srt
│ 102 進階 Modal 使用，動態傳入參數.mp4
│ 103 最後補充及作業說明-zh.srt
│ 103 最後補充及作業說明.mp4
├─11 購物網站介面上線
│ 104 Bootstrap 製作購物網頁簡介-zh.srt
│ 104 Bootstrap 製作購物網頁簡介.mp4
│ 105 shoppingCart.html
│ 105 範例檔案及相關連結.html
│ 106 自定義 Dropdown 技巧（4.1.3 版以後已不需要另外加入定位）-zh.srt
│ 106 自定義 Dropdown 技巧（4.1.3 版以後已不需要另外加入定位）.mp4
│ 107 Jumbotron 大區塊排版技巧-zh.srt
│ 107 Jumbotron 大區塊排版技巧.mp4
│ 108 卡片式排版與 Grid System 整齊排版手法-zh.srt
│ 108 卡片式排版與 Grid System 整齊排版手法.mp4
│ 109 使用 List Group 切換產品類別-zh.srt
│ 109 使用 List Group 切換產品類別.mp4
│ 110 產品購買區塊製作-zh.srt
│ 110 產品購買區塊製作.mp4
│ 111 使用 Alert 元件製作多步驟提示-zh.srt
│ 111 使用 Alert 元件製作多步驟提示.mp4
│ 112 收合購物車列表及表單排版技巧-zh.srt
│ 112 收合購物車列表及表單排版技巧.mp4
│ 113 購物車頁面作業說明-zh.srt
│ 113 購物車頁面作業說明.mp4
├─12 Bootstrap 與 Sass
│ 114 Sass 環境與運行的方法-zh.srt
│ 114 Sass 環境與運行的方法.mp4
│ 115 本章節使用的說明文件.html
│ 116 正式版後變數的改變 以及 Sass 錯誤的排除方式.mp4
│ 117 選擇性載入 Bootstrap 與修改變數-zh.srt
│ 117 選擇性載入 Bootstrap 與修改變數.mp4
│ 118 變數修改說明及示例-zh.srt
│ 118 變數修改說明及示例.mp4
│ 119 新增自己的元件，並讀取 Bootstrap 的變數-zh.srt
│ 119 新增自己的元件，並讀取 Bootstrap 的變數.mp4
│ 120 如何釋出編譯後的 Sass 檔案-zh.srt
│ 120 如何釋出編譯後的 Sass 檔案.mp4
├─13 更好的 Bootstrap 版型開發
│ 121 更好的版型設計 - 從版型中尋找合適的範例-zh.srt
│ 121 更好的版型設計 - 從版型中尋找合適的範例.mp4
│ 122 更好的版型設計 - 從相關的資源臨摹.mp4
│ 123 範例網站及章節程式碼.html
│ 124 不同的排版 - 不規則格狀排版-zh.srt
│ 124 不同的排版 - 不規則格狀排版.mp4
│ 125 不同的排版 - 高低不同的價格表-zh.srt
│ 125 不同的排版 - 高低不同的價格表.mp4
│ 126 使用 Sass 開發屬於自己的元件 (上)-zh.srt
│ 126 使用 Sass 開發屬於自己的元件 (上).mp4
│ 127 使用 Sass 開發屬於自己的元件 (下)-zh.srt
│ 127 使用 Sass 開發屬於自己的元件 (下).mp4
├─14 Bootstrap JavaScript 元件補充說明
│ 128 JS 元件的其它操作方法概述-zh.srt
│ 128 JS 元件的其它操作方法概述.mp4
│ 129 -.txt
│ 129 Options 與 Methods 基礎套用方法-zh.srt
│ 129 Options 與 Methods 基礎套用方法.mp4
│ 129 Random-User-API.txt
│ 130 使用 Events 監控元件狀態-zh.srt
│ 130 使用 Events 監控元件狀態.mp4
└─15 Bootstrap 最終挑戰
131 最終挑戰 - 使用 Bootstrap 開發甜點電商.html
xyz軟體補給站.url
相關商品:
Udemy線上課程 Adobe XD：網頁設計真容易(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 使用 HTML、CSS 開發一個網站(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程 JavaScript 核心篇(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(2DVD)
Udemy線上課程 深入淺出 Bootstrap 講師:慕課 癮科技 影音教學 中文發音 繁體中文字幕版(2DVD)
Udemy線上課程 Adobe XD：網頁設計真容易 (含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版)
