画布 1
成长心经
  总休设计
    职业线路
      求职->简历、面试->晋升->团队管理->职业发展->副业->创业
    技术线路
      前端小白从对技术的 用什么？->怎么用?->用得好？->小改造->再创造
  从初级到高级
前端进阶之路
    职业线路
      了解行业现状及发展趋势
        危机在哪里
          技术革命
            劳动力过剩
          经济发展受阻
        现状是什么
          找好工作难
          对人才要求更综合
          要求软实力的提升
        在哪里了解
          浏览招聘网站
          关注技术博客
          前端技术周刊
          技术分享会
      建立个人职业规划
        短期
          设定短期目标
            便签
            定时任务
            待办
          了解兴趣与长处
          培养技能
            新的技术
            新的工具
          软实力培养
            有效沟通
            时间管理
          参与团队项目
        长期
          设定长期目标
            定期审视和调整
              保持心态
          建立自己的品牌
          拓展关系
            网络建设
              适度的社交活动
            寻求导师指导
          建立自己的作品集
          持续学习
            关注行业动态
      持续学习与技能提升
        新兴技术趋势
          人工智能
          区块链
          物联网
        深化专业技能
        跨领域拓展
          项目管理
          产品设计
          UI设计
        软技能提升
          沟通
          协作
          团队管理
      交流与沟通能力
        参与社区交流
        尝试新鲜事物
        建立个人品牌
      拓展职业发展路径
    JS 精通能力
      了解前端技术史
        Web的早期（1991-1995
        JavaScript的诞生（1995）
        CSS引入（1996）
        浏览器大战时代（1996-2001）
        Web标准的推广（2001-2005）
        Ajax的出现（2005）
        响应式设计（2010）
        JavaScript框架的崛起（2010至今）
      JavaScript知识体系
        基础知识
          基本语法
          数据类型
          函数
          对象
          数组
        核心概念
          事件循环
          闭包
          原型链
          作用域
          异步编程
        实践项目
        阅读源码
          开源库
        设计模式
          单例模式
          观察者模式
          工厂模式
        框架和库
          Angular
          React
            Redux
            Redux-toolkit
            mobx
          Vue
            Vuex
            Vue-Router
        性能优化
          源头
            减少请求
          传输
            CDN
          构建
            代码压缩
        前端社区动态
          Node.js Weekly
      JavaScript进阶
        TypeScript能力（必学）
    深度框架能力
      三大框架+ts
        vue
        react
        anguar
        TypeScript
      常见的概念
        组件化
        状态管理
        路由
        生命周期
        依赖注入
        服务端渲染
      TypeScript
        类型注解
        接口
        类
        泛型
        枚举
        模块化
        装饰器
        类型推断
        类型保护
    全栈能力
      提高协作效率
        更好地与后端团队协作
        理解项目需求和数据交互的细节
        优化前后端分工
        减少沟通成本
      全栈能力
        独立完成项目的前后端开发
        提高项目灵活性和竞争力
        深入了解技术细节
        拓展技术视野
      更好的技术选型
        评估各种技术的优缺点
        做出更好的决策
        平衡性能与易用性
        创新与稳定的抉择
      提高问题解决能力
        快速定位问题
        提高问题解决效率
        跨领域解决方案
        深入理解业务逻辑
      个人职业发展
        增强竞争力
        更多的职业发展机会
        拓展人脉资源
        提高职业成就感
    多端能力
      全栈能力
        更好的协作，更好的技术选型与交流
        提高解决问题的能力
        个人职业发展
          求职必备
      多端
        web
        移动端
          App
          移动webapp
            公众号
        小程序
        桌面端
          跨端
            MacOS
            Windows
      必备技能
        跨平台框架
          Flutter
            Dart
          React Native
        桌面端开发
          Electron
          Tauri
        数据库设计、性能优化、调试等能力
    全流程能力
      开发工作流及重要性
        提高开发效率
        保证项目质量
        便于团队协作
        适应不同项目需求
      开发流程
        需求分析
        也没买衣服
        编码
        测试
        集成和部署
        维护
      最佳实践
        小型项目
        中型
        大型
    工程化&自动化能力
      意义
        提高效率、降低成本 -> 减少手动操作，提高运维效率
        规范化协同开发->减少各种不可预知的错误和问题
        快速迭代，持续改进产品
      工程化内容
        模块化
          ES6
          CommonJS
        自动化构建
          Webpack
          Rollup
          Gulp
          Vite
        代码检查、测试、文档
          产品
          开发
          规范
      自动化内容
        测试
        构建
        部署
        代码检查
        文档
      最佳实践
        小型项目
          持续集成
          代码管理与审查
          敏捷管理
        中型
          模块化
          组件化
          监控日志
          自动化测试与质量保证
        大型
          DevOps文化
          微服务架构
          基础设施即代码
    架构能力
      技术选型
        库
        工具
        标准规范
        性能
        安全
        扩展性
      设计模式及代码组织
        模块化
        分层架构
        数据结构
      构建与部署
        性能优化
        自动化
        集成
        测试
    云应用&云原生
      助力效率进一步提升
      架构演进
        单体
        多体
        微服务
        云架构
      原则
        平衡的艺术
          商业目标
            时间
            质量
            成本
        演进式原则
          最小闭环
          能用
          适当冗余
  中高级前端瓶颈
    环境
      如果在小公司&业务单一如何找到发展线路
      案例分析
      解决办法
        加强技术学习和实践
        了解业务细节，探索新的业务领域
        了解业界前沿技术和最佳实践
        提升沟通能力和领导能力
        关注团队建设与项目管理
    发展
      程序员的年龄坎怎么破？
      方向
        转岗
          咨询
          技术顾问
          产品经理
          架构设计等（退居二线）
        创业
          外包
            副业方向
            远程工作
          众包
        移民
        考公
        其他行业
          教培
          知识付费
            卖课
            卖书
    技术
      新技术
        关注技术相关的趋势与热点
          通过博客论坛了解最新动态
        学习官方文档及源码
        参与技术交流活动（社交媒体、线下活动等）
      核心竞争力
        找寻变化
        革新自己
    实战
      进阶方法论
        结合目前工作内容，参与开源项目与个人项目的开发
        主动承担更多责任，留心跨领域的实践机会，参与技术活动
        提升综合素质：提高英文水平、设计能力、阅读大量跨专业内容
      项目思路来源
        国外
          Github trends
          Dev.to
          Medium
          HackerNews
        国内
          掘金
          知乎
          社交媒体
            公众号
            twitter
        自建知识库
          feeddd.org
          rsshub
          newsletter
            Hackernewsletter
            Status code Newsletters
            Hashnode
            Versioning
    学习
      过滤知识对于如今的互联网很重要
      方法
        购买服务
          订阅付费的newsletter
          一些国内的知识星球
        明确自己的目标
          聚集官网与权威博客
        建立自己的知识库
          工具
            pocket
            简悦
            云笔记
              notion
              onenote
              有道等
            AI工具
              chatgpt
                开源项目
                  gpt index
                  docsGPT
                  Paul Graham GPT
              chatpdf
              chatdoc
    认清自己
      了解自己的技能和知识水平
        了解自己的技能和知识水平
        了解自己的技能和知识水平
      明确自己的职业方向和目标
        找对标的人的过往与同期的你比较
      社群活动
        头脑风暴
        找更多的小伙伴共同探讨
      自我探索
        冥想方法
          闭眼放松
          专注于呼吸
          放空自己
        具体
          早上最好
          注意环境、音乐
            购买耳塞
            佩戴耳机
          每天5-15分钟，分多次
          习惯养成需要连续14天以上
  成长方法论
    初到中阶
      规划篇
        职场
          干
            工作职责
              技术实力
              团队管理力能力
              扩展资源或者视野
            目标
              管理方向
              跨专业方向
