Udemy線上課程 Bootstrap 4最強實戰教學,讓你現學現用(含教材) 講師:朝輝 蘇 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程Bootstrap4最強實戰教學,讓你現學現用(含教材)講師:朝輝蘇影音教學中文發音繁體中文字幕版(DVD版)
內容說明:
★一步步帶你實作,並同時理解BS4的基本原理,讓你在工作上運用自如!
★不管你是從頭學或是學過BS3,保證讓你無縫接軌,輕鬆應對!
★額外加碼彩蛋功能,讓你實作案例功能更完整!
★在職的前端工程師將業界的經驗引入課程教學,絕對是最強實作!
想要快速製作出響應式RWD網頁,你一定要試試Bootstrap4,它是目前最受歡迎的CSS前端框架,也是能快速做出各尺寸裝置的效率神器!
本課程除了將BS4的原理核心清楚講解外,並帶入業界經驗的範例,讓你清楚知道BS4個功能的實際應用,不會聽完還在一頭霧水。

你將會學到的
快速建置RWD響應式網站
BS3跳級至BS4並熟悉各項應用技巧
各種版型難不倒你,BS4讓你隨切隨用
課程內容:
├─01Bootstrap快速入門
│001你真的了解RWD響應式網頁嗎_.mp4
│002-01.jpg.jpg
│002有其他的RWD框架嗎_為什麼要選Bootstrap_.mp4
│003Bootstrap.zip
│003Bootstrap的起手式.mp4
│004CDN的說明與應用.mp4
│005響應式的meta標籤說明與htmllang設定.mp4
│006.PNG
│006Bootstrap4支援的瀏覽器版本.mp4
│007.PNG
│007IE9支援的CSS屬性與設定meta兼容模式.mp4
│
├─02Bootstrap4的排版應用技巧
│008容器的應用_container與container-fluid.mp4
│009.PNG
│009響應式分界點的介紹.mp4
│010.zip
│010列與欄的運作_row和col的設定、響應式圖片的應用.mp4
│011Gridsystem12欄網格系統如何運作_.mp4
│012了解響應式的col尺寸分類.mp4
│013欄區塊col的實務操作,與巢狀、間距設定.mp4
│014row和col的對齊說明與設定.mp4
│015col.zip
│015col的左右位置變化說明與應用.mp4
│016-01.jpg.jpg
│016各裝置尺寸的排版練習.html
│
├─03Bootstrap4一頁式網站的內容應用技巧
│017自訂標題、凸顯標題、凸顯段落、引用來源.mp4
│018.txt
│018響應式文字排版.mp4
│019程式碼標示說明.mp4
│020.zip
│020響應式圖片應用.mp4
│021表格的基本設定.mp4
│022.zip
│022表格的應用.mp4
│023.zip
│023產品圖的使用.mp4
│
├─04Bootstrap4一頁式網站的元件應用技巧(一)
│024導覽列的說明.mp4
│025logo.zip
│025導覽列的應用.mp4
│026.zip
│026banner輪播的控制.mp4
│027banner.txt
│027banner輪播的方法.mp4
│028表單的基礎介紹.mp4
│029.zip
│029表單的進階運用.mp4
│030自訂表單功能.mp4
│031表單驗證.mp4
│
├─05Bootstrap4一頁式網站的元件應用技巧(二)
│032jquery-cdn.txt
│032進度條的應用.mp4
│033廣告屏幕的應用.mp4
│034列表群組的控制說明.mp4
│035.zip
│035列表群組的方法應用.mp4
│036摺疊區塊的說明.mp4
│037摺疊區塊的用法.mp4
│038滑鼠滾動監聽的資料屬性應用.mp4
│039滑鼠滾動監聽的javascript應用.mp4
│
├─06一頁式網站美化與其他彩蛋功能設定
│0401..zip
│040彩蛋功能一_導覽列選單字體美化設定(googlewebfont)、背景顏色變換.mp4
│041banner-1.txt
│041廣告圖片輪播文字與設定.mp4
│042.zip
│042關於我們區塊(一)調整與設定.mp4
│043關於我們區塊(二)調整與設定.mp4
│044環境介紹區塊與菜單介紹區塊調整與設定.mp4
│045我們的堅持、主廚介紹與聯絡我們調整.mp4
│046.txt
│046彩蛋功能二:導覽列選單按鈕連結監控滑動(scrollspysmooth).mp4
│047gotop.zip
│047彩蛋功能三:滑動回到頁首按鈕(gotop).mp4
│048bootstrap4通用類別-display說明,導覽列調整.mp4
│049版面響應式斷點的調整(一).mp4
│050-css.txt.txt
│050版面響應式斷點的調整(二)-通用類別display應用.mp4
│051.txt
│051版面響應式斷點的調整(三).mp4
│052bootstrap.zip
│052一頁式網站完成檔.html
│
├─07Bootstrap4電商網頁的元件與通用類別應用(一):頭部區
│053.zip
│053頁面頭部區塊製作.mp4
│054頁面頭部區塊設定.mp4
│055.zip
│055頁面導覽列選單製作.mp4
│056.zip
│056頁面導覽列搜尋購物車圖示製作.mp4
│057下拉選單的類型說明.mp4
│058頁面導覽列下拉選單應用.mp4
│059input群組控制說明.mp4
│060.zip
│060導覽列搜尋功能應用.mp4
│
├─08Bootstrap4電商網頁的元件與通用類別應用(二)_內容區
│061.zip
│061服務說明區塊的製作.mp4
│062css.txt
│062通用類別:服務區塊的邊框應用.mp4
│063卡片的介紹.mp4
│064.zip
│064卡片的應用-特色商品區塊.mp4
│065float-spacing.zip
│065通用類別_float的說明與應用.mp4
│066通用類別_間隔(Spacing)、Clearfix的說明與應用.mp4
│067標籤的應用.mp4
│068-Navs.zip
│068導覽(Navs)的說明.mp4
│069商品分類區塊:導覽(Navs)的應用.mp4
│
├─09Bootstrap4電商網頁的元件與通用類別應用(三)_內容區
│070互動視窗(Modal)的說明.mp4
│071-Modal.zip
│071互動視窗(Modal)的應用.mp4
│072.txt
│072文字排版:縮寫、列表、行內和描述型列表對齊說明.mp4
│073工具提示框(Tooltips)說明與應用.mp4
│074彈出提示框(Popovers).mp4
│075通用類別:顏色的說明、崁入的應用.mp4
│076.zip
│076通用類別:圖片取代、螢幕閱讀器的應用.mp4
│077訂閱電子報的區塊製作.mp4
│078-Alerts.zip
│078警報(Alerts)的說明與應用.mp4
│079Flex.zip
│079Flex的說明.mp4
│080footer.zip
│080練習:footer區塊製作.html
│
├─10Bootstrap4電商網頁的元件與通用類別應用(四)_商品列表頁
│081麵包屑的應用.mp4
│082.zip
│082按鈕、按鈕群組、分頁的應用.mp4
│083-Nav.zip
│083練習:產品列表頁套用導覽(Nav).html
│084媒體物件的介紹.mp4
│085通用類別:尺寸、文字的介紹.mp4
│086垂直對齊、可視性和關閉圖示的介紹.mp4
│087-BS4.zip
│087練習:電商網頁響應式的調整.html
│
└─11Bootstrap4V.SBootstrap3
088斷點的調整、重新設計類別綴詞、自動平均分配欄寬.mp4
089加入換行、移除預設距離(no-gutter).mp4
090水平方向的對齊、垂直方向的對齊.mp4
091區塊的排列順序、圖片響應化.mp4
092card組件取代.panel、.well與.thumbnail.mp4相關商品:Udemy線上課程精通Bootstrap4-開發超強不解釋(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程深入淺出Bootstrap講師:慕課癮科技影音教學中文發音繁體中文字幕版(2DVD)