Web前端開發推薦閱讀書籍、學習課程下載

轉自http://www.xuanfengge.com/fe-books.html

前言

學校裏沒有前端的課程，那如何學習JavaScript，又如何使本身成爲一個合格的前端工程師呢？

除了在項目中學習和跟着有經驗的同事學習，讀書也是必不可少的。書中有着相對完整的知識體系，每讀一本好書都會帶來一次全面的提升。

而若是深一腳淺一腳的學習，寫出代碼的質量會良莠不齊。初學者的首要任務是成爲靠譜的熟練開發者，可以穩定的輸出有必定質量的代碼。

前端技術發展速度特別快，老是涌現出不少新的東西，須要不斷的學習。

本文將主要分享Web前端開發推薦書籍、學習課程資源。電子書籍：H五、CSS、JS、Node、HTTP、jQuery等經典推薦書籍。前端相關視頻教程：JS、SEO、AJAX、jQuery、AngularJs、HTML五、ionic、PS等優質教程。

但願這些學習資源，可以讓讀者知識技術有進一步積累提高。

20151028更新

1. 極客學院系列視頻

• 知識體系圖：Android開發、Cocos2d-x遊戲開發、IOS開發、Swift語言、HTML5開發、Java語言、PHP語言、計算機二級、web前端開發、Python等
• 實戰路徑圖：Android路徑圖、IOS路徑圖、Cocos2d-x路徑圖、HTML5路徑圖等

2. angularjs+ionic視頻教程

• phonegap + Angularjs + ionic 移動app開發
• ionic項目簡介以及Angularjs 基礎
• 手機 app 開發的幾種方式 ionic 學習思路
• ionic css佈局介紹
• ionic ion-tap選項卡以及高級路由
• ionic動態組件等

20150601更新

新增如下視頻教程及資料：

• 妙味2014遠程課堂jQuery視頻教程
• Javascript視頻教程大合集
• 前端教程系列——html5，css3，web mobile
• 前端教程系列——javascript
• 前端相關視頻教程 – 燕十八
• JSP視頻教程 – 韓順平

20150510更新

新增：HTML5語言工程師-極客學院視頻教程，目錄爲

• HTML5基礎
• CSS3基礎
• JavaScript基礎
• HTML5新特性基礎
• 響應式佈局
• jQuery基礎
• jQuery UI基礎
• jQuery Mobile基礎
• CreateJS基礎
• TypeScript基礎

20150208更新

• Ajax視頻教程-傳智播客
• SEO課程-李俊超
• IT面試之2015屆校招騰訊校招筆試面試大禮包
• 傳智播客PHP培訓 站在java的高度講解PHP
• 傳智播客PHP視頻教程 李東超 LAMP經典入門
• PHP程序員玩轉算法公開課等系列視頻教程

20150119更新

本次更新新增文檔及視頻：

• Angular視頻教程（英文版）
• Git系列書籍

20141208更新

本次更新新增視頻和文檔：

• Node系列書籍
• PS教程：平面設計、AI、候老師系列
• HTML+CSS教程-PHP兄弟連
• JS視頻教程-智能社
• 產品經理系列
• 前端參考手冊系列
• 微信公衆平臺開發

20140105更新

首批更新：

• HTML5書籍
• CSS書籍
• jQuery書籍
• web前端-FE書籍
• JavaScript書籍
• 名站文檔
• wordpress資料
• 書籍源碼

 

學習路線

大部分技術，熟讀下列四類書籍，就是一個很好的學習提高

• 入門，用淺顯的語言和方式講述正確的道理和方法
• 全面，鉅細無遺地探討每一個細節，遇到疑難問題時每每能夠在這裏獲得理論解答
• 實踐，結合實際中常常遇到的情景環境，來描述如何設計和解決問題
• 深刻，講解一些文化，思路，甚至於哲學上的東西，真正作到深刻一種語言去編程，如unix編程藝術，程序員修煉之道等等

接下來介紹的這些書籍，無法說這是前端學習最優路線，但真看進去了得到一個IT民工從業資格是沒啥問題的。

書籍閱讀次序推薦

第一批次

入門級，也適合想掌握一些前端技能的非前端工程師 <JavaScript Dom編程藝術>。

第二批次

