互联网时代前端"手工艺人"的百宝箱
武林高手都有几件称手的兵器, 更别提手中无剑, 心中也无剑的世外高人了.
软件开发者做为新时代的"手工艺人", 当然也需要自己称手的工具来改变这个世界.
我做为一名专业的前端工程师(F2E), 特将自己多年的经验整理出来, 一方面帮助自己理清思路, 想想自己是怎样一步步走过来的, 另一方面当然也是想和大家一起分享下我的收获, 希望每个人都能够从中获益, 特别是那些想入门前端开发的朋友.
我当年无数次梦想着有那么一份总结文档摆在我面前, 让我免于走弯路, 话说站在巨人(当然我不是什么巨人, 身边也没有这样的巨人)的肩膀上, 我们才能够如此轻松愉快地学习到各种精华. 别人可能是一辈子的研究成果, 我们可能一天就看完了, 正是知识的传承在推动着时代的进步, 改变世界.
由衷的感谢那些在前端道路上一路指引着我们的前辈们, 非常感谢. 我从你们那里学到了太多东西.
这份总结我会保持更新, 如果有任何问题, 欢迎大家提出各种issues, 当然也鼓励大家fork出自己的版本.
- 前端工程师常用软件(备选项)
- 前端常用框架(备选项)
- 前端常用云服务
- 常用App
- 前端架构beta
- 前端工作流程 | 前后端接口规范 | 网站项目目录结构规范 | Web 前端项目的演进过程 | 理解数据驱动视图
- 前端精选文集
- 软件开发团队的人员配置
- 模块化
- AMD/CMD
- ES6 module JavaScript 语言标准的模块化方案
- webpack
- 组件化(标准, 通用)
- Web Components
- React(Virtual DOM)
- 组件生态圈, 想想 npm 的发展势头
- Web 规范
- HTML5
- CSS3/CSSNEXT/CSS STILL SUCKS
- ES5 ES6 TC39 stage0-4
- HTTP/2
- 响应式解决方案特别是图像的适配方案 Responsive Images 101
- 前端测试
- 单元测试
- 功能测试
- 多浏览器测试karma
- 前端工程化
- 前端架构
- 双向数据绑定 MVVM Angular
- 单向数据流可控可预测 Redux
- Web前端性能优化 WPO
- 前端安全
- Node.js
- Full Stack developer(全端工程师), 前后端融合
- Web App
- SPA(Single Page Web App)
- 移动端前端开发
- Hybrid App | React Native
- Web Game
- 百度 FEX / EFE
- 淘宝 UED / THX / 手机淘宝 / 天猫 / 有一点设计UED / MUX / FED
- 腾讯 ISUX / AlloyTeam / TGideas / TID / WFE / IMWEB / MXD
- 奇舞团 / 去哪儿 / 携程UED / 大搜车 / 滴滴 / 前端团队blog
- TODO: blog正在收集中
- https://github.com/foru17/front-end-collect
- A List Apart / Smashing Magazine / CSS-Tricks / Codrops / AWWWARDS
- 首选是行业博客
- 再是大牛的个人博客/前端著名人物博客
- Aaron / 叶小钗 / 张鑫旭 / 民工精髓 / hax / 张云龙 / 射雕 / 司徒正美 / Philip Walton / NCZOnline
- 以及其他前端社区
- 科技爱好者周刊 / 码农周刊 / 开发者头条 / Web技术日报 / W3CPlus周刊 / 前端周刊 / 京东凹凸实验室拇指期刊 / Codrops Collective
- 掘金
- Div.IO
- F2E - 前端技术社区
- V2EX
- 前端圈
- Teahour.fm
- Web technology for developers | MDN
- 醉前端
- ThoughtWorks**分享 | 技术雷达
- 技术流
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent