HAHOW 線上課程 精通 Bootstrap 4：開發超強不解釋 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
內容說明:
課程介紹
此課程不在是念過所有元件的基礎課程，課程中會透過簡報、動畫不斷的強化同學對於網頁設計、Bootstrap 的運用觀念，並且在課程的進行中會透過許多的案例加深對於元件的使用概念，讓學習框架不再只是依循著文件內容而已。
學習目標
學會如何使用 Bootstrap 建立網頁及元件
了解 Bootstrap 的開發模式
使用 Bootstrap 尋找合適的工作
所學知識
在學習 Bootstrap 會建議同學至少理解 HTML 的 class 是什麼並套用 CSS 的樣式觀念，舉例來講
<style>
.box {
color: red;
}
.box2 {
color: yellow;
}
</style>
<div class=\"box\"> 我是什麼顏色？ </div>
其中也會建議至少知道以下 CSS 語法用途
transition、background、color、display、overflow
而基本的 HTML 標籤 div 套上 class 觀念，其主要原因是 Bootstrap 在使用 Bootstrap 時會套用大量的 class。
其中課程也會使用到少部分 jQuery 但老師會在課程中介紹，在課程的最後也會教你使用 SCSS 修改自己的 Bootstrap 唷。
所需工具
需要安裝 Chrome 網頁瀏覽器
需要安裝 Visual Studio Code，編輯器若是使用 Sublime Text 也可以
哪些人適合這堂課？
工作上需要架設網頁、進行網頁設計的人，如：網頁設計師、UIUX
工作上需要配合網頁設計進行程式工程的人，如：前端工程師
對於 Bootstrap 有興趣或想要更精進 CSS 的同學
講師介紹
六角學院 是一所線上程式開發學習單位，目前已累積 20,000 名學員，讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是，如果您贊同我們的理念，歡迎加入六角。
我們將深入了解您想發展的領域，每位實習生我們都會量身打造專屬於您的舞台，並讓您實際瞭解公司營運 Know how。
課程內容:
001_課前說明.mp4
002_為什麼Bootstrap有這樣大的魅力.mp4
003_Bootstrap4與前一版的差異.mp4
004_新手、老手課程導覽.mp4
005_更新紀錄.mp4
006_課程補充教材.mp4
007_認識Bootstrap的文件.mp4
008_中英文文件連結.mp4
009_建立開發環境-使用VSCode.mp4
010_VSCodePreviewonWebServer替代套件.mp4
011_加入Bootstrap及元件的組成概念.mp4
012_Bootstrap建立第一個網頁.mp4
013_重置排版.mp4
014_文字與語意化.mp4
015_圖片與響應式.mp4
016_表格基本架構說明.mp4
017_網格概念.mp4
018_Bootstrap中的欄與列.mp4
019_Bootstrap中的響應式中斷點.mp4
020_欄與欄寬.mp4
021_CSS3Flex的重要觀念###.mp4
022_Bootstrap通用類別與Flex#.mp4
023_Container觀念#.mp4
024_BootstrapFlex補充說明#.mp4
025_通用類別中的Spacing妙用.mp4
026_範例：元件與Grid的關係.mp4
027_範例：使用Grid製作相簿排版.mp4
028_範例：使用Grid製作時間軸的排版.mp4
029_下載練習範例並運行.mp4
030_課程練習網址.mp4
031_Grid額外練習章節：網格系統.mp4
032_Grid額外練習章節：媒體物件.mp4
033_Borders邊框.mp4
034_Clearfix清除浮動#.mp4
035_CloseIcon關閉圖示.mp4
036_Color顏色##.mp4
037_Display顯示屬性##.mp4
038_Embed內嵌.mp4
039_通用類別Flex###.mp4
040_通用類別Float#.mp4
041_Imagereplacement圖像替換.mp4
042_Position位置#.mp4
043_Screenreaders螢幕閱讀器.mp4
044_Sizing尺寸.mp4
045_Spacing間隔###.mp4
046_Text文字###.mp4
047_vertical-align垂直對齊.mp4
048_Visibility可見性.mp4
049_Bootstrap文件概述.mp4
050_盲人如何閱讀網頁(網頁親和性與他的工具).mp4
051_Sass與Bootstrap.mp4
052_Alerts警報#.mp4
053_Badge標籤.mp4
054_breadcrumb麵包屑.mp4
055_Buttons按鈕###.mp4
056_Buttongroup按鈕群組.mp4
057_Card卡片##.mp4
058_Carousel輪播.mp4
059_Collapse折疊##.mp4
060_Dropdowns下拉選單#.mp4
061_Forms表單###.mp4
062_表單驗證.mp4
063_Inputgroup_Input群組.mp4
064_Jumbotron廣告大屏幕.mp4
065_Listgroup列表群組.mp4
066_Modal互動視窗##.mp4
067_Navs導覽#.mp4
068_Navbar導覽列###.mp4
069_Pagination分頁.mp4
070_Popovers,Tooltips_彈出提示框、工具提示框#.mp4
071_Scrollspy滾動監控.mp4
072_Progress進度條.mp4
073_Blog版型案例說明.mp4
074_將Fontawesome加到網頁上.mp4
075_使用從零開始建立Blog版型.mp4
076_網格系統及內文排版.mp4
077_留言區塊排版說明.mp4
078_使用Utilities建立Footer結構.mp4
079_形象版網頁頁面的介紹.mp4
080_範例檔案及相關連結.mp4
081_Navbar的實作與調整.mp4
082_製作滿版的背景圖及文字輪播.mp4
083_常見的三欄式排版.mp4
084_使用格線做混合式排版.mp4
085_充滿自由的Flex排版.mp4
086_網頁上置放GoogleMap及表單.mp4
087_Bootstrap簡易表單驗證.mp4
088_格線系統及背景效果.mp4
089_網頁中不同Modal互相切換的手法.mp4
090_修正Modal小錯誤.mp4
091_後台版型課程介紹.mp4
092_範例檔案及相關連結.mp4
093_使用Flex伸展特性安排組件.mp4
094_為你的後台加上圖表版型.mp4
095_表格結構注意細節.mp4
096_為了你的後台加上控制列.mp4
097_為表格加上回饋式訊息.mp4
098_進階Modal使用，動態傳入參數.mp4
099_最後補充及作業說明.mp4
100_Bootstrap製作購物網頁簡介.mp4
101_範例檔案及相關連結.mp4
102_自定義Dropdown技巧（4.1.3版以後已不需要另外加入定位）.mp4
103_Jumbotron大區塊排版技巧.mp4
104_卡片式排版與GridSystem整齊排版手法.mp4
105_使用ListGroup切換產品類別.mp4
106_產品購買區塊製作.mp4
107_使用Alert元件製作多步驟提示.mp4
108_收合購物車列表及表單排版技巧.mp4
109_購物車頁面：練習說明.mp4
110_Sass環境與運行的方法.mp4
111_本章節使用的說明文件.mp4
112_正式版後變數的改變以及Sass錯誤的排除方式.mp4
113_選擇性載入Bootstrap與修改變數.mp4
114_變數修改說明及示例.mp4
115_新增自己的元件，並讀取Bootstrap的變數.mp4
116_如何釋出編譯後的Sass檔案.mp4
117_更好的版型設計-從版型中尋找合適的範例.mp4
118_更好的版型設計-從相關的資源臨摹.mp4
119_範例網站及章節程式碼.mp4
120_不同的排版-不規則格狀排版.mp4
121_不同的排版-高低不同的價格表.mp4
122_使用Sass開發屬於自己的元件(上).mp4
123_使用Sass開發屬於自己的元件(下).mp4
124_JS元件的其它操作方法概述.mp4
125_Options與Methods基礎套用方法.mp4
126_使用Events監控元件狀態.mp4
教材
012_starter.html
014_typography.html
016_table.html
018_grid.html
022_grid_and_flex.html
024_flex_utilities_less_use.html
025_utilities_spacing.html
027_flex-img.html
028_flex_timeline.html
080_LandingPage+範例檔案.zip
092_dashboard.html
101_shoppingCart.html
125_RandomUserAPI.htm
125_課程範例連結.htm
相關商品:
HAHOW 線上課程 一變應萬變：RWD 響應式網頁設計 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 使用 jQuery 打造互動性網頁動畫效果 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 使用 HTML、CSS 開發一個網站 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 資料科學：決策樹分析，神準預見商業決策 講師:大維＆辰禧(資深資料科學家、資料分析師) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW 線上課程 銀行行員必備的英文口說 — 即學即用實戰溝通力 講師:CLN 新貴語文顧問(職場英文教學、企業英文培訓單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
