HTML5移動(dòng)端布局實(shí)戰(zhàn)開(kāi)發(fā)課程 妙味課堂
價(jià)值：340 附帶課件
游客，如果您要查看本帖隱藏內(nèi)容請(qǐng) 回復(fù)
課程介紹
本次遠(yuǎn)程課從移動(dòng)端環(huán)境配置、模擬器、搭建本地虛擬服務(wù)器入手，為大家詳細(xì)分析多機(jī)型適配、橫豎屏切換、物理像素、移動(dòng)端1px、圖片發(fā)虛等一系列移動(dòng)端細(xì)節(jié)問(wèn)題與移動(dòng)端兼容性問(wèn)題，并通過(guò)各種移動(dòng)端實(shí)戰(zhàn)布局案例，帶領(lǐng)大家探尋移動(dòng)端各類布局結(jié)構(gòu)的核心關(guān)鍵點(diǎn)。
學(xué)習(xí)目標(biāo)
在輕松制作出移動(dòng)端各種類型的頁(yè)面后，還需要靈活開(kāi)發(fā)移動(dòng)端常見(jiàn)的交互效果，因此必不可少的需要掌握touch系列事件（touchstart、touchmove、touchend、transitionend），以及打造移動(dòng)端基礎(chǔ)交互不可或缺的transform-2D系列知識(shí)點(diǎn)，配合這些相關(guān)知識(shí)點(diǎn)，移動(dòng)端基礎(chǔ)交互效果即輕而易舉、不在話下。
課程詳情
練就移動(dòng)端布局十八般武藝，徹底掌控移動(dòng)端適配終極奧秘！
課程介紹：
本次遠(yuǎn)程課從移動(dòng)端環(huán)境配置、模擬器、搭建本地虛擬服務(wù)器入手，為大家詳細(xì)分析多機(jī)型適配、橫豎屏切換、物理像素、移動(dòng)端1px、圖片發(fā)虛等一系列移動(dòng)端細(xì)節(jié)問(wèn)題與移動(dòng)端兼容性問(wèn)題，并通過(guò)各種移動(dòng)端實(shí)戰(zhàn)布局案例，帶領(lǐng)大家探尋移動(dòng)端各類布局結(jié)構(gòu)的核心關(guān)鍵點(diǎn)。
在響應(yīng)式開(kāi)發(fā)章節(jié)中，我們?yōu)榇蠹以敱M介紹媒體查詢相關(guān)技術(shù)、彈性盒模型特征與實(shí)戰(zhàn)應(yīng)用場(chǎng)景，并輔以bootstrap為大家演示柵格化系統(tǒng)，徹底掌握響應(yīng)式工具的使用。
在面對(duì)移動(dòng)端的表單及場(chǎng)景美化需求上，我們?yōu)榇蠹覝?zhǔn)備了多樣化的自定義字體圖標(biāo)，再配合css3的絢麗樣式美化技巧、多背景圖設(shè)置、以及濾鏡相關(guān)的輔助，為移動(dòng)端網(wǎng)頁(yè)增添UI展示樂(lè)趣的同時(shí)、優(yōu)化移動(dòng)端性能、提升訪問(wèn)速度。
在輕松制作出移動(dòng)端各種類型的頁(yè)面后，還需要靈活開(kāi)發(fā)移動(dòng)端常見(jiàn)的交互效果，因此必不可少的需要掌握touch系列事件（touchstart、touchmove、touchend、transitionend），以及打造移動(dòng)端基礎(chǔ)交互不可或缺的transform-2D系列知識(shí)點(diǎn)（translate、scale、skew、rotate、transform-origin……），配合這些相關(guān)知識(shí)點(diǎn)，移動(dòng)端基礎(chǔ)交互效果即輕而易舉、不在話下。
授課內(nèi)容：
移動(dòng)端開(kāi)發(fā)環(huán)境搭建、服務(wù)器相關(guān)、單位選擇、多機(jī)型橫豎屏適配、移動(dòng)端框架搭建、系統(tǒng)兼容、瀏覽器兼容……
授課內(nèi)容：
現(xiàn)場(chǎng)開(kāi)發(fā)移動(dòng)端蘇寧電器首頁(yè)靜態(tài)頁(yè)面：框架搭建、頭部廣告、導(dǎo)航模塊、菜單模塊、商品列表樣式組、特惠商品模塊……
授課內(nèi)容：
響應(yīng)式開(kāi)發(fā)相關(guān)知識(shí)點(diǎn)：媒體查詢、子元素選擇、彈性盒模型、bootstrap、現(xiàn)場(chǎng)用JQ官網(wǎng)整站布局演示響應(yīng)式開(kāi)發(fā)過(guò)程……
授課內(nèi)容：
現(xiàn)場(chǎng)開(kāi)發(fā)uehtml官網(wǎng)響應(yīng)式靜態(tài)頁(yè)面：整站布局、頭部菜單響應(yīng)式設(shè)置、最新消息模塊變化、內(nèi)容模塊四三二響應(yīng)式變化……
授課內(nèi)容：
CSS3美化樣式、自定義字體圖標(biāo)、濾鏡設(shè)置、CSS3選擇器、transform 2D轉(zhuǎn)換、新增表單控件、valid表單驗(yàn)證、表單樣式美化……
授課內(nèi)容：
touch事件講解、移動(dòng)端彈窗模糊效果、移動(dòng)端JS效果演示：圖片輪播、導(dǎo)航吸附、下拉菜單、總結(jié)回顧……
針對(duì)人群：
如果你完全不熟悉移動(dòng)端布局、只做過(guò)PC端的頁(yè)面，JS也沒(méi)太多基礎(chǔ)……這套課程就是為你們量身定做的！講師在課程中會(huì)特別細(xì)致入微的講解 移動(dòng)端布局 要注意的所有 適配問(wèn)題，框架搭建、樣式編寫……手把手教會(huì)大家如何 從零開(kāi)始寫移動(dòng)端項(xiàng)目、直至完整做出移動(dòng)端的頁(yè)面、適配所有手機(jī)屏幕為止！
小測(cè)試：
如果能獨(dú)立完成 淘寶首頁(yè) 其中一處小結(jié)構(gòu)，即可報(bào)名該課程（浮動(dòng)、定位、簡(jiǎn)單的布局一定要非常熟悉）
課程目錄
1HTML5移動(dòng)端布局實(shí)戰(zhàn)開(kāi)發(fā)課程
1-移動(dòng)端布局、適配
2-移動(dòng)端蘇寧案例
3-響應(yīng)式、彈性盒模型
4-偽類選擇器、bootstrap柵格化及響應(yīng)式工具
5-屬性選擇器、濾鏡、transform
6-移動(dòng)端JS入門及案例
7-練習(xí)解答
| 
[復(fù)制鏈接]
發(fā)表于 2019-8-11 00:55:41
收藏