程專欄連載的練手項目篇艾帐，如有興趣可以訪問前三篇：
有哪些適合新手練手的Java項目照皆？ - 學(xué)習(xí)編程 - 知乎專欄
有哪些適合新手練手的Java Web項目栈顷？ - 學(xué)習(xí)編程 - 知乎專欄有哪些適合新手練手的Python項目饥侵？ - 學(xué)習(xí)編程 - 知乎專欄
本篇文章推薦分享五篇關(guān)于前端資源匯總的帖子痊银，希望可以幫助到學(xué)習(xí)前端的你烁焙。同時你可以去看一看前端技能樹喔：前端技能
第一篇：前端收藏夾航邢，以及他們的github地址：GitHub - w3ctrain/w3ctrain.github.io: w3ctrian前端收藏夾
以下是目錄，更多信息請訪問他們的主頁：
前端工具
自動化：Gulp骄蝇、 Grunt膳殷、百度Fis、Ant九火、Yeoman赚窃、Codekit、Koala岔激、Webpack
預(yù)編譯：Slim勒极、Haml、Coffeescript虑鼎、Sass辱匿、BabelJs、Jade炫彩、Less匾七、Stylus、Pleeease江兢、PostCSS昨忆、
查找工具：CssTriggers、screensiz.es杉允、友盟指數(shù)扔嵌、javascripting、builtwith夺颤、thetoolbox痢缎、stylesheets
版本控制：Github、GitCafe世澜、GitLab独旷、Bitbucket、Sourcetree、Cornerstone嵌洼、版本控制之道案疲、ProGit、廖雪峰的git教程麻养、svn教程
編輯器：Sublime Text褐啡、Atom、HBuilder鳖昌、WebStorm备畦、MacDown、UltraEdit许昨、ace懂盐、Brackets、LightTable糕档、Visual Studio Code
在線編輯：Jsfiddle莉恼、Codepen、Jsbin速那、Runjs俐银、sassmeister
調(diào)試/測試：Firebug、YSlow端仰、IEDeveloperToolbar悉患、Fiddler、ChromeDevTools榆俺、JSLint、JSHint坞淮、CSSLint茴晋、HTML Validators、UnitJS回窘、Jasmine诺擅、BrowserStack、Testem啡直、Dalekjs烁涌、NightWatch、Hardy
部署流程：YUI Compressor酒觅、UglifyJs撮执、CleanCss、JSDoc
高效工具：Dash舷丹、奇妙清單抒钱、Omnigraffle
其它：CodeIf、H5Viewer、anvil谋币、cssmixins仗扬、JSON Server、ngrok蕾额、Glyphter早芭、CSSStats、spritegen诅蝶、placehold.it退个、MWeb、browsersync.io秤涩、kjson.com帜乞、strut.io、Reveal.js筐眷、iconverticons.com黎烈、智圖、longshadows匀谣、cubic-bezier照棋、browserhacks、tool.oschina.net武翎、Pagespeed烈炭、icomoon.io、circulus宝恶、Mock.js
博客/社區(qū)/資訊
國內(nèi)綜合：w3ctech符隙、w3cplus、w3cfuns垫毙、前端亂燉霹疫、前端觀察、segmentfault综芥、html5tricks丽蝎、騰訊ISUX、百度EFE膀藐、奇舞團(tuán)屠阻、淘寶UED、前端里额各、div.io国觉、慕課網(wǎng)、Codecademy虾啦、極客標(biāo)簽蛉加、InfoQ中國蚜枢、WEB前端開發(fā)、前端開發(fā)博客针饥、愛奇舞——H5.vc厂抽、看云、匯智網(wǎng)丁眼、伯樂在線
國外綜合：tutsplus筷凤、CSSAnimation、TeamTreehouse苞七、SmashingMagazine藐守、CodyHouse、Echojs蹂风、Codeschool卢厂、codewars、Html5Rocks惠啄、SpeakerDeck慎恒、Alistapart、Lynda撵渡、DigitalTutors融柬、Ponyfoo.com、tutorialzine
前端資訊：CSS-Tricks趋距、WebDesignerNews粒氧、FrontEndFont、Sidebar.io节腐、DesignerNews
問答社區(qū)：StackOverflow外盯、Quora、知乎
每日鮮：稀土掘金翼雀、開發(fā)者頭條饱苟、極客頭條、開發(fā)頭條
前端大牛：Hugo Giraudel锅纺、Philip Walton、David Walsh肋殴、Sara Soueidan囤锉、Paul Irish、玉伯护锤、廖雪峰官地、阮一峰、勾三股四烙懦、張鑫旭驱入、余果、Sofish、糖餅亏较、Evan You莺褒、Darren_聶微東、司徒正美雪情、CSS魔法
各類插件
滑動/視差：fullPage遵岩、swiper、Slick巡通、sliderjs尘执、hammer.js、unslider宴凉、Superscrollorama誊锭、ScrollMagic、WOW弥锄、skrollr丧靡、stellar.js、multiscroll.js叉讥、iscroll窘行、dragula、waypoints
動畫/效果：popmotion图仓、velocity罐盔、GreenSock-JS、Snapsvg救崔、sketch.js惶看、impress、blast.js六孵、sticky纬黎、Colorify.js、nprogress劫窒、Mojs本今、skrollr、typed.js主巍、Effeckt.css冠息、Hover.css、Animatable孕索、Animate.css逛艰、CSS3 Animation Cheat Sheet、pagePiling.js搞旭、headroom.js散怖、hint.css菇绵、SpinKit、CircularProgressButton镇眷、css-loaders咬最、pace、two.js偏灿、Sequence丹诀、ElasticProgress、CSSgram
兼容：Modernizr翁垂、bowser铆遭、retinajs、picturefill沿猜、Normalize.css枚荣、Respond、html5shiv啼肩、box-sizing-polyfill橄妆、elementQuery右遭、css-element-queries
Chrome：clear-cache乎串、EditThisCookie晴音、Full Page Screen Capture厌小、HTML5 Outliner、JSONView贫奠、Postman痴腌、User-Agent Switcher for Chrome焰坪、Window Resizer躺同、頁面自動刷新阁猜、Chrome Sniffer Plus
模板工具：Handlebars、Mustache蹋艺、artTemplate剃袍、nunjucks、transparency捎谨、doT
其他：zxcvbn民效、Validation、moment涛救、primer畏邢、Please.js、qrcode州叠、dynamics.js棵红、smartcrop.js凶赁、lazyload咧栗、imagesloaded逆甜、unveil、fastclick致板、jQuery Form Plugin交煞、jQuery-File-Upload、sweetalert斟或、toolbar素征、tooltipster、video.js萝挤、Font-Awesome御毅、minigrid、bricks.js
主流框架
綜合：React怜珍、Bootstrap端蛆、Foundation、SemanticUI酥泛、Purecss今豆、UIKit、妹子 UI柔袁、Alice呆躲、materialize、material-design-lite捶索、Html5Boilerplate插掂、Material design、Lightning Design System情组、Vux
MVVM：AngularJS燥筷、Vue.js、Backbone院崇、Avalon肆氓、knockout
JavaScript：JQuery底瓣、Zepto谢揪、prototypejs、emberjs捐凭、MooTools拨扶、Dojo、meteor茁肠、Domcom
Hybrid：React-Native患民、Nativescript、Phonegap垦梆、Ionic匹颤、Crosswalk仅孩、Meteor、Electron
游戲：Construct 2印蓖、ImpactJS辽慕、CreateJS、Three.js赦肃、PlayCanvas溅蛉、Pixi、Hilo
手冊/書籍
書籍：《JavaScript高級程序設(shè)計（第3版）》他宛、《單頁Web應(yīng)用:JavaScript從前端到后端》船侧、《JavaScript語言精粹》、《JavaScript DOM編程藝術(shù) （第2版）》厅各、《編寫可維護(hù)的JavaScript》勺爱、《Web全棧工程師的自我修養(yǎng)》、《深入淺出Node.js》讯检、《響應(yīng)式Web設(shè)計》琐鲁、《精通CSS》、《高性能JavaScript》人灼、《You-Dont-Know-JS》
快速入門：學(xué)習(xí)CSS布局围段、Learn to Code HTML & CSS、Learn to Code AdvancedHTML & CSS投放、前端技能樹
精選文章：如何跟上前端開發(fā)的最新前沿奈泪、移動H5前端性能優(yōu)化指南、那些過目不忘的H5頁面灸芳、玩轉(zhuǎn)HTML5移動頁面涝桅、MobileWeb 適配總結(jié)、搞定這些疑難雜癥烙样，向css3動畫說yes
手冊/規(guī)范：前端開發(fā)者手冊冯遂、前端開發(fā)筆記本、Material Design 中文版谒获、CSS規(guī)范蛤肌、JavaScript Style Guide、Sass規(guī)范批狱、ECMAScript3/5裸准、ECMAScript6、W3C赔硫、CommonJS Modules
翻譯文章：學(xué)習(xí)flexbox屬性炒俱、使用Velocity.js改善用戶體驗
設(shè)計/交互
靈感來源：Dribbble、SiteInspire、Httpster权悟、設(shè)計達(dá)人恼蓬、PhotoshopLady、站酷僵芹、UI中國、uiparade小槐、365psd拇派、Behance、Naldz Graphics凿跳、mobile-patterns件豌、wa.design、pinterest控嗜、花瓣茧彤、堆糖、覓處疆栏、視覺中國
學(xué)點設(shè)計：TutsplusDesign曾掂、優(yōu)設(shè)網(wǎng)、PSDFAN壁顶、Envato珠洗、abduzeedo、Interactive Guide to Blog Typography若专、24Ways
交互體驗：Navnav许蓖、Codyhouse、騰訊ISUX调衰、淘寶UED膊爪、阿里巴巴中文站、阿里巴巴國際站嚎莉、阿里媽媽UED米酬、百度移動用戶體驗部、百度搜索用戶體驗中心趋箩、騰訊TGideas淮逻、騰訊MXD、騰訊UED阁簸、騰訊CDC爬早、新浪UDC、迅雷CUED启妹、uxbooth筛严、tympanus
配色工具：Adobe color、FLATUI饶米、Thedayscolor桨啃、colrd车胡、Nipponcolors、Nolourlovers照瘾、中國傳統(tǒng)色匈棘、日本傳統(tǒng)色、Fashiontrendsetter
第二篇：github上值得關(guān)注的前端項目以及他們的github地址析命，歡迎關(guān)注：GitHub - hawx1993/github-FE-project: A collection about github front-end project
一小部分目錄
綜合/資源
frontend-dev-bookmarks一個巨大的前端開發(fā)資源清單主卫。star:15000
front-end-collect分享自己長期關(guān)注的前端開發(fā)相關(guān)的優(yōu)秀網(wǎng)站、博客鹃愤、以及活躍開發(fā)者簇搅。star:860
Front-end-Interview-questions史上最全前端開發(fā)面試問題及答案
f2e-hub包含Animation，UI软吐，dialog瘩将，Carousels，color凹耙，image姿现，workflow等。star:100
awesome-javascript一系列很棒的javascript 庫肖抱，資源建钥。star:3100
fks前端技能匯總，包含前端知識架構(gòu)虐沥，后端知識熊经，linux，書籍推薦等欲险。star:4000
node123node.js中文資料導(dǎo)航镐依。star:1200
mobile-web-favorites移動端web開發(fā)收藏夾。star:200
gulp-bookGulp 入門指南
Front-end-tutorial最全的資源教程-前端涉及的所有知識體系天试。（12.25更新）
canvas/數(shù)據(jù)可視化
echarts基于Canvas槐壳，純Javascript圖表庫，提供直觀喜每，生動务唐，可交互，可個性化定制的數(shù)據(jù)可視化圖表带兜。star:6900
Chart.js使用標(biāo)簽的簡易HTML5圖表枫笛。star:14600
sketch.js跨平臺JavaScript創(chuàng)意編碼框架，gzip壓縮后僅有2kb刚照。star:1500
d3一個基于數(shù)據(jù)操作文檔的js數(shù)據(jù)可視化框架刑巧，最流行的可視化庫之一。star:38000
zrender一個輕量級的Canvas類庫，MVC封裝啊楚，數(shù)據(jù)驅(qū)動吠冤，提供類DOM事件模型，讓canvas繪圖大不同恭理！star:850
c3一個基于 D3.js 的可重用 JavaScript 圖表庫拯辙。幾乎零學(xué)習(xí)曲線。star:4.5K（6.28更新）
img2css將圖片轉(zhuǎn)為純css代碼颜价。（11.3更新）
第三篇：網(wǎng)站：『引』最全前端資源匯集（更新網(wǎng)址）涯保，github地址：GitHub - JacksonTian/fks: 前端技能匯總 Frontend Knowledge Structure（github地址），號稱最全的資源教程－前端涉及的所有知識體系拍嵌。
部分目錄（此處所有目錄鏈接到主頁），詳細(xì)信息請訪問具體網(wǎng)址和github
36 · Ext, EasyUI, J-UI 及其它各種UI方案
第四篇： 網(wǎng)站Github資源收集循诉，此篇沒有找到github地址横辆，作者整理了自己在Github中的starred項目可以直接在此網(wǎng)站進(jìn)行訪問。
部分目錄：
Github資源收集 -- 函數(shù)式編程相關(guān)..............
第五篇：maybe你得英語水平比較高茄猫，你可以看這里：史上最全GitHub前端開發(fā)集錦狈蚤。同樣，他的github地址：GitHub - sindresorhus/awesome: Curated list of awesome lists
