Awesome
Awesome Growth
前端篇
- 基础
- HTML / CSS
- JavaScript
- Node.js
- 正规表达式
- 数据格式(如JSON、XML)
- RESTful API交互(如jQuery Ajax,Fetch API,ReactiveX)
- 命令行
- 中级篇
- ES6 / CoffeScript / TypeScript
- SCSS / SASS
- CSS3
- HTML语义化
- 面向对象编程
- 函数式编程
- MVC / MVVM / MV*
- 矢量图形 / 矢量图形动画(如SVG)
- 单页面应用
- 安全性(如跨域)
- 授权(如HTTP Basic、JWT等等)
- 工程化
- 代码质量(如JSLint / ESLint / TSLint / CSLint)
- 代码分析(如Code Climate)
- 测试覆盖率
- 构建系统(gulp、grunt、webpack等等)
- 自动构建(脚本)
- 兼容性
- 跨浏览器测试 (Chrome,IE,Firefox,Safari等等)
- 跨平台测试(Windows、GNU/Linux,Mac OS等等)
- 跨设备测试(Desktop,Android,iOS,Windows Phone)
- 跨版本测试(同一个浏览器的不同版本)
- 前端特定
- CSS / CSS3 动画
- JavaScript 动画
- Web字体嵌入
- Icon 字体
- 图形和图表
- CSS Sprite(如glue)
- DOM操作(如jQuery、React等等)
- 模板引擎(如JSX、Handlebars、JSP、Mustache等等)
- 软件工程
- 版本管理(如git、svn)
- 包管理(如npm、bower)
- 依赖管理
- 模块化(如CommonJS、WebPack)
- 调试
- 浏览器调试
- Debug工具
- Wireshark / Charles抓包
- 远程设备调试(如Chrome Inspect Devices)
- 测试
- 单元测试
- 服务测试
- UI测试
- 集成测试
- 性能与优化
- PageSpeed / Yslow 优化
- 加载优化(如gzip压缩、缓存等等)
- 性能测试(特别是移动Web)
- 可用性
- 压缩(如Minify、Uglify、CleanCSS等等)
- 设计
- 切页面
- 线框图(Wireframe)
- 响应式设计
- 网格布局(Grid Layout)
- Flexbox布局
- SEO
- Sitemap(站点地图)
- 内部链接建设
- MicroData / MicroFormat
- 页面静态内容生成
License
© 2015~2016 Phodal Huang. This code is distributed under the CC0 1.0 Universal license. See LICENSE
in this directory.