Udemy線上課程 Bootstrap 5 網頁切版整合術講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)


商品編號：	DUE2177

商品名稱：	Udemy線上課程 Bootstrap 5 網頁切版整合術講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

商品分類：	Udemy線上課程綜合教學

語系版本：	中文發音繁體中文版

官方網站：	https://xyz567.com

運行平台：	官方原版畫質MP4檔,沒有任何平台限制,終身使用

更新日期：	2023-04-01

光碟片數：	1片DVD光碟

銷售價格：	$350元

熱門標籤：	Udemy線上課程卡斯伯六角學院 Bootstrap

Udemy線上課程 Bootstrap 5 網頁切版整合術講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

內容說明:

Bootstrap 是目前最主流的 CSS 前端開發工具包，在大量開發者的協作及使用者運用下，它可以適用於各種情境，無論是活動頁面、購物網站、控制台、行動版網頁一律適用。
Bootstrap 5 超豐富線上課程，基於前一版本的優化，包含 Bootstrap 5 的各項新增設計概念、強化 JavaScript、Sass 運用章節，以及提供更易於學習的整合講義。
本課程將推出全新主題設計稿，讓你在學習過程中更添加自己的成就感。

本次的課程內容包含：600 分鐘以上的基礎知識教學超過 50 頁的練習講義超過 25 式常用的網頁元件兩款實戰情境版型一款最終挑戰版型

課程內容:

Quiz(hex-bootstrap-5).html

01 - 六角學院 - 線上資源
001 六角學院線上社團.html

02 - 環境建置
002 Bootstrap 文件介紹.mp4
003 Bootstrap 中英文文件連結.html
004 VSCode 基礎環境建置.mp4
005 VSCode 與相關資源連結.html
006 語系設置與 Bootstrap CDN.mp4
007 CSS 的 Class 運用.mp4
008 快速體驗 Bootstrap 建立一個網站.mp4

03 - Bootstrap 文件介紹
009 知識點：box-sizing.mp4
010 知識點：CSS Variables.mp4
011 知識點：rem 單位.mp4
012 知識點：系統預設字體.mp4
013 CSS Reset 做了什麼.mp4
014 六角學院專屬「Bootstrap 練習手冊」.mp4
015 Bootstrap 5 練習手冊連結.html
016 文字運用.mp4
017 基本圖片運用.mp4
018 圖片區.mp4
019 表格運用.mp4

04 - Flex 與網格系統介紹
020 基礎格線觀念.mp4
021 繪圖軟體與格線之間的關聯性.mp4
022 響應式中斷點.mp4
023 格線容器.mp4
024 欄：上篇.mp4
025 欄：下篇.mp4
026 欄與欄的間距：Gutter 觀念說明.mp4
027 欄與欄的間距：Gutter.mp4
028 CSS Flex 與格線系統.mp4
029 Utilities 通用類別：間隔 Spacing.mp4
030 Utilities 通用類別：Flex.mp4
031 格線系統與 Utilities 的混合運用.mp4
032 格線系統：實作練習.mp4
033 格線系統：常見錯誤.mp4

05 - 通用類別 Utilities 與工具 Helpers
034 Utilities 與 helpers 基本介紹.mp4
035 課程名稱調整說明.html
036 Background - 背景色彩（重要）.mp4
037 Border - 邊框（重要）.mp4
038 Text color - 文字色彩.mp4
039 Display - 盒模型（非常重要）.mp4
040 Float - 浮動.mp4
041 Interactions - 互動（好用）.mp4
042 Overflow - 溢出.mp4
043 Position - 位置（重要）.mp4
044 Shadow - 陰影（好用）.mp4
045 Sizing - 尺寸（重要）.mp4
046 Text - 文字（好用）.mp4
047 Vertical alignment - 垂直對齊（好用）.mp4
048 Visibility - 可視性.mp4
049 Helper_ Clearfix - 清除浮動.mp4
050 Helper_ Colored links - 連結顏色（重要）.mp4
051 Helper_ Ratio - 比例（好用）.mp4
052 Helper_ Visually hidden - 視覺隱藏.mp4
053 Helper_ Stretched link - 連結延伸（重要）.mp4
054 Helper_ Text truncation - 文字截斷（好用）.mp4

06 - 表單運用
055 知識點：網頁親和性.mp4
056 表單運用概觀.mp4
057 表單元素常用的 form-control.mp4
058 表單 Select .form-select.mp4
059 表單的 Radio 與 Checkbox 運用.mp4
060 表單的 Range 樣式.mp4
061 群組式 input.mp4
062 表單驗證技巧.mp4
063 新的表單樣式！form-floating.mp4
064 表單排版技巧.mp4

07 - Bootstrap 最實用的工具 - 元件
065 元件簡介.mp4
066 元件與 JavaScript 之間的關係.mp4
067 手風琴 (Accordion).mp4
068 警報 (Alerts)（好用）.mp4
069 標籤 (Badges)（好用）.mp4
070 麵包屑 (Breadcrumb)（好用）.mp4
071 按鈕 (Buttons)（非常重要）.mp4
072 按鈕群組 (Button group)（重要）.mp4
073 卡片 (Cards)（非常重要）.mp4
074 輪播 (Carousel).mp4
075 關閉按鈕 (Close button)（好用）.mp4
076 折疊 (Collapse)（重要）.mp4
077 下拉選單 (Dropdowns)（好用）.mp4
078 列表群組 (List group)（好用）.mp4
079 互動視窗 (Modal)（重要）.mp4
080 導覽與頁籤 (Navs and tabs).mp4
081 導覽列（Navbar）（重要）.mp4
082 Offcanvas - 側欄滑動導覽（好用）.mp4
083 分頁 (Pagination)（好用）.mp4
084 彈出提示框 (Popovers).mp4
085 進度條 (Progress)（好用）.mp4
086 滾動監控 (Scrollspy).mp4
087 讀取圖示 (Spinners)（重要）.mp4
088 吐司 (Toasts)（重要）.mp4
089 工具提示框 (Tooltips)（好用）.mp4

