關於導師
- 王林
- 您將會學到:
本課程的目的是讓大家能夠掌握行動裝置佈局，課程主要講解了視口、二倍圖、流失佈局，flex佈局，rem佈局，響應式佈局，還會增加摹客使用等工具。
HTML5導讀
01分鐘30秒vscode基本使用
15分鐘21秒vscode插件安裝
11分鐘30秒什麼是HTML5
04分鐘53秒HTML5新增標籤
09分鐘30秒多媒體音訊標籤
12分鐘10秒多媒體影片標籤
15分鐘03秒HTML5新增input標籤
12分鐘02秒HTML5新增表單屬性
12分鐘32秒HTML5小結
06分鐘52秒CSS3導讀
02分鐘39秒CSS3屬性選擇器（上）
11分鐘18秒CSS3屬性選擇器（下）
10分鐘46秒CSS3結構偽類選擇器（上）
06分鐘19秒nth-child(n)
12分鐘47秒nth-child和nth-of-type的區別
10分鐘22秒結構偽類選擇器總結
02分鐘02秒CSS3偽元素選擇器
08分鐘48秒偽元素選擇器案例
09分鐘26秒2D轉換之translate
13分鐘07秒讓一個盒子水平垂直居中
09分鐘18秒2D轉換之rotate
05分鐘55秒CSS3三角
07分鐘23秒設定轉換中心點
06分鐘09秒旋轉中心點案例
06分鐘56秒2D轉換之scale
06分鐘56秒圖片放大案例
11分鐘07秒分頁按鈕案例
03分鐘20秒2D轉換綜合寫法以及順序問題
05分鐘38秒2D轉換小結
03分鐘06秒CSS3動畫基本使用
08分鐘56秒動畫序列
12分鐘41秒CSS3動畫常見屬性
16分鐘08秒CSS3動畫簡寫
07分鐘17秒大數據熱點圖案例（上）
14分鐘08秒大數據熱點圖案例（下）
14分鐘10秒速度曲線之steps步長
08分鐘28秒奔跑的熊大案例
14分鐘25秒認識3D轉換
05分鐘20秒3D轉換translate3d
07分鐘57秒透視perspective
08分鐘53秒translateZ
09分鐘23秒3D旋轉rotateX
09分鐘43秒3D旋轉rotateY
03分鐘55秒3D旋轉rotateZ
05分鐘50秒3D呈現transform-style
11分鐘03秒兩面翻轉盒子案例
12分鐘57秒3D導覽列（上）
12分鐘26秒3D導覽列（下）
10分鐘48秒綜合案例-旋轉木馬案例（上）
08分鐘40秒綜合案例-旋轉木馬案例（下）
08分鐘34秒瀏覽器私有前綴以及總結
11分鐘13秒行動WEB開發串流佈局導讀
01分鐘59秒行動端基礎
09分鐘31秒視窗
09分鐘02秒meta視口標籤
06分鐘53秒物理像素與物理像素比
08分鐘45秒二倍圖
12分鐘13秒背景縮放background-size
10分鐘46秒背景二倍圖以及多倍圖切圖
05分鐘38秒行動端開發選擇
04分鐘32秒行動端技術解決方案
10分鐘29秒行動端特殊樣式
04分鐘53秒行動端技術選型
03分鐘40秒串流佈局
10分鐘32秒京東行動端首頁準備工作
06分鐘58秒body設定
06分鐘29秒app佈局
08分鐘29秒app內容填充
07分鐘01秒搜尋模組佈局
09分鐘16秒搜尋模組內容製作
08分鐘44秒二倍精靈圖的做法
08分鐘15秒焦點圖製作
06分鐘45秒品牌日模組製作
07分鐘28秒導覽列nav模組製作
11分鐘22秒新聞快報模組
07分鐘22秒京東行動端首頁結束2
04分鐘31秒移動WEB開發flex佈局導讀
01分鐘14秒flex佈局體驗
07分鐘02秒flex佈局原理
04分鐘16秒flex設定主軸方向
08分鐘14秒justify-content設定主軸子元素排列
10分鐘05秒flex-wrap子元素是否換行
04分鐘57秒align-items設定側軸子元素排列
07分鐘35秒align-content設定側軸子元素排列
11分鐘01秒flex-flow以及總結
03分鐘45秒子項flex屬性使用
14分鐘31秒align-self和order
04分鐘47秒攜程行動裝置首頁準備工作
06分鐘46秒首頁佈局分析以及搜尋模組佈局
09分鐘10秒搜尋模組user製作
12分鐘11秒搜尋模組製作search製作
11分鐘22秒焦點圖focus模組製作
02分鐘47秒local-nav佈局
05分鐘17秒local-nav內容製作
11分鐘38秒利用屬性選擇器更換背景圖片
04分鐘44秒nav外觀佈局
08分鐘50秒nav內容製作
10分鐘59秒背景漸層linear-gradient
06分鐘14秒subnav-entry模組製作
熱門活動模組製作
更多福利模組製作
sales-bd模組製作3
行動WEB開發rem適配佈局導讀
01分鐘20秒rem單位
11分鐘13秒媒體查詢文法簡介
09分鐘58秒媒體查詢案例背景變色
12分鐘20秒媒體查詢+rem實作元素動態大小變化
07分鐘41秒媒體查詢引進資源
09分鐘12秒CSS的弊端
05分鐘22秒LESS簡介以及使用變數
09分鐘04秒less編譯easyless插件
08分鐘56秒less嵌套
10分鐘17秒less運算
05分鐘57秒rem適配方案原理
11分鐘53秒rem最終適配方案
11分鐘45秒蘇寧首頁common.less製作
04分鐘43秒蘇寧首頁import導入樣式
04分鐘03秒蘇寧首頁body樣式設定
07分鐘28秒蘇寧首頁search-content模組佈局
09分鐘02秒蘇寧首頁search-content內容版面
蘇寧首頁-search模組製作
蘇寧首頁banner和廣告模組製作
蘇寧首頁nav部分製作
rem適配方案2flexble.js簡介
04分鐘27秒rem適配方案2蘇寧首頁前期準備工作
03分鐘29秒rem適配方案2body樣式修改
一個神奇的vscode插件cssrem
修改flexible預設html字體大小
rem適配方案2 search-content內容製作1
rem適配方案2 search-content內容製作2
行動web開發響應式導讀
02分鐘47秒響應式開發原理
03分鐘01秒響應式佈局容器
12分鐘23秒響應式導航案例
06分鐘11秒Bootstrap簡介
10分鐘08秒Bootstrap使用（上）
08分鐘31秒Bootstrap使用（下）
05分鐘17秒Bootstrap佈局容器
03分鐘51秒Bootstrap柵格系統
04分鐘58秒Bootstrap柵格系統使用（上）
12分鐘38秒Bootstrap柵格系統使用（下）
06分鐘28秒Bootstrap列嵌套
08分鐘07秒Bootstrap列偏移
08分鐘06秒Bootstrap列排序
03分鐘21秒Bootstrap響應式工具
06分鐘22秒阿里百秀需求分析
05分鐘59秒阿里百秀前期準備工作
03分鐘58秒修改container最大寬度
03分鐘50秒阿里百秀logo製作
08分鐘02秒阿里百秀nav製作引入字體圖標
08分鐘32秒阿里百秀news製作（上）
12分鐘20秒阿里百秀news製作（下）
03分鐘24秒阿里百秀publish模組製作
11分鐘50秒阿里百秀aside模組製作
阿里百秀logo響應式製作
09分鐘27秒阿里百秀nav響應式製作
04分鐘51秒阿里百秀news響應式製作
05分鐘35秒阿里百秀publish響應式製作
05分鐘04秒行動端開發總結
03分鐘07秒
