第一步:bowerphp
http://blog.fens.me/nodejs-bower-intro/ bower解決js的依賴管理css
第二步:githtml
http://download.tortoisegit.org/tgit/1.8.11.0/ tortoisegit相關版本下載前端
http://blog.csdn.net/renfufei/article/details/41647937 TortoiseGit安裝與配置html5
http://www.512876.com/2013a/0605/1.html git/github環境配置 建立密鑰和設置用戶信息node
第三步:Bootstrapjquery
http://www.bootcss.com/ Bootstrap開發中文文檔git
http://codeguide.bootcss.com/ 編寫靈活、穩定、高質量的 HTML 和 CSS 代碼的規範。github
第六步:適配web
http://www.tuicool.com/articles/7N7bAfu 移動端H5頁面之iphone6的適配
http://www.aspcms.com/aspcms-12802056-1-1.html 解惑好文:移動端H5頁面高清多屏適配方案
http://www.mamicode.com/info-detail-516462.html 淺談h5移動端頁面的適配問題
https://offroadcode.com/prototypes/rem-calculator/ 這裏是一個小工具來計算你須要爲你的CSS REM大小
http://www.th7.cn/web/html-css/201503/89533.shtml webapp新體驗Rem實現移動端網頁適配詳解資源
http://www.mamicode.com/info-detail-449934.html wap手機端頁面根據dpr和寬度計算出font-size對應數值
http://isux.tencent.com/web-app-rem.html 騰訊ISUX:web app變革之rem(解釋的最精闢了)
第七步:apache服務器設置
http://www.cnblogs.com/ihardcoder/p/3511758.html Nodejs學習筆記-Apache反向代理集成實現
http://blog.sina.com.cn/s/blog_8155e74d0101b7ms.html apache 虛擬機配置(不一樣端口)
第八步:sass安裝(依賴Ruby)
http://www.imooc.com/code/6389 安裝sass說明
第九步:js
http://blog.csdn.net/shenzhennba/article/details/5853566 JS模擬實現圖片添加水印功能
http://www.oschina.net/project/tag/335/web-player 共有23款 Web多媒體播放器開源軟件
http://www.baidufe.com/fehelper 前端助手
第十步:bootstrap研究對象
http://www.hr-soft.cn/company.html
第十一步:html5練習
http://m.nanhutravel.com/mb/ztList?admId=100723&userId=10008572&deptId=325&from=timeline&isappinstalled=0 南湖國旅
http://www.niaogebiji.com/article-5381-1.html APP及微信公衆號開發和管理工具集合
第十二步:jquery Mobile
http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移動開發中的日期插件Mobiscroll 2.3 使用說明
http://download.mobiscroll.com/trial#/datetime/animation/ua-theme/zh/jquery mobiscroll日期控件設置
http://blog.okbase.net/haobao/archive/1262.html 經過userAgent判斷手機瀏覽器類型
http://style.org.hc360.com/js/source/core/jquery.mobile.js
http://code1.okbase.net/codefile/common.js_2014101427424_8.htm
http://code.taobao.org/p/netkiller/src/
http://www.it165.net/pro/html/201405/13278.html
http://www.thinkphp.cn/extend/499.html 手機訪問pc網站自動跳轉手機端網站代碼
http://www.runoob.com/jsref/obj-navigator.html
第十三步:phongap
http://www.phonegap100.com/ phonegap學習視頻
第十四步:
http://www.runoob.com/sitemap 全部前端須要學習的教程
第十五步:
http://tool.css-js.com/ js解壓,與gulp同樣的效果