08 - JavaScript 操作
090 Bootstrap JS 操作簡介.mp4
091 JavaScript 初始化行為.mp4
092 選項、方法以及事件.mp4
093 萬年不敗 jQuery.mp4

09 - 使用 Bootstrap 完成 Blog 版型
094 Blog 版型 - 簡介.mp4
095 Blog 版型 - 導覽列.mp4
096 Blog 版型 - 首圖背景.mp4
097 Blog 版型 - 水平卡片排版技巧.mp4
098 Blog 版型 - 內文及側欄安排.mp4
099 Blog 版型 - Footer 製作.mp4
100 Blog 版型 - 作業說明.mp4
101 Blog 版型 - 作業範例下載.html

10 - Bootstrap 與神奇的 Sass
102 Bootstrap 與 Sass 的關係.mp4
103 在 VSCode 中加入 Sass 環境.mp4
104 匯入 Bootstrap 並調整樣式.mp4
105 讓 Bootstrap 不要那麼肥，手動匯入元件.mp4
106 修改特定的元件的變數.mp4
107 Bootstrap 隱藏功能開關！.mp4
108 響應式文字縮放功能.mp4
109 自定義通用類別.mp4
110 使用 Bootstrap 方法，產生獨立元件.mp4
111 在 Sass 中，自訂高可用性的元件.mp4

11 - 學員專屬：Bootstrap 額外元件範例
112 學員專屬：Bootstrap 額外範例說明.mp4
113 額外元件範例資源下載.html

12 - 個人簡歷 - 練習使用 Sass 變數開發網頁
114 個人簡歷：匯入 Sass.mp4
115 個人簡歷：課程相關資源.html
116 個人簡歷：Header 首圖製作.mp4
117 個人簡歷：自我介紹區塊.mp4
118 個人簡歷：三欄式卡片運用.mp4
119 個人簡歷：卡片樣式調整.mp4
120 個人簡歷：Footer 製作及表單驗證樣式調整.mp4
121 個人簡歷：整理 Sass 專案檔案.mp4
122 個人簡歷：範例作業下載.html

13 - 後臺管理 - 功能性為導向的介面規劃
123 後臺管理：章節說明.mp4
124 後臺管理：結構規劃.mp4
125 後臺管理：可收合的側欄選單.mp4
126 後臺管理：側欄選單內容.mp4
127 側欄選單內容的程式碼.html
128 後臺管理：版型整理.mp4
129 後臺管理：動態圖表範例程式碼.mp4
130 動態圖表範例程式碼.html
131 後臺管理：表格運用.mp4
132 後臺管理：訂單管理介面.mp4
133 後臺管理：傳遞內容至 Modal 內.mp4
134 後臺管理：單一產品頁面製作.mp4
135 後臺管理：Sticky 與 scroll spy 的混合運用.mp4
136 後臺管理：作業製作.mp4
137 後臺管理：範例程式碼參考.html

14 - Landing Page 設計稿練習
138 Landing Page 設計稿練習：章節簡介.mp4
139 Landing Page 設計稿練習：課程資源.html
140 Landing Page 設計稿練習：導覽列製作.mp4
141 Landing Page 設計稿練習：Header 圖片.mp4
142 Landing Page 設計稿練習：多欄式卡片.mp4
143 Landing Page 設計稿練習：特殊卡片排版.mp4
144 Landing Page 設計稿練習：表單響應式卡片排版.mp4
145 Landing Page 設計稿練習：章節練習說明.mp4

15 - 最終挑戰
146 最終作業繳交說明.html
147 最終挑戰說明.mp4
148 最終挑戰課程資源.html

16 - Bonus lecture
149 Bonus lecture.html

Udemy線上課程 Adobe XD：網頁設計真容易 (含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程使用 HTML、CSS 開發一個網站(含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程 Vue 3 實戰影音課程講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

Udemy線上課程 Adobe XD：網頁設計真容易(含教材) 講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)

隨機商品:

Ansys Products v17.0 英文版(高級分析、多體動力學軟體)(3DVD)

Davinci Resolve v11.1.0.023 英文版(非線性調色系統軟體)

SpectraCal CalMAN Ultimate for Business v5.6.1.2238 英文版(螢幕顯示校準軟體)

WinX DVD Ripper Platinum v7.5.13 包含舊版英文/繁體中文版(DVD 影音光碟轉換軟體)

Xilisoft Video Converter Ultimate v7.8.12 包含舊版英文/繁體中文版(影片格式轉換軟體)

站內搜索

請輸入軟體名稱或編號

購物車

熱門關鍵字

陳佳楠		三節課
建立者		語音教學
Chillen		sanjieke
know		合成器
修蛋幾類		生活的日語
Ace		Arturia
Chuck		Ms.Shih
六角學院		卡斯伯
有限公司		東升
配置		慶明
麗鳳		Google
IRODORI		Liao
Mayuko		Takei
Zhang		2菜1湯
Ableton		Analytics
django		DX7
Enscape3		ESXi
html5		Jansen
Java		Java多線程
Junit5		Live
Michael		Music
node.js		Softice
Software		Trap
Tsan		webpack等
Wong		Wong黃

Udemy線上課程 Bootstrap 5 網頁切版整合術 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文版(DVD版)

Udemy線上課程 Bootstrap 5 網頁切版整合術講師:卡斯伯六角學院影音教學中文發音繁體中文版(DVD版)