前端工程師一般都喜歡去哪些網站逛?

像知乎,github,gurudigger,sf,還有哪些地方好玩點?找個窩去看看。


每天8個必刷的網站...供參考

1. Online video tutorials training

2. Coursera - Free Online Courses From Top Universities

3. Scotch ? Developers bringing fire to the people.

4. JavaScript Weekly: A Free, Weekly Email Newsletter

5. HTML5 Weekly: A Free, Weekly Email Newsletter

6. Medium

7. Smashing Magazine

8. CSS-Tricks


01.前端這個圈子

社區/組織

W3CTPACw3ctechWebReBuildHTML5研究小組阿里技術嘉年華京/滬JS前端圈HTML5夢工場無障礙聯盟

國內綜合

極客學院WEB大前端工程師路徑圖前端觀察阮一峰W3CFUNS大前端W3SCHOOLHTML5中國前端亂燉F2E社區MDNNEW前端開發入門基礎教程前端開發者手冊

國內個人

CSS森林twinsen艾文王余果張鑫旭大貓飄飄米隨隨99css進步博客萬戈任平生小李刀刀元雲珍妮偷米飯丁小倪玉伯拔赤堂主懌飛嗷嗷一絲勾三股四賀師俊張克軍糖拌西紅柿愚人碼頭林小志丸子崔凱三水清崔凱彬go武方博潘魏增葵中劍css3Chinabrucewar

國外綜合

CSS-TricksWebPlatformSmashingMagazinecssZenGarden

國外個人

SteveSoudersJohnResigDouglasCrockfordNEWEricMeyerNicholasZakasAddy OsmaniNEW

02.UED團隊博客

騰訊系

騰訊TGideas騰訊ISUX騰訊CDCalloyteamQQ遊戲GDC騰訊無線MXD財付通TID

阿里系

阿里中文UED阿里國際UED支付寶UED淘寶UED天貓UED一淘UED 百度系百度searchUX百度FEX百度MUX百度UEO

搜狐系

搜狗UED搜狐MUED搜狐暢遊UED搜狐焦點UED 新浪系新浪網UED新浪微博UDC新浪樂居UED

網易系

網易UEDC網易遊戲GUX

其他

攜程UEDNEW19樓UED5173UED迅雷CUED360UXC崑崙遊戲UED一號店UED京東設計中心

03.瀏覽器百寶箱

綜合 谷歌瀏覽器火狐瀏覽器歐朋瀏覽器Safari瀏覽器IE瀏覽器QQ瀏覽器遨遊瀏覽器360瀏覽器世界之窗瀏覽器

插件火狐 FireBUGcssUsageYSlowWebDeveloperHtmlValidatorcolorzillahttpfox

谷歌 ChromeDevTools

其他 DEBUGGERIEToolbar

04.前端工具箱

客戶端編輯器 sublimeTextnotepad++EditPlusIntelliJIDEADreamweaverVIMAstana

代碼在線編輯 jsfiddlejsbincssdeckcodepenjsdoitdabblet

頁面性能測試 阿里測PageSpeedWebPageTestgtmetrixFiddlerhttpwatch

格式化/壓縮 csscombYUIcompressor在線CSS/JS壓縮ClosureCompilerjsminitinypngsmushit

CSS3在線生成 CSS3makerCSS3generatorCSS3漸變生成CSS3按鈕生成CSS3動畫生成-ECD

虛擬機 IEtesterWINXPmodevmwarevirtualbox

數據轉換 圖片轉base64在線解析json

CSS/JS手冊CSS CSS參考手冊CSS3參考手冊CSS3參考手冊

JS 原生JS手冊jQueryAPIjQuery1.7手冊

其他 馬克鰻jslint

05.CSS/HTML

CSS框架 Normalize.csslessFrameworkFormee960GRIDResponsiveGridSystem

UI框架 BootstrapFlatUIpureMetroUIMaxmertkitSemantic UI

