2021-03-22

前端的段位

发现一件有趣的事,把学习路线比作游戏中的段位上分,在不同的分段都有自己的定位和要锻炼的事情:

11青铜 - 从零开始小学生:怀着满腔的热血,看到了这一个行业的希望和未来,准备开始学习 Web 开发知识。

   1.先通过 w3cschool 等免费学习资源把 HTML、CSS 和 JavaScript 的基本操作学会了

    2.写一个简单的表白页面送给你的女/男朋友,展示一下自己努力的成果,如果没有就当我没说

22.白银 - 懵懵懂懂初学者:懂得如何使用 HTML、CSS 和 JavaScript 三大件来实现基本页面开发功能

    1.选择一个可以覆盖多种场景、可以随自己意愿调整难度的项目尝试实现,如博客系统、记账本、Markdown 编辑器等

    2.从 React 和 Vue 这两个框架中选择一个进行学习

33.黄金 - 轻车熟路新玩家:懂得使用框架来实现上面所举例项目

    1.学习 Redux、Vuex 或者 MobX 等状态管理工具,并将他们使用到前面的项目中

    2.思考状态管理工具为你的项目带来了什么好处

44.铂金 V - 初出茅庐新司机: 懂得如何使用脚手架创建项目,并且能将代码结构根据模块化的思想进行安排

    1.学习 TypeScript,对前面的项目进行重写,注重对数据结构和类型的控制

    2.学习 Node.js,试着配合数据库实现一个比博客系统更为复杂的 CMS(内容管理系统),如 图书馆管理系统、仓库管理系统

55.铂金 I - 基本上手好司机:如果是懂得如何利用 Node.js 或 TypeScript 编写业务代码的

    1.思考在前面使用框架开发的项目中,有哪些代码是重复冗余的,有哪些逻辑是可以在多个组件之间共用的

    2.学习利用 ES2015 或更新的 JavaScript 标准,逐步替换使用框架所编写的代码

66.钻石 V - 淡定自然老司机:如果是对逻辑抽象、模块封装有了一定的理解和经验的

    1.思考如何使用纯 JavaScript 对业务组件中的非渲染、非 DOM 相关代码进行抽象

    2.引入单元测试工具,对纯逻辑代码进行测试,争取覆盖率达到 80% 以上

77.钻石 I - 赛道新手初学者:如果上面的条件你都已经满足了

    1.思考不同的代码哲学(OO、FP 等)、不同的代码结构(MVC、MVVM 等)的区别

    2.思考不同的框架之间设计的初衷,思考不同的编程语言中对同一类问题不同解法的区别

到这里我划了一条从 0 到高级前端工程师级别的纯技术路线。相信有不少有经验的同学会发现中间我省略了不少内容,但也不难发现路线中从前半段的“学习”逐步变成后半段的“思考”。

优秀的工程师除了需要有在纯技术领域的沉淀以外,还需要更多对技术、团队、ROI(投资回报率)的思考,当然这依然不足以支撑我们平稳地渡过“程序员 35 岁危机”,前面的路还有很长,钻石往上还有王者呢,谁说程序员就是青春饭碗的?

我现在正在这条路上不断探索,这里有些基础资料,希望可以帮到在这条路上进发的everybody,如果感兴趣的话,可以私聊我,或者在评论区留言哦~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 中原焦点团队 肖巧风 焦点解决中级网络班第21期 坚持第369天原创分享 第四期约练挑战每周3次 学习感悟 有人的...
    凤舞九天阅读 238评论 0 0
  • 周一上班 上午没课,在办公室备课,有关Python的课。 摘录的有关中小学Python备课的建议: 根据2012年...
    宫阙2000阅读 175评论 0 0
  • 垃圾回收机制 浏览器的 Javascript 具有自动垃圾回收机制(GC:Garbage Collecation)...
    大米z阅读 138评论 0 1
  • 学位证书有什么用 1.学历 指人们在学业教育中接受科学、文化知识训练的学习经历。一个人在什么层次的学业教育中学习,...
    不撞南墙心不悔阅读 615评论 0 0
  • 今天更新的是《普通心理学》的第七章笔记,见粗体部分。 如果有朋友需要思维导图版本的笔记,可以联系我获得。 基本信息...
    美心于晨阅读 1,950评论 0 1