HTML5移動端布局實戰(zhàn)開發(fā)
課程（
遠程班
練就移動端布局十八般武藝，徹底掌控移動端適配終極奧秘！
課程介紹：
本次遠程課從移動端環(huán)境配置、模擬器、搭建本地虛擬服務(wù)器入手，為大家詳細分析多機型適配、橫豎屏切換、物理像素、移動端1px、圖片發(fā)虛等一系列移動端細節(jié)問題與移動端兼容性問題，并通過各種移動端實戰(zhàn)布局案例，帶領(lǐng)大家探尋移動端各類布局結(jié)構(gòu)的核心關(guān)鍵點。
在響應(yīng)式開發(fā)章節(jié)中，我們?yōu)榇蠹以敱M介紹媒體查詢相關(guān)技術(shù)、彈性盒模型特征與實戰(zhàn)應(yīng)用場景，并輔以bootstrap為大家演示柵格化系統(tǒng)，徹底掌握響應(yīng)式工具的使用。
在面對移動端的表單及場景美化需求上，我們?yōu)榇蠹覝蕚淞硕鄻踊淖远x字體圖標，再配合css3的絢麗樣式美化技巧、多背景圖設(shè)置、以及濾鏡相關(guān)的輔助，為移動端網(wǎng)頁增添UI展示樂趣的同時、優(yōu)化移動端性能、提升訪問速度。
在輕松制作出移動端各種類型的頁面后，還需要靈活開發(fā)移動端常見的交互效果，因此必不可少的需要掌握touch系列事件（touchstart、touchmove、touchend、transitionend），以及打造移動端基礎(chǔ)交互不可或缺的transform-2D系列知識點（translate、scale、skew、rotate、transform-origin……），配合這些相關(guān)知識點，移動端基礎(chǔ)交互效果即輕而易舉、不在話下。
開班形式：
講師通過YY遠程課講解，
還
沒有YY軟件？
>>點擊下載
開班時間：
第一次課：
2016年4月22日-周五 晚上19:30~21:30
授課內(nèi)容：
移動端開發(fā)環(huán)境搭建、服務(wù)器相關(guān)、單位選擇、多機型橫豎屏適配、移動端框架搭建、系統(tǒng)兼容、瀏覽器兼容……
第二次
課
2016年4月23日-周六 晚上19:30~21:30
授課內(nèi)容：
現(xiàn)場開發(fā)移動端蘇寧電器首頁靜態(tài)頁面：框架搭建、頭部廣告、導(dǎo)航模塊、菜單模塊、商品列表樣式組、特惠商品模塊……
第三次
課
2016年4月27日-周三 晚上19:30~21:30
授課內(nèi)容：
響應(yīng)式開發(fā)相關(guān)知識點：媒體查詢、子元素選擇、彈性盒模型、bootstrap、現(xiàn)場用JQ官網(wǎng)整站布局演示響應(yīng)式開發(fā)過程……
第四次
課
2016年4月28日-周x08四 晚上19:30~21:30
授課內(nèi)容：xa0
現(xiàn)場開發(fā)uehtml官網(wǎng)響應(yīng)式靜態(tài)頁面：整站布局、頭部菜單響應(yīng)式設(shè)置、最新消息模塊變化、內(nèi)容模塊四三二響應(yīng)式變化……
第五次
課
2016年5月06日-周五 晚上19:30~21:30
授課內(nèi)容：
CSS3美化樣式、自定義字體圖標、濾鏡設(shè)置、CSS3選擇器、transform 2D轉(zhuǎn)換、新增表單控件、valid表單驗證、表單樣式美化……
第六次
課
2016年5月07日 周x08六 晚上19:30~21:30
授課內(nèi)容：
touch事件講解、移動端彈窗模糊效果、移動端JS效果演示：圖片輪播、導(dǎo)航吸附、下拉菜單、總結(jié)回顧……
練習x08解答：
2016年5月13日 周五 晚上
授課內(nèi)容：
解答大家做練習中遇到的問題與知識點疑惑，講解課后練習……
課程價格：
680元/人
優(yōu)惠信息：報名之前如果轉(zhuǎn)發(fā)該頁面到xa0
微博、微信、QQ空間、QQ群xa0
等，并截圖發(fā)給妙味客服，
報名立即減免60元，即：620元/人！
注意：QQ群發(fā)消息，該群人數(shù)至少在100人以上（含100人），在線人數(shù)至少在50人以上。
注：遠程課開班后不可退費。
針對人群：
如果你完全不熟悉x08移動端布局、只做過PC端的頁面，
JS也沒太多基礎(chǔ)……
這套課程就是為你們量身定做的！
講師在課程中會特別細致入微的講解xa0
移動端布局
xa0要注意的所有xa0
適配問題，框架搭建、樣式編寫
手把手教會大家如何xa0
從零開始寫移動端項目
、直至完整做出移動端的頁面、適配所有手機屏幕為止！
小測試：
如果能獨立完成xa0
淘寶首頁
xa0其中一處小結(jié)構(gòu)，即可報名該課程（浮動、定位、簡單的布局一定要非常熟悉）：
