揭秘程序员的提速“外挂”——工程化实用工具包

选择比努力更重要。


对于身处于互联网行业的你我来说,这句话可谓是真谛。

如果你选择了一个有前途的岗位,这意味着你的成长速度将被赋能,自身价值也会随之升级,通俗点说:你会变得更值钱。


那么,2019 年前端岗位依旧有前途吗?


我的答案是:前端岗位依旧是有前途的,前端第一年普遍能拿到 1W+/月的工资,3 年以上能拿到 3W+/月的工资,这在互联网中已经算是绝对高薪了,看下某招聘网站上的搜索结果,来直接感受:




但为什么你的薪资却低到尘埃里呢?


原因有三:


  • 1. 前端已经不是你想象中的样子


前端不再是页面仔、组件仔,而是指能够使用JavaScript和相关H5技术开发iOS、Android、AR、VR、IoT、PC、Server、WebApp、3D甚至AI的综合性技术人才。(但其实大部分前端还停留在页面仔的阶段)


  • 2. 你是工作了3年,还是把第一年重复了3遍?


很多前端小工工作繁忙,沉浸在众多的需求中,整个人便会成为一台工作的机器。切着类似的页面,写着同样的逻辑,重复着昨天或者上个月做的事情,时间久了,你就会发现,你虽然工作了 3 年,但你 1 年的工作经验,因为你在不断重复你第一年的工作。别人的成长是1+1+1,你的成长是1*1*1。


  • 3. 无意义的 996 拖垮的不止是你的身体,还有你的前途。


加班其实是提升技术的最好手段,但不是加无意义的班。「无意义加班」是指重复的你已经会的工作,「有意义的加班」指因团队让你参与核心开发部分,需要加班,比如你参与到团队搭 SPA、MPA、CI、BDD,或者有图形学的项目等等。青春就那么几年,如果每天加无意义的班,就没必要继续在这家公司待下去了。


如何摆脱低薪,摆脱低水平重复劳动?


成长最有效的方式是 1 + 1 + 1....,而不是 1 x 1 x 1.....


你的工作能力应该是成倍上涨的,而不是每年都做相同的工作,加薪很少,最后发现自己还在原地。

那么具体应该提升哪些技术呢?我个人的一点建议:


第一:要了解最新的前端趋势。比如Micro Frontends、omi、Houdini、CSS Scroll Snap Points、React Suspense、Hooks、quicklink、Workbox、Angular8 Lvy等等。


第二:同时还要熟练掌握现在流行的前端技术。如Webpack、React、Vue、ES9、Angular、KOA、TS、Three等等。


第三:如果你是普通公司,你就每天实打实,脑子里不要考虑做轮子哥(原因——轮子太多了 Parcel、Moon、hyperapp.js、Fastify…),但是一定要理解内部机制是怎么样的,要理解后面的东西,不是天天一顿摆API。因为现在前端的面试基本都是原理!原理!原理!即便现在行情是面试造火箭,入职钉钉子。


第四:我有个习惯,就是每隔一段时间就回去看一波招聘的 JD 和面经,并不是为了跳槽,而是关注一下最近大家都需要什么样的人才,需要补充自己哪方面的知识。知己知彼,方能百战百胜!平日里还喜欢逛技术论坛,看看大家都在玩啥黑科技。有什么技术沙龙偶尔也去参加一下,得时刻关注技术的发展,学习大厂的解决方案。


最后:建议大家一定要把 Node.js 要研究透彻,这才是真材实料的硬货。


看到这里,如果你还是懵的话,以下是更详细的 5 点建议:


  • 1.要学会 C\C++(Webkit、Libuv 等等后面也会用到)。天下武功出少林,天下语言爹是 C。

  • 2.最早讨论的经典思想—OOP 到 AOP 再到 Functional,个人建议先学思想再学框架。还有 Node.js 中三个特别有意思的框架 Nest(Node.js 版本的Spring)、Nuxt 和 Next(Vue & React 的 SSR),有没有也傻傻分不清楚。

  • 3.在强调一次至少会一门正统的语言,比如:Java、NET等

  • 4.项目,一定要做有质量的,有些技术没有条件创建条件也要用。只有把技术用到项目中去,才能让你醍醐灌顶,光学不干等于耍流氓。

  • 5.多读书,一本好书就像高级武功秘籍一样。哪怕是从里面领悟一招半式,功力提升起来都是惊人的。

  • 6.最后举个能跟得上时代的小栗子:比如 CSS 中的变量、JavaScript 的类、依赖注入的代码,这些代码应该在你的项目里到处跑了。



普通前端的日子越来越难了


从前端学习的曲线来讲,它是先平缓再陡峭再平缓。在学习曲线变陡峭那一段,很多人卡在那里。所以就有了我们现在看到的:一堆初级前端找不到工作,一堆公司招不到好前端,而公司要的是经历陡峭之后的那些人。


我希望可以给前端兄弟们一些实质性的帮助——前端工程化实用工具包



用 8 个小时视频,带你 Get 前端工程化实用工具包,让你的前端工作更轻松!

它可以:


  • 通过 20+ 个关键点,让你快速学会打包工具 webpack

  • 通过 10+ 个工具包,实现一个属于你自己的 CLI

  • 通过 18+ 个知识点,让你快速上手持续集成


它包括什么内容?


01 使用 Webpack 快速构建 SPA 应用

  • 讲解 SPA 的技术始末 以及项目结构

  • 讲解 Webpack 在工程化领域的作用

  • 讲解 SPA 开发中常见 loader 的应用

  • 讲解 SPA 开发中常见 plugin 的应用

02 使用 Webpack 快速构建 MPA 应用

  • 已 Nset.js 为基础介绍 MPA 与 SPA 的区别

  • 讲解 MPA 应用中入口的自动化收集

  • 讲解开发自定义的属于 MPA 的 plugin

  • 介绍将 MPA 构建为 SPA 的一些技巧

03 Webpack 在一线开发中的优化

  • 介绍如 Happypack 优化 Webpack 手段

  • 介绍 Webpack 打包结果分析的利器

  • 介绍对生产环境加快 Webpack 编译常用库

  • 前端性能优化 Webpack 有用的 plugin 如(workbox-webpack-plugin)

04 讲给前端工程师的持续集成(CI)

  • 熟悉前端必会的常见 Linux 命令

  • 快速了解并上手安装 Jenkins

  • 部署 Webpack 和 Node 项目到开发机

05 实现一个属于你自己的 CLI

  • 完成基本 CLI 必会的 Linux 知识

  • 前端常用 CLI 的原理剖析

  • 实现你的 CLI 并发布到 npm


想不想立刻获得这个工具包呢?


只需要扫描下方二维码,添加老师微信,就可以免费领取啦~!

因为领取人数太多,仅限量发放给扫码领取的前 99 位同学

需要的小伙伴,尽快扫码领取哦~