《Hello,移動WEB》是慕課網提供的慕課課程,授課老師是碧仔。
基本介紹
- 中文名:Hello,移動WEB
- 提供方:慕課網
- 類別:慕課
- 授課老師:碧仔
課程簡介,課程大綱,
課程簡介
在新的移動網際網路的浪潮中,移動web的份額將會逐漸超越PC端。身為Web前端工程師您,更應該站在時代和技術的最前緣,擁抱移動web所帶來的變革。課程介紹移動web的開發基礎,高效的排版布局,常見的移動web問題,終端觸摸互動,各種bug坑如何解決等多方面。
課程大綱
第1章 課程介紹
本章對課程進行基本介紹,給出學習建議,讓您更好理解課程能學到什麼,如何學習。
1-1 課程介紹 (03:21)
第2章 移動Web的基礎知識
本章深入了解移動web基礎知識,搞清楚像素轉換,viewport,縮放等重要問題,是移動web開發必要且重要的一步!
2-1 pixel像素基礎 (11:09)
2-2 Viewport視圖 (08:36)
2-3 Viewport_Meta標籤 (10:13)
2-4 Viewport_coding (06:09)
第3章 高效的移動web布局
移動設備上有著不同尺寸不同解析度,使用高效的彈性布局或回響式布局,開發出高效簡潔且兼容性強的頁面是我們這章要學習的內容。
3-1 章介紹 (02:21)
3-2 Flexbox彈性盒子布局 (07:48)
3-3 Flex彈性盒模型 (09:59)
3-4 回響式設計 (16:13)
3-5 移動web特別樣式處理 (13:14)
第4章 終端互動最佳化
本章我們學習如何使用JS實現移動設備上的互動事件,使用觸摸或滑動或手勢來觸發事件,並總結常見移動端的互動方式。
4-1 章介紹 (00:56)
4-2 Tap基礎事件 (10:44)
4-3 觸摸touch (17:45)
4-4 課程總結 (02:24)