CSS資源庫 cssResetIE默認CSS瀏覽器hack大全cssValuesNEWanimate動畫庫CSS3lib動畫庫ECD動畫庫css3pleaseNEWcss3ClickChartNEW

技巧/教程 W3SCHOOLW3CPLUSMozilla CSS3

06.JavaScript

綜合 jQuerymootoolsDojoExtJSPrototypeYUIsizzlejszeptoNEWMoment.jsReact.jsNEW

node.jsnode.js node.js官方node.js中文社區

grunt.js grunt.js官方grunt.js中文站點YeomanNEW

gulp.js gulpjs官方智圖gulp插件NEW

MVC backbonejsangularjsemberjsknockoutjs

模塊化 commonjsseajsrequirejsnodejscurl.js

HTML5框架 ImpactJScreatejscraftyjsthreejsmelonjsgamejsLimeJSaudio5js

技巧/教程 JS秘密花園MozillaJavaScriptGuideGoogleJavaScriptGuideJavaScriptSource

jQuery插件 jQueryUIvalidatecolorboxdatepickerfullPage.jsNEW

07.多終端

UI/JS框架 jQueryMobileJoapp52frameworkFrieszoey

工具/資源 HTML5支持性查詢ScreenSizHTML5瀏覽器測試html5pleaseNEW

技巧/教程 WIN8開發指南IOS官方教程

08.綜合資源庫

前端書籍推薦

JavaScript高級程序設計(第3版)JavaScript權威指南(第6版)JavaScript DOM編程藝術(第2版)JavaScript設計模式鋒利的jQuery(第2版)JavaScript語言精粹(修訂版)JavaScript模式HTTP權威指南深入淺出Node.js精通正則表達式(第3版)

周刊/訂閱

JavaScriptWeeklyHTML5WeeklySidebarIO奇舞團周刊碼農周刊OurJS周刊WebDesignWeeklyWebToolsWeeklyResponsiveDesignWeeklyFeWeekly

wiki社區 極客wiki前端開發

互聯網業界 infoq36氪極客公園愛范兒

問答社區 stackoverflowquora知乎

09.懂點設計和交互

綜合 Dribbble站酷優設iconfans視覺同盟視覺中國68design

社區/組織 UPA中國IXDC

圖標 iconfinderfindiconsicon font

字體 Google FontsChinaz FontKnowsky Font

配色 kulerpeiseColorSchemeDesignerDesignSeedscolorCombosNEW

交互/思維導圖 processonmindManager

其他 MobilePatternspixeden全球LOGO彙集


http://jandan.net/


1. thebestdesigns.com

站如其名,找靈感的最佳去處。

2. Codrops | Useful resources and inspiration for creative minds

資源豐富,想了解前端最新動態,每周一期的 Collective 不得不看。

3.Tuts+

優秀的長文章、視頻教程內容。涵蓋前後端、設計、遊戲、多媒體等諸多方面

4.

CodePen - Front End Developer Playground Code Editor in the Browser

JS Bin - Collaborative JavaScript Debugging

前端的 playground

5. IT eBooks - Free Download

可免費下載的各種原版技術書籍


先打廣告,湊熱鬧!上知乎,關注 前端外刊評論 - 知乎專欄 ~

最近刷的比較多的 site:

demosthenes.info

Scotch ? Developers bringing fire to the people.

SitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby Responsive Design


我一般是訂閱一些前端的 Email Newsletter:

  • JavaScript Weekly: A Free, Weekly Email Newsletter

  • CSS Weekly a€」 Weekly e-mail roundup of latest CSS articles, tutorials, tools and experiments

  • HTML5 Weekly: A Free, Weekly Email Newsletter

  • Echo JS - JavaScript News (來自評論 @墨磊 )

也會看設計方面的 Newsletter:

  • https://web-design-weekly.com/

這裡也推薦一個 Chrome 的插件,叫 Panda: https://chrome.google.com/webstore/detail/panda-4-news-inspiration/haafibkemckmbknhfkiiniobjpgkebko?hl=en 裡面可以選擇一些推薦的訂閱,我一般會選擇前端開發、Dribble、還有Github trend


