HAHOW 線上課程 精通 Bootstrap 4：開發超強不解釋 講師:六角學院(線上程式開發學習單位) 影音教學 中文發音 繁體中文字幕版(DVD版)
HAHOW線上課程精通Bootstrap4：開發超強不解釋講師:六角學院(線上程式開發學習單位)影音教學中文發音繁體中文字幕版(DVD版)內容說明:
課程介紹
此課程不在是念過所有元件的基礎課程，課程中會透過簡報、動畫不斷的強化同學對於網頁設計、Bootstrap的運用觀念，並且在課程的進行中會透過許多的案例加深對於元件的使用概念，讓學習框架不再只是依循著文件內容而已。

學習目標
學會如何使用Bootstrap建立網頁及元件
了解Bootstrap的開發模式
使用Bootstrap尋找合適的工作

所學知識
在學習Bootstrap會建議同學至少理解HTML的class是什麼並套用CSS的樣式觀念，舉例來講

<style>
.box{
color:red;
}
.box2{
color:yellow;
}
</style>

<divclass=\"box\">我是什麼顏色？</div>

其中也會建議至少知道以下CSS語法用途
transition、background、color、display、overflow

而基本的HTML標籤div套上class觀念，其主要原因是Bootstrap在使用Bootstrap時會套用大量的class。

其中課程也會使用到少部分jQuery但老師會在課程中介紹，在課程的最後也會教你使用SCSS修改自己的Bootstrap唷。

所需工具
需要安裝Chrome網頁瀏覽器
需要安裝VisualStudioCode，編輯器若是使用SublimeText也可以

哪些人適合這堂課？
工作上需要架設網頁、進行網頁設計的人，如：網頁設計師、UIUX
工作上需要配合網頁設計進行程式工程的人，如：前端工程師
對於Bootstrap有興趣或想要更精進CSS的同學

講師介紹
六角學院是一所線上程式開發學習單位，目前已累積20,000名學員，讓更多人藉由線上學習在職涯規劃上有更多的選擇是我們的使命是，如果您贊同我們的理念，歡迎加入六角。

我們將深入了解您想發展的領域，每位實習生我們都會量身打造專屬於您的舞台，並讓您實際瞭解公司營運Knowhow。
課程內容:
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版)