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)