前端学习路径和如何有效学习

来源

克军讲如何成为一名专业的前端工程师

前端学习路径

基础知识

• HTML / CSS / JavaScript / WebAPI / 渲染原理 / 运行机制 / 性能优化
• 立身之本
• 中速率，持续学习
• 看权威文档，如MDN
• 看好书，如JS红宝书、Lea Verou的CSS揭秘
• Know What -> Know How -> Know Why

领域知识

• 软件工程 / 数据结构&算法 / 网络 / 可视化 / 安全 / 交互设计
• 慢慢积累
• 低速率，业务理解
• 培养总结的习惯，例如写博客
• Know What

• 人的视野在哪里，他的边界就在那里。

工程实践

• 开发工具 / 包管理 / 构建工具 / 主流框架和库 / 调试 / 测试
• 工作必备
• 高速率，及时更新
• 前端发展太快了就是指工具层面的东西
• Know What -> Know How

如何学习

• Know What (听过 概念清晰)-> Know How（用过 理解） -> Know Why（踩过坑 深入理解 演绎）
• 有效的学习是在动手过程中的学习
• 解决问题的能力是一种综合能力（学习 -> 分析 -> 调研 -> 实践 -> 归纳 -> 优化重构 -> 学习）
• 解决问题从善于发现和定义问题开始
• 提高自己，首先是提高自我要求，不满足现状（从追求代码质量开始），不断追求最优解

附件