《我的职业是前端工程师》 - Ebook:I'm a FrontEnd Developer
Switch branches/tags
Nothing to show
Clone or download
phodal Merge pull request #17 from longway2o/master
针对语言漏字问题的补充
Latest commit 6253a16 Feb 2, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
api Update all.json Jul 21, 2017
arts [ch14] add refe imageS Apr 18, 2017
build update user info Feb 11, 2017
chapters 描述性修改 Feb 2, 2018
code [ch9] update jquery path Mar 16, 2017
css init projects Feb 11, 2017
extends [X] create extend 14 Apr 21, 2017
images [fe] add donate info Nov 15, 2017
img init projects Feb 11, 2017
template [T] add personal info Apr 15, 2017
.gitignore update gitignore Feb 11, 2017
.nojekyll [T] setting for jekyll Apr 16, 2017
CNAME add CNAME Feb 11, 2017
LICENSE init story Jan 18, 2017
Makefile fix images issue Feb 11, 2017
README.md Update README.md Dec 30, 2017
ebook.md [T] add others books Nov 15, 2017
epub.css init projects Feb 11, 2017
index.html [T] add others books Nov 15, 2017
listings-setup.tex init projects Feb 11, 2017
style.css apply mifa Jan 14, 2018

README.md

我的职业是前端工程师

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.

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