无论是自学还是培训前端，学会这个思维,你的前端工资将翻倍

前言

如果你现在仍旧以为参加一个线下培训班就能找到前端的工作,那我很确定你的学费会打水漂。

近年来,市场已经从“批量招聘”转变为“精准招聘”。过去这个行业严重缺人,培训班的作用是批量培训后被公司招聘,公司内部培养几个月上手。而现在如果你还保持过去的思维,用以前的培训方式应对现在的招聘,必然找不到工作。培训出来的人如果真的技术太差,面试一会就看出问题所在。

前端工作当然还在,而且有很大发展空间!前端已经不仅限于网页三剑客,涉及更广的领域。 web3.0时代即将到来,变化在所难免。

但是,绝不是简单的培训就业。前端薪资年年上涨,工作难度和需要学习的知识也在增加。所以关键在于“学”。

如果想找前端工作,培训只能解决70%,关键还需要自己花时间学习。其实对学生来说,充分利用在校时间学习前端,时间足够就能提高技能和知识,自然不愁找工作。问题是很多人想走捷径,几个月就想高薪就业,实际上会受到现实的打击。学习代码需要日积月累,没有耐心和足够时间,难以胜任技术工作。

现在真正缺乏的是中高级技术人才。所以,想要前端工作,必须定位中高级,打好基础,弄清理论,做两个像样的项目。市场上正缺这样的人才。

我推荐的学习方式是:自己学习+有指导

学习永远需要自己,找适合自己的方法和习惯,总结心得。不管报培训与否,终需靠自己。太多事只有亲力亲为,别人帮不了你做具体事情。所以必须明白这点,学习永远是自己的事。

除自己之外,还要“借助外力”。有些事自己目前难以解决,需要外界帮助。特别是学习技术,有经验的人带带我们,可以避免许多弯路。像一个小bug,自己可能花几个小时解决不了,有经验的人一分钟就搞定。这种情况下,我们没必要浪费时间,要会“借助外力”提高效率。

所以,学习前端的人,找身边亲朋好友带带自己。如果周围没有,那就找个靠谱点的培训吧。

下面是我10年来结识的前端技术人员，做的一个培训班。如果实在自制力差，可以考虑过去咨询一下，但还是推荐你自学，因为现在网上教程资源非常丰富，小破站一搜一大堆。

下面是我总结的web前端学习路线的最新版本：

一、HTML/CSS3 部分

掌握HTML和CSS的全面知识,包括:

HTML基础:标签、属性、语义化、表单、Canvas等

CSS基础:选择器、层叠样式、布局、动画、渐变等

CSS预处理器:Less/Sass等,提高CSS的程序性

CSS框架:Bootstrap等,快速开发响应式布局

二、JavaScript 部分

JavaScript是前端开发的基石,需要深入学习:

ECMAScript标准和新特性:ES6/ES7/ES8等的新语法和API

DOM和BOM:页面元素获取、事件处理等

AJAX与跨域:异步请求数据和跨域解决方案

正则表达式:字符串匹配替换

JavaScript设计模式:单例、工厂、MVC等模式

JavaScript高级函数:柯里化、组合函数、高阶函数等

JavaScript模块化:AMD/CMD/CommonJS等模块规范

JavaScript性能优化:内存泄漏、页面加载优化等

JavaScript调试:控制台、断点调试、性能分析等

三、HTML5 / 移动端开发

部分HTML5新增特性:Canvas、SVG、WebSockets、Geolocation等

移动端适配:视口、rem布局、media query等响应式方案

框架:Vue.js、React等,SPA(单页应用)开发

UI库:ElementUI、VantUI等,组件化开发

四、Nodejs与工程化开发

部分 Node.js:运行JavaScript的服务端环境

NPM:Node包管理工具,管理包依赖

Webpack:模块打包工具,实现前端工程化

Vue CLI:Vue项目脚手架

ESLint:JavaScript代码规范检查工具

Git:版本控制工具,实现团队协作

Express:Node.js Web应用框架

Koa:新一代Node.js Web应用框架

MongoDB:NoSQL数据库,文档存储

RESTful API:Web服务设计规范

五、Vue框架部分

Vue核心:数据双向绑定、组件系统、CLI等

Vue Router:SPA路由管理器

Vuex:状态管理模式

Element UI:Vue UI组件库

Vant UI:Vue 移动端 UI 组件库

Vue CLI:Vue 项目脚手架

Vue.js和React都是优秀的前端框架,需要在项目中运用。

掌握以上知识,你绝对可以成为一名优秀的前端工程师!加油!