成爲一名合格的前端工程師 <JavaScript高級程序設計>(或<JavaScript權威指南>) <精通JavaScript>。

第三批次

更優秀的代碼，更優良的設計 <JavaScript語言精粹> <JavaScript設計模式>。

第四批次

從語言細節到複雜工程實踐，想開發靠譜的各種底層代碼，應該看看 <Secrets of the JavaScript Ninja> <JavaScript Patterns> <ECMA-262 in Detail> 應該重視跟蹤閱讀一些大牛們的Blog了。

番外篇

各種專題書籍，讀好第二批次書籍以後，有精力就接觸下

• <高性能網站建設指南>
• <高性能網站建設進階指南>
• <高性能JavaScript>
• <Ajax實戰>
• <JQuery實戰>
• <精通CSS>(或<CSS權威指南>)
• <正則表達式必知必會>(或<正則表達式權威指南>)
• <HTML5與CSS3權威指南>
• <NodeJS開發指南>
• <深刻淺出Node.js>
• <鋒利的jquery>

找書技巧

關於一個主題的書不少，那咱們怎麼找到一本合適咱們閱讀的書呢？由於適合本身的纔是最好的。下面是一些些小技巧：

1. 在各大圖書網（如噹噹、亞馬遜、京東等）上搜索關鍵詞，如jQuery，能夠選擇按照銷量或好評排序，通常排在前面的就是很搶手的好書，值得閱讀。
2. 若是想看一本書的評價怎麼樣，那就去豆瓣讀書搜索吧，那裏的評論仍是值得參考的。
3. 免費下載IT電子書的網站：http://it-ebooks.info/

電子書籍目錄

好書這麼多，對於學生來講，不必都買下來，選擇一些很值得買的書就行了。下面列出的是一些電子書籍的清單，單純的一個分享，推薦你們仍是去買正版書籍，畢竟電子書可能不會像是紙質書籍那麼珍重。 如下是分享的電子書書籍列表（排名不分前後）：

Javascript系列

• [JavaScript.DOM高級程序設計]（加）桑貝斯.掃描版
• [高性能JavaScript編程].(High.Performance.JavaScript).Nicholas.C.Zakas
• IE和Firefox的Javascript兼容性總結
• JavaScript+DOM編程藝術
• javascriptDOM編程藝術 第二版
• JavaScript高級程序設計(第2版)
• JavaScript腳本特效編程給力起飛
• JavaScript面向對象高級編程
• JavaScript模式.Stoyan Stefanov.掃描版
• javascript權威指南第六版
• JavaScript設計模式
• javascript語言精粹
• js常見算法實現彙總
• 精通JavaScript
• 面向對象的JavaScript基礎
• 深刻淺出JavaScript
• JavaScript框架高級編程
• JavaScript寶典(第7版)
• JavaScript異步編程
• JavaScript開發技術大全

jQuery系列

• [jQuery攻略].(印)哈瓦尼.掃描版
• [jQuery基礎教程]
• 《Web開發典藏大系：jQuery網頁開發實例精解》掃描版
• 《鋒利的jQuery》高清掃描PDF帶書籤目錄完整版+源碼
• jquery1.8.2_20121105.chm
• jQuery權威指南
• jquery源碼_詳細中文註釋
• jquery源碼分析
• 經常使用JS框架比較
• jQuery技術內幕：深刻解析jQuery架構設計與實現原理
• jQuery攻略
• 犀利開發 jQuery內核詳解與實踐

HTML5系列

• 《HTML 5 從入門到精通》-中文學習教程
• HTML 5用戶指南
• HTML5 Canvas基礎教程
• HTML5+CSS3在觸屏網站上的實踐
• HTML5參考手冊.chm
• HTML5參考手冊-W3CSchool版.chm
• HTML5程序設計（第2版）
• HTML5高級程序設計
• HTML5開發精要與實例詳解
• HTML5移動Web開發指南
• HTML5移動開發即學即用
• HTML5與CSS3權威指南
• The Definitive Guide to HTML5 Video
• 響應式Web設計：HTML5和CSS3實戰
• HTML5遊戲開發(全)
• HTML5 CANVAS遊戲開發實戰
• HTML5與CSS3設計模式【2013第1版】
• Head First HTML5 Programming（中文版）
• HTML5_Canvas_2D_API_規範_1.0_中文版
• HTML5貪吃蛇程序

