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版)