----------------------------------------------------補充分割線-------------------------------------------------

  • Taobao FED | 淘寶前端團隊
  • 掘金

----------------------------------------------------補充分割線-------------------------------------------------

  • echojs,英文
  • div.io
  • w3cplus
  • 伯樂在線:WEB前端 - 伯樂在線
  • 前端亂燉
  • stackoverflow
  • SegmentFault
  • CSDN
  • 騰訊AlloyTeam Blog,騰訊全端 AlloyTeam 團隊 Blog
  • 百度:首頁 - FEX
  • 360團隊,奇舞團博客
  • 奇舞團:奇舞團博客
  • 大搜車:大搜車前端團隊博客

答得另一個問題 直接貼過來的 求國內最火熱的前端論壇或技術交流社區? - Shelley Lee 的回答 - 知乎


Stack Overflow


1024


w3cplus將是你的一個好去處。http://www.w3cplus.com


前端亂燉, 最專業的前端技術內容社區

哪有么多時間泡論壇,所以我這個網站只做原創文章內容,不佔用多餘時間,歡迎來逛。


實驗樓 - 第一家以實驗為核心的IT在線教育平台 ,裡面有很多前端的課程


你只需要 http://jump.im/i6 和 http://google.com


v2ex

cnode (nodejs)

github

stackoverflow

segmentfault

w3school

npm

Mozilla Developer Network

阮一峰

廖雪峰

各種官方文檔

jikexueyuan-wiki

gitbook


http://jscode.me http://book.jirengu.com/fe


因為英語不太好,入門階段級菜鳥,所以基本還是上的一些國內的網站。

我推薦的網站都比較基礎,不過慢慢來嘛。

w3school 在線教程 啟蒙所在

Div.IO 能夠看到一些很不錯的文章

https://developer.mozilla.org/zh-CN/ 很基礎的一些知識,講的很系統

jQuery API 3.1 中文文檔 你懂的

慕課網(IMOOC)-程序員的夢工廠 最開始自學前端就是搭配W3C的基礎和慕課網的視頻,感覺還不錯。

W3Help - 兼容性 - 知識庫 偏進階的一些內容,對工作有很大的幫助

w3cplus_引領web前沿,打造前端精品教程

以上

還有就是也經常逛知乎關於前端的話題。

因為更新很快,一些事情的發生也很快就會有人提問以及回答。

只是說可能知乎上的知識點偏零散,要形成很系統的概念與學習的話,我覺得還是應該去更專業的網站。

不過最近知乎關於技術類話題有個小改版,讓我覺得還挺棒的。

以上

與君共勉


不是草榴什麼的么?


Smashing Magazine

CodePen - Front End Developer Playground Code Editor in the Browser

Stack Overflow

egghead.io - Learn professional JavaScript tools with Tutorial Videos Training
@eggheadio

https://css-tricks.com/


1. google

2. github

3. stackoverflow

4. http://jd.com

5. 阮一峰的個人網站

n. 各路文檔


npm, Github的 Issues 區。

既然題主提到了sf ( segmentfault ) , 那我來說一下正確的姿勢吧哈哈哈:

1. 去 sf 看問題,如果問題描述詳細轉2,否則提醒題主;

2. Google + StackOverflow + Github Issues區 + 官方文檔;

3. 回答問題:貼鏈接,寫總結。

根據以上姿勢一個小白也可以回答大部分的問題啦,啊哈哈哈哈


推薦閱讀:

大家了解的中級前端是什麼樣的?
為什麼業內不流行基於移動端的Web APP去使用H5整站 canvas技術?
如何管理數量巨大前端組件?
前端工程師的價值體現在哪裡?
大型公司里外包員工和正式員工有什麼區別?

TAG:移動互聯網 | 前端開發 | JavaScript | Nodejs | 前端工程師 |