CSS系列

• [CSS參考手冊(第3版)].(CSS.Pocket.Reference.3rd.Edition).Eric.A.Meyer.文字版
• [變幻之美-DivCSS網頁佈局揭祕-案例實戰篇].(金峯)
• CSS3參考手冊.chm
• CSS參考手冊.chm
• CSS3學習必備書籍《CSS3 實戰》
• CSS禪意花園
• CSS權威指南 第3版
• HTML與CSS入門經典（第8版）
• 精通CSS：高級Web標準解決方案(第2版)
• 移動端開發最佳實踐
• 《Sass和Compass設計師指南》
• CSS3實戰：開發與設計迷你書
• 《高流量網站CSS開發技術》迷你書
• CSS網站佈局實錄 （第二版）
• CSS Web設計高級教程 第2版

web前端-FE

• 《HTTP權威指南》高清中文版
• Ajax實戰
• AJax與PHP基礎教程
• Ajax中文手冊
• W3School全套教程.CHM
• web前端標準在各瀏覽器中的差別
• Web前端開發規範手冊
• 編寫高質量代碼-Web前端開發修煉之道
• 高性能網站建設進階指南+WEB開發者性能優化最佳實踐
• 構建高性能web站點
• 網頁設計配色
• 正則表達式
• 正則表達式系統教程.CHM
• IE11 白皮書
• 谷歌搜索引擎優化初學者指南
• Web前端黑客技術揭祕
• 移動應用UI設計模式
• 構建高性能web站點
• Web開發祕方
•  衆妙之門 網站UI設計之道
• 好玩的數學-數學演義
• SEO藝術
• SEO必知必會51技
• 《微信公衆平臺應用開發實戰》
• Git權威指南

Node系列

• NodeJS中文文檔
• Node.js開發指南
• Node入門一本全面地Node.js教程
• [Wrox] Professional Node.js(node高級編程)
• MongoDB權威指南
• Smashing+Node.js+JavaScript+Everywher
• Node,+Up+and+Running
• Node.js入門經典源代碼
• 深刻淺出Node.js
• Node.js+開發指南
• Node.js v0.10.18 手冊 &amp; 文檔
• AngularJS入門教程-v1.01-20130527
• 《Node+Web開發》
• 深刻淺出node.js2
• Node.js入門手冊
• Node+Web開發
• Node.js實戰
• Node入門

名站文檔

• Google Android開發入門與實戰
• 百度、淘寶、網易、搜狐前端開發面試題集錦
• 百度官方seo優化指南
• 百度前端基礎平臺與架構分享
• 百度搜索引擎優化指南
• 產品設計與用戶體驗–馬化騰
• 人人FED-CSS編碼規範
• 搜狐WEB標準_前端技術應用規範

WordPress

• 12個wordpress_經典安全技巧
• WordPress-FAQ_常見問題解答
• WordPress安裝及遷移教程
• WordPress高級教程
• WordPress完整解讀
• 史上最經典的WordPress_主題教程
• WordPress中文徹底教程
• WordPress 主題教程

產品系列

• 《YES！產品經理》1-33問
• [引爆流行].馬爾科姆·格拉德威爾.掃描版
• 《人人都是產品經理》電子書
• 欺騙的藝術（中文）
• 《誰說菜鳥不會數據分析》
• 長尾理論（亞馬遜暢銷書榜經管類第一名）
• 《Facebook效應》中文完整版

源碼系列

• 《HTML5+Canvas+遊戲開發實戰》源碼
• 《微信公衆平臺應用開發實戰》源碼
• AJax與PHP基礎教程源碼
• Google Android開發入門與實戰代碼
• HTML 5開發精要與實例詳解 源碼
• HTML+5與CSS+3權威指南(第2版)代碼清單(1)
• HTML5 Canvas基礎教程源碼
• HTML5與CSS3權威指南代碼清單
• JavaScript DOM編程藝術(第2版)-源代碼
• JavaScript 高級程序設計(第三版)源碼
• JavaScript高級程序設計(第3版).文字版英文+源碼
• jquery權威指南（第2版）示例源代碼
• jQuery權威指南-配套源代碼
• 響應式Web設計：HTML5和CSS3實戰代碼
• 編寫高質量代碼-源代碼
• 犀利開發 jQuery內核詳解與實踐——源碼
• jQueryMobile源碼

