2015年移動Web／HybridApp開發技能列表，webhybridapp

2015年移動Web／HybridApp開發技能列表，webhybridapp

     2014年使用HTML5開發全平台HybridApp一年時間，最近幾個月完成了一個HTML5單頁面應用的項目，在移動Web開發方面積累了比較全面的經驗。項目中發現一些Web前端工程師在轉到移動端開發會遇到很多技能方面的問題，在此把移動Web開發方面需要的技能整理下。

     HTML5方面，熟悉HTML5提供的新特性，包括localStorage， data屬性，各種移動端特有的meta屬性，各種新element，各種新的input type在移動端的適配情況。

     CSS3方面，熟悉flex彈性布局，熟悉CSS3動畫，在移動端動畫基本上靠CSS3了，做的好不比原生的動畫效果差

     SASS or LESS，大規模的手寫css實在太累了！

     javascript方面，需要精通。前後端完全分離，伺服器端只提供介面了，大量的商務邏輯需要前端js實現。

     Git版本管理，現在前端不是只切圖做靜態頁面了，需要負責維護模版，所以需要提交代碼到git了。

    gulp／grunt構建工具，實現各種自動化任務，避免重複勞動，比如自動壓縮css，js，檢查代碼缺陷，補救伺服器等。

    各種移動端開發架構，ionic framework， Reapp， Jquery mobile，Zepto.js,  Appcan 等至少選一個。

    熟悉各平台行動瀏覽器的差異，包括android平台各系統版本瀏覽器的變化情況，iOS平台相對比較容易適配。最好對Webkit核心有一定的瞭解。

   如果是做Hybrid App，還需要熟悉Cordova架構及其常用外掛程式，熟悉Android或iOS原生開發，這一塊一般的前端開發基本沒有經驗。Android上Hybrid App坑比較多，特別是低端機。

   如果做應用，需要熟悉平台的各種文檔，jssdk提供的介面，至少熟悉一種伺服器端語言，如php，nodejs，jsp等。  目前開發坑比較多，包括各種回調喝伺服器限制，文檔錯誤等。