【Udemy線上課程】精通 Bootstrap 4 開發超強不解釋(含教材)質感網站輕鬆不求人 六角學院出品 影音教學 完整版(1片裝DVD)

【Udemy線上課程】精通 Bootstrap 4 開發超強不解釋(含教材)質感網站輕鬆不求人 六角學院出品 影音教學 完整版(1片裝DVD)<br /> --=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br /> 軟體名稱: 精通 Bootstrap 4 開發超強不解釋(含教材)質感網站輕鬆不求人 六角學院出品(Udemy線上課程綜合教學)<br /> 語系版本: udemy線上課程中文版<br /> 光碟片數: 1片裝<br /> 破解說明: 直接安裝即可!<br /> 系統支援: Windows 7/8/8.1/10/PC電腦/平板手機<br /> 軟體類型: 教育軟體/課程/教學<br /> 更新日期: 2020.04.10<br /> 相關網址:<br /> 中文網站: 官方原版畫質MP4檔<br /> 軟體簡介: (https://www.udemy.com)<br /> --=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br /> 內容說明:<br /> <br /> <br /> 您會學到<br /> 學會如何使用 Bootstrap 建立網頁及元件<br /> 了解 Bootstrap 的開發模式<br /> 使用 Bootstrap 尋找合適的工作<br /> 課程內容:<br /> <br /> <br /> ├─01 六角學院線上資源<br /> │ 001 六角學院線上社團.html<br /> │<br /> ├─02 課程概觀<br /> │ 002 為什麼 Bootstrap 有這樣大的魅力-zh.srt<br /> │ 002 為什麼 Bootstrap 有這樣大的魅力.mp4<br /> │ 003 Bootstrap 4 與前一版的差異.mp4<br /> │ 004 新手、老手課程導覽.mp4<br /> │ 005 更新紀錄.html<br /> │ 006 字幕錯誤修正.html<br /> │ 007 Bootstrap-Keynote-beta1.pdf<br /> │ 007 課程補充教材.html<br /> │<br /> ├─03 快速上手 Bootstrap<br /> │ 008 認識 Bootstrap 的文件-zh.srt<br /> │ 008 認識 Bootstrap 的文件.mp4<br /> │ 009 中英文文件連結.html<br /> │ 010 建立開發環境 - 使用 VSCode-zh.srt<br /> │ 010 建立開發環境 - 使用 VSCode.mp4<br /> │ 011 加入 Bootstrap 及元件的組成概念-zh.srt<br /> │ 011 加入 Bootstrap 及元件的組成概念.mp4<br /> │ 012 Bootstrap 建立第一個網頁-zh.srt<br /> │ 012 Bootstrap 建立第一個網頁.mp4<br /> │ 012 starter.html<br /> <br /> <br /> │<br /> ├─04 基礎內容文件要點說明<br /> │ 013 重置排版-zh.srt<br /> │ 013 重置排版.mp4<br /> │ 014 typography.html<br /> │ 014 文字與語意化-zh.srt<br /> │ 014 文字與語意化.mp4<br /> │ 015 圖片與響應式-zh.srt<br /> │ 015 圖片與響應式.mp4<br /> │ 016 table.html<br /> │ 016 表格基本架構說明.mp4<br /> │<br /> ├─05 Flex 、網格系統 及相關的排版概念<br /> │ 017 網格概念.mp4<br /> │ 018 Bootstrap 中的欄與列.mp4<br /> │ 018 grid.html<br /> │ 019 Bootstrap 中的響應式中斷點.mp4<br /> │ 020 欄與欄寬.mp4<br /> │ 022 grid-and-flex.html<br /> │ 024 flex-utilities-less-use.html<br /> │ 025 utilities-spacing.html<br /> │ 025 通用類別中的 Spacing 妙用.mp4<br /> │ 026 範例：元件與 Grid 的關係.mp4<br /> │ 027 flex-img.html<br /> │ 027 範例：使用 Grid 製作相簿排版.mp4<br /> │ 028 flex-timeline.html<br /> │ 028 範例：使用 Grid 製作時間軸的排版.mp4<br /> │ 029 結語：本章很重要，請多多練習.mp4<br /> <br /> <br /> │<br /> ├─06 Bootstrap 通用類別 (Utilities)<br /> │ 030 下載練習範例並運行-zh.srt<br /> │ 030 下載練習範例並運行.mp4<br /> │ 031 課程練習網址.html<br /> │ 032 Grid 額外練習章節：網格系統.mp4<br /> │ 033 Grid 額外練習章節：媒體物件.mp4<br /> │ 034 Borders 邊框-zh.srt<br /> │ 034 Borders 邊框.mp4<br /> │ 036 Close Icon 關閉圖示-zh.srt<br /> │ 036 Close Icon 關閉圖示.mp4<br /> │ 039 Embed 內嵌-zh.srt<br /> │ 039 Embed 內嵌.mp4<br /> │ 042 Image replacement 圖像替換-zh.srt<br /> │ 042 Image replacement 圖像替換.mp4<br /> │ 044 Screenreaders 螢幕閱讀器-zh.srt<br /> │ 044 Screenreaders 螢幕閱讀器.mp4<br /> │ 045 Sizing 尺寸-zh.srt<br /> │ 045 Sizing 尺寸.mp4<br /> │ 048 vertical-align 垂直對齊-zh.srt<br /> │ 048 vertical-align 垂直對齊.mp4<br /> │ 049 Visibility 可見性-zh.srt<br /> │ 049 Visibility 可見性.mp4<br /> <br /> <br /> │<br /> ├─07 Bootstrap 元件 (Components)<br /> │ 050 Bootstrap 文件概述-zh.srt<br /> │ 050 Bootstrap 文件概述.mp4<br /> │ 051 盲人如何閱讀網頁 (網頁親和性與他的工具)-zh.srt<br /> │ 051 盲人如何閱讀網頁 (網頁親和性與他的工具).mp4<br /> │ 052 Sass 與 Bootstrap-zh.srt<br /> │ 052 Sass 與 Bootstrap.mp4<br /> │ 054 Badge 標籤-zh.srt<br /> │ 054 Badge 標籤.mp4<br /> │ 055 breadcrumb 麵包屑-zh.srt<br /> │ 055 breadcrumb 麵包屑.mp4<br /> │ 057 Button group 按鈕群組-zh.srt<br /> │ 057 Button group 按鈕群組.mp4<br /> │ 059 Carousel 輪播-zh.srt<br /> │ 059 Carousel 輪播.mp4<br /> │ 063 表單驗證-zh.srt<br /> │ 063 表單驗證.mp4<br /> │ 064 Input group _ Input 群組.mp4<br /> │ 065 Jumbotron 廣告大屏幕-zh.srt<br /> │ 065 Jumbotron 廣告大屏幕.mp4<br /> │ 066 List group 列表群組.mp4<br /> │ 070 Pagination 分頁-zh.srt<br /> │ 070 Pagination 分頁.mp4<br /> │ 072 Scrollspy 滾動監控-zh.srt<br /> │ 072 Scrollspy 滾動監控.mp4<br /> │ 073 Progress 進度條-zh.srt<br /> │ 073 Progress 進度條.mp4<br /> │<br /> ├─08 實作練習： Blog 網站版型<br /> │ 074 Blog 版型案例說明-zh.srt<br /> │ 074 Blog 版型案例說明.mp4<br /> │ 075 將 Fontawesome 加到網頁上-zh.srt<br /> │ 075 將 Fontawesome 加到網頁上.mp4<br /> │ 076 使用從零開始建立 Blog 版型-zh.srt<br /> │ 076 使用從零開始建立 Blog 版型.mp4<br /> │ 077 網格系統及內文排版-zh.srt<br /> │ 077 網格系統及內文排版.mp4<br /> │ 078 留言區塊排版說明-zh.srt<br /> │ 078 留言區塊排版說明.mp4<br /> │ 079 使用 Utilities 建立 Footer 結構-zh.srt<br /> │ 079 使用 Utilities 建立 Footer 結構.mp4<br /> │ 080 Blog 作業檢查-zh.srt<br /> │ 080 Blog 作業檢查.mp4<br /> │ 081 blog.zip<br /> │ 081 部落格作業說明.html<br /> │<br /> ├─09 形象首頁版型介紹<br /> │ 082 形象版網頁頁面的介紹-zh.srt<br /> │ 082 形象版網頁頁面的介紹.mp4<br /> │ 083 LandingPage.zip<br /> │ 083 範例檔案及相關連結.html<br /> │ 084 Navbar 的實作與調整-zh.srt<br /> │ 084 Navbar 的實作與調整.mp4<br /> │ 085 製作滿版的背景圖及文字輪播-zh.srt<br /> │ 085 製作滿版的背景圖及文字輪播.mp4<br /> │ 086 常見的三欄式排版-zh.srt<br /> │ 086 常見的三欄式排版.mp4<br /> │ 087 使用格線做混合式排版-zh.srt<br /> │ 087 使用格線做混合式排版.mp4<br /> │ 088 充滿自由的 Flex 排版-zh.srt<br /> │ 088 充滿自由的 Flex 排版.mp4<br /> │ 089 網頁上置放 Google Map 及表單-zh.srt<br /> │ 089 網頁上置放 Google Map 及表單.mp4<br /> │ 090 Bootstrap 簡易表單驗證-zh.srt<br /> │ 090 Bootstrap 簡易表單驗證.mp4<br /> │ 091 格線系統及背景效果-zh.srt<br /> │ 091 格線系統及背景效果.mp4<br /> │ 092 網頁中不同 Modal 互相切換的手法-zh.srt<br /> │ 092 網頁中不同 Modal 互相切換的手法.mp4<br /> │ 093 修正 Modal 小錯誤.mp4<br /> │<br /> ├─10 後台版型介紹 上線<br /> │ 094 後台版型課程介紹-zh.srt<br /> │ 094 後台版型課程介紹.mp4<br /> │ 095 dashboard-update.html<br /> │ 095 範例檔案及相關連結.html<br /> │ 096 使用 Flex 伸展特性安排組件-zh.srt<br /> │ 096 使用 Flex 伸展特性安排組件.mp4<br /> │ 097 為你的後台加上圖表版型-zh.srt<br /> │ 097 為你的後台加上圖表版型.mp4<br /> │ 098 表格結構注意細節-zh.srt<br /> │ 098 表格結構注意細節.mp4<br /> │ 099 為了你的後台加上控制列-zh.srt<br /> │ 099 為了你的後台加上控制列.mp4<br /> │ 100 為表格加上回饋式訊息-zh.srt<br /> │ 100 為表格加上回饋式訊息.mp4<br /> │ 101 進階 Modal 使用，動態傳入參數-zh.srt<br /> │ 101 進階 Modal 使用，動態傳入參數.mp4<br /> │ 102 最後補充及作業說明-zh.srt<br /> │ 102 最後補充及作業說明.mp4<br /> │<br /> ├─11 購物網站介面上線<br /> │ 103 Bootstrap 製作購物網頁簡介-zh.srt<br /> │ 103 Bootstrap 製作購物網頁簡介.mp4<br /> │ 104 shoppingCart.html<br /> │ 104 範例檔案及相關連結.html<br /> │ 105 自定義 Dropdown 技巧-zh.srt<br /> │ 105 自定義 Dropdown 技巧.mp4<br /> │ 106 Jumbotron 大區塊排版技巧-zh.srt<br /> │ 106 Jumbotron 大區塊排版技巧.mp4<br /> │ 107 卡片式排版與 Grid System 整齊排版手法-zh.srt<br /> │ 107 卡片式排版與 Grid System 整齊排版手法.mp4<br /> │ 108 使用 List Group 切換產品類別-zh.srt<br /> │ 108 使用 List Group 切換產品類別.mp4<br /> │ 109 產品購買區塊製作-zh.srt<br /> │ 109 產品購買區塊製作.mp4<br /> │ 110 使用 Alert 元件製作多步驟提示-zh.srt<br /> │ 110 使用 Alert 元件製作多步驟提示.mp4<br /> │ 111 收合購物車列表及表單排版技巧-zh.srt<br /> │ 111 收合購物車列表及表單排版技巧.mp4<br /> │ 112 購物車頁面作業說明-zh.srt<br /> │ 112 購物車頁面作業說明.mp4<br /> │<br /> ├─12 Bootstrap 與 Sass<br /> │ 113 Sass 環境與運行的方法-zh.srt<br /> │ 113 Sass 環境與運行的方法.mp4<br /> │ 114 本章節使用的說明文件.html<br /> │ 115 選擇性載入 Bootstrap 與修改變數-zh.srt<br /> │ 115 選擇性載入 Bootstrap 與修改變數.mp4<br /> │ 116 變數修改說明及示例-zh.srt<br /> │ 116 變數修改說明及示例.mp4<br /> │ 117 新增自己的元件，並讀取 Bootstrap 的變數-zh.srt<br /> │ 117 新增自己的元件，並讀取 Bootstrap 的變數.mp4<br /> │ 118 正式版後變數的改變 以及 Sass 錯誤的排除方式.mp4<br /> │ 119 如何釋出編譯後的 Sass 檔案-zh.srt<br /> │ 119 如何釋出編譯後的 Sass 檔案.mp4<br /> │<br /> ├─13 更好的 Bootstrap 版型開發<br /> │ 120 更好的版型設計 - 從版型中尋找合適的範例-zh.srt<br /> │ 120 更好的版型設計 - 從版型中尋找合適的範例.mp4<br /> │ 121 更好的版型設計 - 從相關的資源臨摹.mp4<br /> │ 122 範例網站及章節程式碼.html<br /> │ 123 不同的排版 - 不規則格狀排版-zh.srt<br /> │ 123 不同的排版 - 不規則格狀排版.mp4<br /> │ 124 不同的排版 - 高低不同的價格表-zh.srt<br /> │ 124 不同的排版 - 高低不同的價格表.mp4<br /> │ 125 使用 Sass 開發屬於自己的元件 (上)-zh.srt<br /> │ 125 使用 Sass 開發屬於自己的元件 (上).mp4<br /> │ 126 使用 Sass 開發屬於自己的元件 (下)-zh.srt<br /> │ 126 使用 Sass 開發屬於自己的元件 (下).mp4<br /> <br /> <br /> │<br /> └─14 Bootstrap JavaScript 元件補充說明<br /> 127 JS 元件的其它操作方法概述-zh.srt<br /> 127 JS 元件的其它操作方法概述.mp4<br /> 128 -.txt<br /> 128 Options 與 Methods 基礎套用方法-zh.srt<br /> 128 Options 與 Methods 基礎套用方法.mp4<br /> 128 Random-User-API.txt<br /> 129 使用 Events 監控元件狀態-zh.srt<br /> 129 使用 Events 監控元件狀態.mp4<br /> --=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=<br /> <div> <br /> </div>