參考手冊

• Ajax 中文幫助文檔
• Ajax-XMLHTTP
• CSS2.0樣式表中文手冊
• CSS2中文手冊
• css3.0參考手冊(Tencent ISD webteam)
• CSS參考手冊版本：v3.4.0
• css樣式表濾鏡中文手冊
• CSS中文徹底參考手冊
• DOM文檔對象模型
• Dreameaver 8.0官方教程
• Ext 中文文檔
• html5參考手冊
• JavaScript實例特效300例
• JavaScript秀網頁特效(CHM)
• Mootools v1.11 文檔中文版
• 配色大辭典

Git書籍

• [中文].Pro Git
• 看日記學git
• Git Community Book 中文版
• Git權威指南

前端教程系列-HTML五、CSS三、mobile

• Oreilly.Canvas.Pocket.Reference
• The Book of CSS3
• O’Reilly.HTML5.Up.and.Running
• Building.Android.Apps.with.HTML.CSS.and.JavaScript).Jonathan.Stark.文字版
• Pro.Android.Web.Apps.Develop.for.Android.using.HTML5,.CSS3.&.JavaScript
• HTML5高級程序設計
• css3_for_web_designers
• Beginning iPad and iPhone Apps with HTML5 CSS3 and JAVAScript
• Apress.Pro.HTML5.Programming.Sep.2010
• The.Definitive.Guide.to.HTML5.Video
• Building.iPhone.Apps.with.HTML,CSS,and.JavaScript(O’Reilly.2010-01)
• HTML5_CSS3
• HTML5移動Web開發指南

前端教程系列-JavaScript

