Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/f2e-journey/treasure

互联网时代前端"手工艺人"的百宝箱
https://github.com/f2e-journey/treasure
Last synced: 3 months ago
JSON representation
互联网时代前端"手工艺人"的百宝箱
Host: GitHub
URL: https://github.com/f2e-journey/treasure
Owner: f2e-journey
Created: 2015-04-30T06:17:52.000Z (over 9 years ago)
Default Branch: master
Last Pushed: 2022-08-23T09:34:22.000Z (about 2 years ago)
Last Synced: 2024-07-16T14:05:56.427Z (4 months ago)
Language: JavaScript
Homepage:
Size: 762 KB
Stars: 558
Watchers: 43
Forks: 130
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # 互联网时代前端"手工艺人"的[百宝箱](http://baike.baidu.com/view/123101.htm)

武林高手都有几件称手的兵器, 更别提手中无剑, 心中也无剑的世外高人了.

软件开发者做为新时代的"手工艺人", 当然也需要自己称手的[工具](http://liqi.io/)来改变这个世界.

我做为一名专业的前端[工程师](http://baike.baidu.com/subview/25007/13224992.htm "Engineer: 那些在工程专业领域的人, 他们使用科学知识来驾驭技术以解决实际问题, 并以此为职业. 具有从事工程系统操作、设计、管理、评估等能力的人")([F2E](https://www.nczonline.net/blog/2007/08/15/what-makes-a-good-front-end-engineer/ "What makes a good front end engineer?")), 特将自己多年的经验整理出来, 一方面帮助自己理清思路, 想想自己是怎样一步步走过来的, 另一方面当然也是想和大家一起分享下我的收获, 希望每个人都能够从中获益, 特别是那些想入门前端开发的朋友.

我当年无数次梦想着有那么一份总结文档摆在我面前, 让我免于走弯路, 话说站在巨人(当然我不是什么巨人, 身边也没有这样的巨人)的肩膀上, 我们才能够如此轻松愉快地学习到各种精华. 别人可能是一辈子的研究成果, 我们可能一天就看完了, 正是知识的传承在推动着时代的进步, 改变世界.

由衷的感谢那些在前端道路上一路指引着我们的前辈们, 非常感谢. 我从你们那里学到了太多东西.

这份总结我会保持更新, 如果有任何问题, 欢迎大家提出各种[issues](https://github.com/f2e-journey/software/issues/new), 当然也鼓励大家[fork](https://github.com/f2e-journey/software#fork-destination-box)出自己的版本.

## 百宝箱

* [前端工程师常用软件](https://github.com/f2e-journey/software/blob/master/software.md)([备选项](https://github.com/f2e-journey/software/blob/master/software-alternative.md))

* [前端常用框架](https://github.com/f2e-journey/software/blob/master/lib.md)([备选项](https://github.com/f2e-journey/software/blob/master/lib-alternative.md))

* [前端常用云服务](https://github.com/f2e-journey/software/blob/master/cloud.md)

* [常用App](https://github.com/f2e-journey/software/blob/master/app.md)

* [前端架构beta](https://github.com/f2e-journey/software/blob/master/architecture.md)

* [前端工作流程](https://github.com/f2e-journey/treasure/blob/master/workflow.md) | [前后端接口规范](https://github.com/f2e-journey/software/blob/master/api.md) | [网站项目目录结构规范](https://github.com/appbone/mobile-spa-boilerplate/blob/master/directory.md) | [Web 前端项目的演进过程](https://github.com/f2e-journey/treasure/blob/master/evolution.md) | [理解数据驱动视图](https://github.com/f2e-journey/treasure/blob/master/data-driven-view.md)

* [前端精选文集](https://github.com/f2e-journey/software/blob/master/article.md)

* [软件开发团队的人员配置](https://github.com/f2e-journey/software/blob/master/team.md)

## 前端趋势

> [如何跟上前端开发的最新前沿](https://github.com/frontend-rescue/keep-up-to-date)

* 模块化

  - AMD/CMD

  - [ES6 module](http://es6.ruanyifeng.com/#docs/module) JavaScript 语言标准的模块化方案

  - [webpack](http://webpack.github.io/docs/motivation.html)

* 组件化(标准, 通用)

  - [Web Components](http://webcomponents.org/)

  - [React(Virtual DOM)](http://reactjs.cn/)

  - 组件生态圈, 想想 npm 的发展势头

* Web 规范

  - [HTML5](https://rawgit.com/paulrouget/html5dashboard/master/demo.html "4.01 1999/12 5 2014/10")

  - CSS3/[CSSNEXT](http://cssnext.io/)/[CSS STILL SUCKS](http://huangxuan.me/css-sucks-2015)

  - [ES5](http://kangax.github.io/compat-table/es5 "5.0 2009/12 5.1 2011/6") [ES6](http://babeljs.io/docs/learn-es2015/ "ES2015 2015/6") [TC39](https://github.com/tc39/proposals/blob/master/finished-proposals.md "Finished Proposals 每年的更新都更新了什么东西") [stage0-4](https://tc39.es/process-document/)

  - [HTTP/2](https://http2.akamai.com/ "HTTP/1.1 1999 HTTP/2 2015/5")

  - 响应式解决方案特别是[图像的适配方案](http://responsiveimages.org/) [Responsive Images 101](http://blog.cloudfour.com/responsive-images-101-definitions/)

* 前端测试

  - 单元测试

  - 功能测试

  - 多浏览器测试[karma](https://github.com/karma-runner/karma)

* 前端工程化

  - 开发流程标准化, 工业化 | [Grunt](http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results) Yeoman [FIS](http://fis.baidu.com) [JDF](https://github.com/putaoshu/jdf) [coolie](http://coolie.ydr.me/)

* 前端架构

  - 双向数据绑定 MVVM Angular

  - 单向数据流可控可预测 [Redux](http://camsong.github.io/redux-in-chinese/)

  - Web前端性能优化 WPO

  - 前端安全

* [Node.js](http://nodejs.org)

  - Full Stack developer(全端工程师), 前后端融合

* Web App

  - SPA(Single Page Web App) 

  - 移动端前端开发

  - Hybrid App | [React Native](http://facebook.github.io/react-native/)

* [Web Game](https://developer.mozilla.org/en-US/docs/Games)

### 前端博客/社区

* [百度 FEX](http://fex.baidu.com/) / [EFE](http://efe.baidu.com/)

* [淘宝 UED](http://ued.taobao.org/blog/category/bowen/frontend/) / [THX](http://thx.github.io/) / [手机淘宝](https://github.com/amfe/article) / [天猫](http://tmallfe.github.io/) / [有一点设计UED](http://www.aliued.cn/category/3%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91) / [MUX](http://mux.alimama.com/posts/front-end) / [FED](http://taobaofed.org/)

* [腾讯 ISUX](http://isux.tencent.com/category/fd) / [AlloyTeam](http://www.alloyteam.com) / [TGideas](http://tgideas.qq.com/) / [TID](http://tid.tenpay.com/) / [WFE](http://qqfe.org/) / [IMWEB](http://imweb.io) / [MXD](http://mxd.tencent.com/)

* [奇舞团](http://www.75team.com/weekly/) / [去哪儿](http://ued.qunar.com/) / [携程UED](http://ued.ctrip.com/blog/) / [大搜车](http://f2e.souche.com/blog/) / [滴滴](https://github.com/DDFE/DDFE-blog) / 前端团队blog

* 年度趋势: [State of JavaScript](https://stateofjs.com) / [JavaScript Rising Stars](https://risingstars.js.org)

* TODO: blog正在收集中

* https://github.com/foru17/front-end-collect

* [A List Apart](http://alistapart.com/) / [Smashing Magazine](http://www.smashingmagazine.com/) / [CSS-Tricks](https://css-tricks.com/) / [Codrops](http://tympanus.net/codrops/) / [AWWWARDS](http://www.awwwards.com/)

* 首选是行业博客

* 再是大牛的个人博客/前端著名人物博客

* [Aaron](http://www.cnblogs.com/aaronjs/) / [叶小钗](http://www.cnblogs.com/yexiaochai/) / [张鑫旭](http://www.zhangxinxu.com) / [民工精髓](https://github.com/xufei/blog/tree/master/posts) / [hax](https://github.com/hax/hax.github.com/issues) / [张云龙](https://github.com/fouber/blog/issues) / [射雕](https://github.com/lifesinger/blog/issues) / [司徒正美](http://www.cnblogs.com/rubylouvre/) / [Philip Walton](http://philipwalton.com/) / [NCZOnline](https://www.nczonline.net/ "Nicholas C. Zakas")

* 以及其他前端社区

* [科技爱好者周刊](https://github.com/ruanyf/weekly) / [码农周刊](http://weekly.manong.io/issues/) / [开发者头条](http://toutiao.io/) / [Web技术日报](http://web.memect.com/) / [W3CPlus周刊](http://www.w3cplus.com/collective) / [前端周刊](http://www.feweekly.com/issues) / [京东凹凸实验室拇指期刊](http://aotu.io/cases/mobi/maga.html) / [Codrops Collective](http://tympanus.net/codrops/collective/)

* [掘金](http://gold.xitu.io)

* [Div.IO](http://div.io/#/welcome)

* [F2E - 前端技术社区](http://f2e.im/)

* [V2EX](http://v2ex.com)

* [前端圈](http://sentsin.com/daohang/)

* [Teahour.fm](http://teahour.fm/)

* [Web technology for developers | MDN](https://developer.mozilla.org/en-US/docs/Web)

* [醉前端](http://f2er.club/)

* [ThoughtWorks中国分享](http://insights.thoughtworkers.org/) | [技术雷达](http://insights.thoughtworkers.org/tech-radar/)

* [技术流](http://uridb.com/t/frontend)

### 技术峰会

* [D2前端技术论坛](http://www.d2forum.org/)

* [WebReBuild](http://webrebuild.org)

* [Velocity](http://velocity.oreilly.com.cn)

* [JSCONF.CN](http://jsconf.cn/)

* [阿里技术嘉年华](http://adc.taobao.com)

* [中国CSS开发者大会](http://css.w3ctech.com/)

* [w3ctech](http://www.w3ctech.com/event)

* [HTML5梦工厂](http://www.html5dw.com/)

* [前端圈](http://www.fequan.com/)

* [QCon北京](http://qconbeijing.com/) / [QCon上海](http://qconshanghai.com/) / [QCon@InfoQ](http://www.infoq.com/cn/qcon) / [StuQ](http://www.stuq.org/) / [InfoQ 迷你书](http://www.infoq.com/cn/minibooks)

* [ArchSummit](http://www.archsummit.com/)

* [阿里技术沙龙](http://club.alibabatech.org)

* [Google I/O](https://events.google.com/io2015/)

* [D-Day](http://segmentfault.com/t/segmentfault-d-day/info)

* [NationJS Conference](http://nationjs.com/)

### 其他收集

* [front-end-collect](https://github.com/foru17/front-end-collect)

* [前端工程师手册](https://www.gitbook.com/book/leohxj/front-end-database/details)