前端工程師一般都喜歡去哪些網站逛?
像知乎,github,gurudigger,sf,還有哪些地方好玩點?找個窩去看看。
每天8個必刷的網站...供參考1. Online video tutorials training2. Coursera - Free Online Courses From Top Universities3. Scotch ? Developers bringing fire to the people.
4. JavaScript Weekly: A Free, Weekly Email Newsletter
5. HTML5 Weekly: A Free, Weekly Email Newsletter6. Medium7. Smashing Magazine8. CSS-Tricks01.前端這個圈子
社區/組織
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.infoScotch ? 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
v2excnode (nodejs)githubstackoverflowsegmentfaultw3schoolnpmMozilla Developer Network阮一峰廖雪峰各種官方文檔jikexueyuan-wikigitbook
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 MagazineCodePen - Front End Developer Playground Code Editor in the BrowserStack Overflowegghead.io - Learn professional JavaScript tools with Tutorial Videos Training
@eggheadiohttps://css-tricks.com/
1. google
2. github3. stackoverflow4. http://jd.com5. 阮一峰的個人網站n. 各路文檔npm, Github的 Issues 區。
既然題主提到了sf ( segmentfault ) , 那我來說一下正確的姿勢吧哈哈哈:
1. 去 sf 看問題,如果問題描述詳細轉2,否則提醒題主;
2. Google + StackOverflow + Github Issues區 + 官方文檔;3. 回答問題:貼鏈接,寫總結。根據以上姿勢一個小白也可以回答大部分的問題啦,啊哈哈哈哈推薦閱讀:
※大家了解的中級前端是什麼樣的?
※為什麼業內不流行基於移動端的Web APP去使用H5整站 canvas技術?
※如何管理數量巨大前端組件?
※前端工程師的價值體現在哪裡?
※大型公司里外包員工和正式員工有什麼區別?
TAG:移動互聯網 | 前端開發 | JavaScript | Nodejs | 前端工程師 |