• 1.1 JAVASCRIPT從入門到精通 視頻實戰版
• 1.10 CSS&javascript動態網頁設計與製做
• 1.11 JScript中文參考手冊
• 1.12 JavaScript語言參考手冊
• 1.13 JavaScript客戶端驗證和頁面特效製做
• 1.14 JavaScript語言精粹
• 1.15 [JavaScript開發技術大全].劉智勇.掃描版
• 1.16 JavaScript設計模式
• 1.17 JavaScript王者歸來
• 1.18 精通JavaScript(圖靈計算機科學叢書)
• 1.19 [高性能JavaScript編程].(High.Performance.JavaScript).Nicholas.C.Zakas.中英對照版
• 1.21 程序員經常使用JavaScript特效
• 1.22 動態語言精髓
• 1.23 實用JavaScript網頁特效編程百寶箱
• 1.25 JavaScript.DOM高級程序設計
• 1.26 JavaScript&DHTML.Cookbook_中文版_第2版[www.TopSage.com]
• 1.27 JavaScript捷徑教程[www.TopSage.com]
• 1.28 JavaScript實戰[www.TopSage.com]
• 1.3 [JavaScript學習指南].（美）鮑爾斯.掃描版
• 1.5 JavaScript高級程序設計(第2版)@
• 1.6 Wiley.JavaScript.Bible,7th.Edition
• 1.7 JavaScript寶典(第6版)
• 1.8 JavaScriptT入門經典(第3版)
• 1.9 JavaScript與JScript從入門到精通((美)James.Jaworski
• backbonetutorials
• JavaScript權威指南
• javascript設計模式
• javascript王者歸來
• Maintainable.JavaScript
• Manning.Secrets.of.the.JavaScript.Ninja.Nov.2009
• Object-Oriented JavaScript
• Pro JavaScript Techniques
• [JavaScript.程序員參考].JavaScript.Programmer’s.Reference
• [ppk談JavaScript].（荷）科克.掃描版
• [悟透JavaScript].李戰.文字版

視頻教程目錄

PS教程

• Adobe.Photoshop.CS6攝影師教程人像修飾
• PS-Ai基礎班YY上課錄像
• 侯老師Ps教程
• 影樓數碼PS數碼照片處理
• 平面設計教程

HTML+CSS視頻教程-PHP兄弟連課程

• HTML與CSS概述及HTML語言語法
• HTML的主體結構
• HTML經常使用標籤（上）
• HTML經常使用標籤（下）
• HTML的表格標籤
• HTML窗口分幀技術
• HTML表單的設計應用
• 層疊樣式表CSS的基礎
• CSS的多種選擇器的使用
• 常見的CSS屬性和值
• DIV.CSS標準化網頁部局準備工做（上）
• DIV.CSS標準化網頁部局準備工做（下）
• DIV.CSS佈局網站首頁實例

JS視頻教程-智能社

• 01 – 初探javascript魅力 – 1
• 02 – 初探javascript魅力 – 2
• 03 – 初探javascript魅力 – 3
• 04 – 初探javascript魅力 – 4
• 05 – 初探javascript魅力 – 5
• 06 – javascript基礎 – 1
• 07 – javascript基礎 – 2
• 08 – 深刻javascript
• 8-妙味課堂原創【JavaScript專題課程視頻】正則表達式-火星文2
• 09 – 定時器的使用 – 1
• 10 – 定時器的使用 – 2
• 11 – dom基礎
• 12 – dom操做應用
• 13 – dom操做應用高級 – 1
• 14 – dom操做應用高級 – 2
• 15 – js運動基礎 – 01
• 16 – js運動基礎 – 02
• 17 – js運動應用 – 01
• 18 – js運動應用 – 02
• 19 – js運動中級
• 正則表達式-火星文1
• 20 – JS事件基礎
• 21 – JS事件中級
• 22 – JS事件高級應用 – 01
• 23 – JS事件高級應用 – 02
• 24 – Ajax基礎
• 25 – Ajax中級
• 26 – JS面向對象基礎 – 01
• 27 – JS面向對象基礎 – 02
• 28 – JS面向對象實例
• 29 – JS面向對象高級
• 30 – BOM應用
• 31 – COOKIE基礎與應用
• 32 – JS中的正則表達式

AngularJS視頻教程（英文版）

• AngularJS – 01 Binding
• AngularJS – 02 Controllers
• AngularJS – 03 The Dot
• AngularJS – 04 Sharing Data Between Controllers
• AngularJS – 05 Defining a Method on the Scope
• …總共41集

SEO課程-李俊超

• 搜索引擎與SEO
• 主機、域名及URL對SEO的影響
• 網站結構與關鍵字的選擇
• 頁面內容及細節優化
• SEO工做計劃與效果監測

AJAX視頻教程-傳智播客

第一部分

• Ajax是什麼
• Ajax原理圖
• 無刷新驗證用戶名
• 返回XML如何處理
• 返回JSON如何處理
• 省市聯動實例
• 黃金價格實時圖實例
• 階段小結
• WEB版QQ多人聊天，帶離線留言功能

第二部分

• AJAX概述與IntelliJ安裝
• 使用IntelliJ開發Web項目
• 用IntelliJ部署Web項目
• 準備AJAX服務器端環境
• 準備AJAX客戶端程序環境
• 使用FireBug調試javascript
• JQuery的應用與高級調試技巧
• JQuery的總結與簡化調用
• 各類Ajax框架的對比介紹
• 各類Ajax框架的對比介紹
• 使用XHR對象發送和接受數據
• 瀏覽器窮盡測試與工具漫談
• 爲學員調試錯誤與XHR深刻講解
• 利用XHR接受與處理XML數據
• 點評學員問題與JQuery處理XML數據
• 解決XHR與圖片緩存問題
• 解決Ajax中文亂碼與跨域訪問
• DOM模型與DOM.API
• 導入外部工程的問題及要完成的各類Ajax效果演示
• 實現淡入淡出.引出FireBug調CSS
• 可收縮展開的級聯菜單與局部刷新
• 答疑學員問題與用IE8分析可滾動表格
• 實現可編輯的表格
• 完成後臺模擬股票漲跌的功能
• 將股票信息組裝成JSON格式
• 用紅綠色實時顯示股票價格的漲跌
• 用Tooltip窗口顯示股票詳細信息
• JQuery的JSON支持
• 實現仿GoogleSuggest自動補全的雛形
• 完善仿GoogleSuggest的各類按鍵處理
• 實現仿GoogleSuggest自動補全的功能

HTML5語言工程師-極客學院

• 第1階段 HTML5開發前準備
• 第2階段 HTML5基礎
• 第3階段 CSS3基礎
• 第4階段 JavaScript基礎
• 第5階段 HTML5新特性基礎
• 第6階段 響應式佈局
• 第7階段 jQuery基礎
• 第8階段 jQuery UI基礎
• 第9階段 jQuery Mobile基礎
• 第10階段 CreateJS基礎
• 第11階段 TypeScript基礎
• 第12階段 實戰開發教程

JavaScript視頻教程大禮包

• 01.李炎恢JavaScript視頻教程[Avi版]
• 02.妙味課堂javascript視頻
• 03.智能社javascript系列視頻
• 04.北京聖思園_深度探索javascript_(1-64)
• 05.張孝祥_JavaScript視頻_(1-73)
• 06.後盾網_嶽英俊_Javascript_(1-40)+源碼
• 07.LAMP兄弟連_JavaScript視頻教程_(1-21)
• 08.JavaScript基礎視頻教程_(1-39)+源碼
• 09.馬士兵_JavaScript視頻.第1-12講.（全）
• 10.javascript –嶽英俊
• 11.瘋狂軟件_李剛_javaScript_(1-14)
• 12 .Js專題_JS庫_JS對象_DOM_(1-9)
• 13.21天學通JavaScript_(1-21)
• 14.JavaScript視頻教程
• 15.北風網JavaScript視頻課程
• 16.黑馬程序員_畢向東_JavaScript視頻教程
• 17.angularjS視頻教程_1-41(英文)
• 18.【尚硅谷】【佟剛Javascript視頻教程】
• 19.尚學堂白鶴翔（javascript 1-17集）
• 20.javascript視頻[亞當學院]

前端相關視頻教程-燕十八

• 燕十八－javascript
• ①HTML[2014新版]
• ②PHP3小時光速入門[2014新版]
• ③PHP基礎鞏固[2014新版]
• ④ 談笑間學會Javascript
• ⑤ MySQL輕快掌握[2014新版]
• ⑥ PHP面向對象視頻教程 (30集全)
• ⑦ 布爾商城PHP實戰視頻程 (70集全)
• ⑧smarty3超級教程
• ⑨XML
• ⑩HTTP協議
• ⑪Ajax完全研究
• ⑫郵件發送
• ⑬Javascript高級
• ⑭jQuery實戰經典
• ⑮MySQL高級
• ⑯WebService

JSP視頻教程 – 韓順平

• jsp運行原理分析.page指令詳解
• include指令.腳本元素.動做元素
• jsp九大內置對象.jsp版本計算器
• model1模式.用戶管理系統(model1模式)
• 用戶管理系統(mvc版本)
• mvc.web-service.web-service-dao介紹
• mvc版本.購物車項目
• 防止用戶從新刷新頁面
• 信息供求網項目

jQuery視頻教程-妙味遠程課堂

初級

• 01. jQuery簡介
• 02. jQuery設計思想之選擇元素
• 03. jQuery設計思想之寫法
• 04. jQuery設計思想之原生關係和鏈式操做
• 05. jQuery設計思想之取值和賦值
• 06. jQuery方法之filter not has
• 07. jQuery方法之next prev find eq index attr
• 08. jQuery編寫選項卡
• 09. jQuery方法之屬性操做
• 10. jQuery方法之DOM操做
• 11. jQuery方法之事件操做和scrollTop
• 12. jQuery編寫彈窗
• 13. jQuery方法之事件細節
• 14. jQuery方法之位置操做
• 15. jQuery方法之offsetParent val size each
• 16. jQuery編寫拖拽
• 17. jQuery方法之hover和簡單動畫

高級

• 01. jQuery基礎的擴展(上)
• 02. jQuery基礎的擴展(下)
• 03. jQuery-DOM操做
• 04. jQuery-DOM操做和數據操做
• 05. jQuery中的運動
• 06. jQuery事件操做
• 07. jQuery的工具方法
• 08. jQuery的工具方法和ajax
• 09. jQuery的插件操做

phonegap第三季 angularjs+ionic視頻教程

• 01 phonegap + Angularjs + ionic 移動app開發
• 02 ionic項目簡介以及Angularjs 基礎
• 05 Angularjs MVC 以及 $scope做用域 Angularjs模塊的run方法 以及依賴注入中代碼壓縮問題
• 06 Angularjs $scope裏面的$apply方法 和 $watch方法
• 07 Angularjs 工具方法 以及angularjs中使用jquery
• 08 Angularjs 事件指令 input相關指令 和樣式指令 DOM操做指令詳解
• 11 Angularjs filter過濾器以及自定義filter過濾器 詳解
• 12 Angularjs自定義服務 provide裏provider方法 以及factory、service方法
• 13 Angularjs自定義服務 provide 供應商詳解
• 14 Angularjs 經常使用服務 $http $location $cacheFactory $interpolate $timeout $log $res服務
• 16 angularjs ngSanitize ngRoute ngAnimate插件
• 19 ngResource 數據交互插件
• 21 手機 app 開發的幾種方式 ionic 學習思路以及ionic 新建的項目分析
• 22 ionic css佈局介紹
• 25 ionic css佈局介紹 grid頁面佈局
• 26 ionic js指令佈局介紹使用
• 27 ionic路由詳解
• 28 ionic ion-tap選項卡以及高級路由
• 30 ionic側邊欄ion-side-menus 以及ion-tap結合側邊欄詳解
• 31 ionic列表 ion-list 以及高性能的ng-repeat
• 32ionic表單輸入 ion-checkbox ion-radio ion-toggle ion-spinner
• 33 ionic動態組件 $ionicModal $ionicActionSheet $ionicPopup $ionicPopover $ionicLoading $ionicBackdrop 指令
• 35 ionic幻燈指令 ion-slide-box
• 36 APP產品原型設計工具(POP)詳解 實戰項目功能演示

極客學院-系列視頻

知識體系圖

• 0一、Android開發
• 0二、Cocos2d-x遊戲開發
• 0三、iOS開發
• 0四、Swift語言
• 0五、HTML5開發
• 0六、Java語言
• 0七、C語言
• 0八、PHP語言
• 0九、Egret
• 十、C#
• 十一、Bootstrap
• 十二、Unity3D
• 1三、Java Web
• 1四、計算機一級
• 1五、計算機二級
• 1六、WatchKit開發
• 1七、GUI
• 1八、Asp.Net
• 1九、Web前端開發
• 20、Python

實戰路徑圖

• 一、Android路徑圖
• 二、iOS路徑圖
• 三、Cocos2d-x路徑圖
• 四、HTML5路徑圖

妙味課堂-問題解答視頻

• HTML5視頻-歷史管理
• JavaScript優化-DOM
• 官網分頁特效
• 聯動下拉菜單
• firebug工具
• firebug工具
• JS中的跨域
• 閉包
• 操做iframe
• 對象引用
• 韓雪冬輪播圖
• 華爲輪播圖
• 快速排序
• 聯動日曆1
• 枚舉算法
• 妙味課堂官網百葉窗效果
• 瀑布流佈局
• 聲明與表達式
• 事件委託
• 數碼時鐘
• 網頁進度條
• 微博登陸suggest
• 微博發佈框
• 無縫切換
• 選中文字分享
• 延遲菜單

獲取方式

分享的這些資料，目的爲幫助更多想學及熱愛前端的同窗學到更多的東西。若是涉及到版權，請聯繫刪除。同時鼓勵你們購買正版書籍，閱讀起來的感受是不同的。

若是你想要獲得以上電子書籍、視頻教程資料，請關注後轉發博主 軒楓Y_me 的相關微博，轉發格式爲：百度暱稱+資料內容（部分或所有）。

微博地址：http://weibo.com/2802621552/D1Gkv5Z89

百度網盤：http://pan.baidu.com/s/1eQj4CPO

因爲分享不穩定，常常被取消分享，因此須要博主按照每日轉發一一分享，比較花時間請耐心等待。

若是對你有用，請不要吝嗇在文章或微博中轉發評論哦~

引用

寫到這，這篇文章也僅僅是一個引導的做用。若是想了解每一本書的內容簡介，請繼續閱讀如下文章：

• 說說個人web前端之路，分享些前端的好書
• 如何學習javascript
• JavaScript的那些書
• 有哪些關於前端開發技術（HTML、CSS 和 JavaScript 等）的值得推薦的書籍