Skip to content

phodal/fe

Repository files navigation

我的职业是前端工程师

2017 年 1 月份,看完村上春树的新书《我的职业是一个小说家》,我便萌发了写一个《我的职业是前端工程师》系列文章的想法——以个人视角来看前端领域的各种技术。整个系列的文章大概有 15 篇左右,从我是如何成为一个前端工程师,到各种前端框架的知识。

在线阅读地址:http://ued.party/

关注我的微信公众号(扫描下面的二维码或搜索 Phodal),回复书籍,可下载电子书版本

QRCode

目录

前端技能

来源:https://github.com/phodal/awesome-growth

  • 基础
    • HTML / CSS
    • JavaScript
    • DOM
  • 中级篇
    • 数据格式(如JSON、XML)
    • RESTful API交互(如jQuery Ajax,Fetch API,ReactiveX)
    • 正则表达式
    • HTML语义化
    • 命令行
    • Node.js
    • DIV / CSS
    • SCSS / SASS
    • 矢量图形 / 矢量图形动画(如SVG)
    • 单页面应用
  • 高级篇
    • ES6 / TypeScript
    • CSS3
    • 面向对象编程
    • 函数式编程
    • MVC / MVVM / MV*
    • 安全性(如跨域)
    • 授权(如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
    • 页面静态内容生成
    • H1、H2、H3和strong使用
    • Title、Description优化
    • 页面静态内容生成

LICENSE

Phodal's Article Phodal's Book

© 2017 Phodal Huang. This code is distributed under the Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 License. See LICENSE in this directory.

待我代码编成,娶你为妻可好