（兴趣导向）
                技术
                产品
                设计
            副业->整合人脉
          跑
            背景
              没有技术上成长的可能性
              加班异常严重没有自己的时间
              离家太远上下班时间花费多
            要求
              技术沉淀
                2-3年
              项目经验
                1-3个
            计划
              求职
                找一下离家近
                技术相关性
                技术先进性
                团队
                上升空间
              简历
              面试
              入职
        技术
          认清你自己
            与他人交流
              面试
            自评
          哪些方面需要提高
            技术瓶颈
              项目经验
              比较单一
              新技术比较少
            基础薄弱
          怎么办？
            短期
              知识梳理
                XMind
                官方的文档
                权威的博客
              兴趣方向
                开源项目
                  awesome
                  产品规划
                    实现最小的闭环
                全栈项目
            长期
              审视自己的过去并总结
                博客
                视频
              全流程能力
              自动化提效
      心态篇
        工作
          竞争状态
            现状
              招聘
              同事
              社交
            上下级
          个人状态
            项目状态
              外
              内
            精神状态
            学习状态
              技术线路
              新技术
              软技能
        生活
          冥想方法
            闭眼放松
            专注于呼吸
            放空自己
          具体
            早上最好
            注意环境、音乐
              购买耳塞
              佩戴耳机
            每天5-15分钟，分多次
            习惯养成需要连续14天以上
      技术观
        分析原因
          分清楚主次
            工作忙
            吸收新技术的能力有限
          信息源比较蔽塞
        具体的做法
          项目工作相关的技术栈加强
            XMind
            官方文档与权威博客
              知识库
          寻找可以实践的小闭环
            了解其工作原理
            寻找对应的商业化的应用
              扩展视野
              举例
                找工作
                项目应用
          信息源
            RSS订阅
              官网
              大牛
                阮一峰
                juejin前端排行榜
                技术作者
              社交媒体
                国外
                  Reddit
                  discord
                  twitter
                  telegram
                  facebook
                  ...
                国内
                  前端早读课
                  前端大全
                  前端之巅
                  前端之神
                  程序员成长指北
                  node-weekly
                    newsLetters
                    twitter
                    discord
                  javascript-weekly
            付费订阅
              知识星球
              帆书
            自己整理
              云笔记
              剪切工具
              阅读工具
              AI加持
                提炼
                整理
                大纲输出
                摘要
            社交
              朋友
              大会
      实战篇
        评估
          根据自己的技术栈，结合技术线路，评估是否跳出自己的舒适圈
            全栈项目
              语言
                node.js
                其他
                  Java
                  Python
                  Go
              环境
                运维
                服务器
                后端相关的技术
                  数据库
                  缓存
                  CDN加速
                  负载均衡等
              困难&挑战
                思考
                成果
                使用到的技术方案
            跨端跨平台
            自动化&工程化
            全流程
              需求
              产品
              设计
              部署
              维护
          当下与今后，发展的重点
            与技术线路是否贴合
            与工作、生活是否冲突
        方向
          目标
          路径
            项目
              开源项目
                awesome
                trends
                信息源
              自研项目
              公司项目
              外包项目
                什么样的外包可以接
                  来源是否可靠
                    是否有合同
                    是否是公司
                  需求分析
                    设计
                    对接
                    技术栈
                  投资收资比
                    收益
                    技术上成长
                    资源上的扩展
                怎么样去找项目
                  公开渠道
                    电商平台
                    小视频平台
                    众包平台
                  私下
                    朋友
                    师兄师姐
                    同事
                    前老板
                    客户
                    ...
                落地项目
                  公司注册
                  团队组建
                  需求与任务跟踪
            文档学习
              起步
              安装
              大纲
              官方示例
            交流
        全栈
          目标
            数据库
            后端框架
            服务器配置
            域名相关
          路径
    中到高阶
      规划篇
        中阶到高阶的进阶线路
          目标
            找寻技术与职业的平衡
            找到兴趣点与能力点
              深耕
              认识自己
        职业线路
          短期
            定义当下
              找准目标->同事
                高级前端工程师
                技术负责人
                CTO
              参与社交活动与大牛们进行沟通
              阅读权威博客了解成长的过往
            学习
              培训
                视频
                线下
              导师&朋友
                项目
                指导
              进修
                学术路线
            示例
              二线大厂是否需要跳槽
              学历问题，晋升比较困难
              一线大厂非常卷，感觉卷不动了
          长期
            增加通识
              管理
              财务
              团队运营
              产品
            建立良好的人脉关系
              客户
                前客户
              同事
                前同事
              老板
                前老板
        技术线路
          短期
            深入技术
            架构层面扩展
              提效
              应对复杂情况
            对于跨专业跨领域技术
              问同事
              看博客
          长期
            产品
              强化基础能力
              求职面试的筹码
            开源项目
              扩展人脉关系
              提升沟通能力
              加强技术
      心态篇
        职业危机、中年危机
          心态
            放平
              时间
              前人
            反思
              压制恐慌
              寻找突破口
          怎么办
            当下
              健康
                运动
                户外
                营养
              时间
                学习新的技术
                参与新的方向探索
              理财
                合理分配
                规划一部分
                  养老
                  应急
            长远来看
              扩展人脉关系网
              最坏的情况
                通过体力
                  不建议走
                降薪换工作
                换城市换工作
                ...
        AI技术危机
          背景
            没有核心技术
            目前主要在应用层
          恐慌点
            可能担心被AI技术淘汰
              而是不会使用AI技术的人会被“淘汰”
            可能担心错过这一波技术红利
              只要有心，后面有很多机会
          调整
            AI应用
            商业化
              prompt
              套壳
              衍生应用
                PDF
                PPT
      自律篇
        自律能力培养
          图文
        自律方法介绍
          图文
      实战篇
        多端跨端开发能力
          目前
            平台
            技术特点
            应用场景
          移动端
            Flutter
              Dart
              技术特点
                安卓
                  Java
                  Kotlin
                iOS
                  C
                  Object C
                  Swift
                桌面端
                web
              技术网站
                国内
                  直接翻译官网
                  论坛
                  加速站
                  代码管理平台
                国外
                  官网
                    国际化
                  Youtube
                  Weekly
                  Community
                    Discord
                    Twitter
                  awesome
                    类型
                      工具
                      聊天
                      商城
                    功能
                      多路由
                      视频
                      语音
                      图片等
            RN
              平台
              技术特点
              应用场景
          桌面端
            Electron
              Node.js + Chrominum
              技术特点
              应用场景
            Tauri
              Rust
                类似于C
              技术特点
              应用场景
          webapp
            小程序
              uniapp
              taro
            微信公众号
              H5
                支付
                微信后台信息
                  用户信息
        大型项目的开发与架构能力
          从哪里入手学习架构
            环境
              从上至下的过程
                业务
                技术落地
              了解架构设计的内容
                原则
                模式
              参与到旧项目的架构升级
            实践项目
              坑点
                技术至上
                过度设计
              参考大公司的方案
                选择适合自己的方案
                小闭环试错
                  减少资源投入
                  快速论证想法
              实践线路
                应用领域
                业务
                系统企业级
          架构师
            全面的技术底蕴
            全局观
              近期
              远期
            业务要有非常深刻的理解
            沟通协调能力和团队意识
          架构设计
            设计模式
              层次型架构
                三层架构
                  表示层
                  业务逻辑层
                  数据访问层
                N层架构
              数据流架构
              模块型架构
                分解模块
                示例
                  微服务架构
              事件驱动型架构
                关注传递消息
                典型
                  发布、订阅
                  观察者模式
              分布式系统架构
                主-从架构
                分布式数据模式
                服务定位模式
              用户界面设计模式
                模型-视力-控制器
                  MVC
                模型-视力-视力模型
                  MVVM
            需求分析
              设计输入
                功能性
                非功能性
                  限制
                    基本
                      范围
                      时间
                      资源
                    进阶
                      业务
                      技术
                      法规
                  质量
                    安全、稳定、方便
                    并发
                      QPS
                      TPS
                    性能
                    发布
                    ..
                资产和技术
              输出
                架构规划
                  文档
                  图
                研发设计
                  业务关系图
                    内到外
                  流程图
                  数据库设计
                    权限
                  接口设计
                测试方案
                  TDD
                  测试规范
                部署方案
                  物理架构
                    服务器
                    网络
                    云平台
                  非功能性
                    容灾
                    多活
                    单元化
                    CDN缓存
                  发布流程
                    应用
                    数据
                    网络
                    CICD
                采购或者外包
                  招标需求
                  原型验证安全
                  招标和产品决策
            架构验证
              系统
                架构评审
                测试
              商业
              用户
          架构落地
            参考竞品
              项目加速
              避坑指南
              减少意见冲突
            工具
              图
                mac
                  OminiGraffle
                windows
                  Visio
                在线
                  processOn
                  draw.io
              绘制的模板
            需求分析
              原则
                核心内容
                迭代
                  实施性
                  扩展性
              制定清晰计划
                模式
                系统输入&输出
            评估架构
              标准
              指标
                性能
                可靠性
                可维护
                ...
      工具篇
        AI技术
        AI工具
      眼界篇
        英语能力
          在线学习
            Duolingo
            Rosetta Stone
            BBC Learning English
          练习听力和口语
            FluentU
            Cambly
          参与语言交换
            在像Tandem或HelloTalk这样的应用上找到语言交换伙伴，以提高您的口语能力
          阅读和写作练习
            通过阅读英文技术博客、文章
            StackOverflow等英文论坛上提问和回答问题
          参加英语课程
            正规的英语课程
            聘请一位英语教师
          模拟实际情况
            模拟和实际工作相关的场景
            模拟与客户的会议、项目讨论
        远程工作
          平台
            Upwork
              专业性强
              工作多
              评价系统+争议解决机制
            Freelancer
              工作比较多
              竞争激烈
            Guru
              小型工作
              价格偏低
            Fiverr
              适合新手
              小型工作
              价格偏低
          常见问题
            沟通
              slack
              zoom
            时间管理
              Toggl
                推荐
              RescueTime
              Harvest
              TimeCamp
              Clockify
            技术问题
              软件
                Clash等
              硬件
                软路由
            支付相关
              PayPal
                额外手续费
              Skrill
                使用限制
              Payoneer
                推荐
              Wire Transfer
                国际速汇
                汇率高，时效长
          工作内容评价标准
            明确的工作描述
            理想的支付方式
              项目付费
              小时付费
            正面的评价
              公司
              个人的
          薪酬判断
            平台
              Glassdoor
              PayScale
            评估方向
              项目的复杂性
              经验和技能
              市场价格
              客户的预算