前端进阶指南

《我的职业是前端工程师》姐妹篇《前端进阶指南》

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

在完成《我的职业是前端工程师》后，我便想写一个前端进阶指南，可是期间发生了一些事情，便放弃了这个想法~。现在，这本电子书就这么未完待续

关注我的微信公众号（扫描下面的二维码或搜索 Phodal）.

目录

• 前端进阶指南
  • 什么是前端
  • 本书内容
• 硬技能篇
• 前端知识要点
  • 前端应用的生命周期
    • 入门
    • 中级篇
    • 高级篇
    • 工程化
    • 兼容性
    • 前端特定
    • 软件工程
    • 调试
    • 测试
    • 性能与优化
    • 设计
    • SEO
• 快速学习新的框架
  • 快速学习是基本能力
  • 如何学习新框架：守-破-离
    • 守：应用业务知识
    • 破：学习框架核心
    • 离：探索更多可能性
  • 小结
  • 选择合适的前端框架
    • Angular，一站式提高生产力
    • React，组件化提高复用
    • Vue.js，简单也是提高效率
• 构建系统：资深分界线
  • 为什么构建很重要
  • 构建工具
  • 构建流程
    • 构建示例
    • 自动刷新
    • 转译
    • 预处理
• 什么是前端的架构能力
  • “标准”的 SPA 构架实践
    • 前后端分离
    • 无状态 API
  • workflow
    • 前后端分离的工作方式
  • 风格指南：StyleGuide
  • 演进
  • 最佳实践：框架
    • jQuery + TinyMCE
    • jQuery + Vue
• 自动化提高效率
  • 自动化测试加快上线流程
    • 测试
    • ui 测试
    • 截屏测试，
  • 自动构建
  • 自动化部署
    • 持续集成
• 前端应用的架构与设计模式
  • 散弹式架构 -> jQuery
  • 分层结构 MV*
  • 处理数据 pipe and filter
  • 数据显示 观察者模式
  • 数据通讯
    • 消息通讯
    • 数据通讯：shared repository
    • 数据通讯：local storage
• 软技能篇
• 在做业务的过程中提升技术
  • 测试
  • 代码可读性
  • 有意图的提升
• 持续学习：走出下一个『jQuery』
  • jQuery 已经落后了？下一个 jQuery 已经出现了
  • 持续学习
  • 掌握思想
  • 后端技能
• 软技能
  • 知识管理
  • Debug: 发现问题
• 扩展篇
• 前端知识体系的广度与深度
  • 前端与后台的对比
  • 用户体验设计
  • 前端的广度
• 前端的趋势
  • 微服务与微前端
  • BFF
  • 状态管理
  • 跨平台
  • UI 生成
• 转型前端指南
  • 改变
  • 后台转前端的挑战
  • 其他编程领域转前端
  • 其他行业转前端
    • 劝退
    • 立意已决
• 前端跨行指南
  • 移动开发：混合开发
  • 桌面应用
  • VR
  • 硬件
  • 其它？

LICENSE

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

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