================================學習階段==========================javascript
一、通讀w3school的HTML、XHTML、HTML五、CSS、CSS三、TCP/IP、Javascript、AJAX教程,其中的實例至少寫一遍!css
作到對html、css、js有個大概的瞭解html
二、反覆閱讀經典書籍,而且實現書中的每個例子。書籍清單以下:前端
HTML+CSS:01Head First HTML與CSS、XHTML中文.pdf >> 02[W3Cfuns]CSS權威指南《第3版》.pdf >> 03精通CSS高級Web標準解決方案.pdfjava
Javascript :01head first javascript 中文版.pdf >> 02JavaScript權威指南(第6版)(中文版).pdf >> 03[高性能JavaScript編程]中英對照版.pdfgit
HTML5 :HTML5祕籍.PDFgithub
HTTP :HTTP權威指南》中文版.pdfweb
三、 ①有以上基礎後,就能夠利用搜索引擎,查詢各類教程、Demo,瞭解各類功能的實現方法和常見功能的實現方法。 編程
百度前端技術學院:一些入門的項目,按部就班 segmentfault
②閱讀前端大牛的博客、文章提高對知識理解。
牛人博客推薦幾個:湯姆大叔的博客 阮一峯的博客 張鑫旭的博客
四、前端技能彙總 : 詳細記錄 了前端工程師牽涉到的各方面知識,對前端有個總體框架。
五、學習知識必定要深挖(是什麼?爲何?怎麼用?優缺點?造輪子!)
==========================附錄1===============================
瀏覽器:谷歌瀏覽器、火狐瀏覽器(插件:firebug)
文本編輯工具:webstorm(推薦用10版本,註冊碼以下) 、 sublime
1
2
3
4
5
6
7
|
UserName:William
===== LICENSE BEGIN =====
45550-12042010
00001SzFN0n1bPII7FnAxnt0DDOPJA
INauvJkeVJBuE5bqLEznccE4tet6tr
RiyoMxDK8oDY93tx!ipPyGmqYYeWxS
===== LICENSE END =====
|
FIS3 :前端自動化工具
less css :優秀的CSS預處理器 (http://lesscss.cn/ http://less.bootcss.com/)
Node.js : JavaScript也能夠作後臺,前端工程師地位更上一步
AnjularJs :作Single Page Application的好工具
github :沒啥好說的,多閱讀別人的源碼,多上傳本身的源碼,向世界各地的大牛學習
============================不錯的前端網站===========================
百度FEX : 每週更新一次技術週刊
w3ctech : 前端技術社區
w3cfuns : 前端開發綜合性網站
segmentfault 和 stackoverflow : 基本上各類問題都能在上面得到解答
前端亂燉 : 一個前端文章分享的社區,有不少優秀文章