# treasure

**Repository Path**: materliu/treasure

## Basic Information

- **Project Name**: treasure
- **Description**: 互联网时代前端"手工艺人"的百宝箱
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-21
- **Last Updated**: 2021-06-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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")
  - [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/) / 前端团队blog
* 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")
* 以及其他前端社区
* [码农周刊](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)