最近闲来无事，就整理了一下有道文档，找到去年给实习生分享的PPT。因为在公司相对资深就当做老油条，做了分享。原本打算中规中矩的讲一些技术，然后想想网上入门教程千千万，说了也索然无味。要不就说些他们他们刚入社会更想听到的吧，也是自己入行前最关注的。

先自我介绍……入坑10年，做过大大小小的项目已经记不清多少了.所以我相信在这个办公室，你们目光所及，我应该是最牛的，如果你不服，请你亮出的白头发，再不服请晒一下你的发际线。技术就是这个样子，别人还年轻，你已经老了。你的人生就像林志颖和郭德纲一样，同样的年纪，别人叫帅气的小哥哥，你却被叫做油腻的大叔。

2、由于我看上去年纪是最老的，白头发最多的所以应公司要求，今天就由我来给大家讲讲前端。通过今天的讲解，希望能帮助前端小伙伴如何快速入坑，规划自己的职业方向。

1、曾几何时，我也很帅，留着非主流的棕红色头发，奔驰在百花丛中，但依旧摆脱不了相亲的命运。

2、这个时候，对方小妹妹总会问我职业做什么的。假如我说，我是做WEB前端，表演（姑凉从玩手机抬头问：什么，什么前端），

3、我说是IT程序员，搞计算机的，表演（妹子不敢兴趣，继续玩手机），

4、我说，你也知道做IT的除了收入高就没有优点了。妹子：是吗？小哥哥吃饭完去哪里玩啊（表演，捋头发，顿时来了兴趣）。

1、介绍职业为前端，在大多数人的知识库里，前端不是一个职业，或者不熟悉这个职业

2、当说明是程序员时，就直接联想到 这个三个词（地中海，宅，直男癌），所以你在她心目中就算PASS了

3、第三个是也是程序的特点，月薪高，死的早，所以妹子即便不喜欢你，也是喜欢钱的

当然这个还不能怪程序员，主要像杨洋，肖战，王一博，易烊千玺那些顶流不是程序员，如果但凡他们有一个入行，程序员在大家的心目中的形象也会高尚很多。

上面一句话由智能小能手--百度百科搜索到的

下面是摘自名人名句--bobo所说

1、在很久很久很久很久之前，应该是2001左右吧，前端不叫前端，前端被习惯叫做网页设计师或者网页制作，所用的开发工具基本就是传说中的网页三剑客。如果要修炼成为网页设计师，这三个工具必须会。

2、到2005年，淘宝开始崛起，第一次在招聘网站上挂出了“web前端开发”这个职位。一直到2014年底，万维网联盟宣布支持Html5紧接着15年互联网+爆发，H5轻应用和APP开始盛行。前端成为了市场的香饽饽。薪水一路飙升。很多后端开始转前端，各种培训机构开始陆续多起来。

3、前端开发终于开始细分领域，有H5开发工程师，web开发工程师，iso开发工程师，安卓开发工程师，而这些被我们统称为“大前端”

1、不仅程序猿在世人眼里总会被区别对待，就技术圈子里，也会有不和谐，相互敌对的鄙视链。

2、大数据会鄙视后端，你们那逻辑也配得上叫算法，后端鄙视前端，不就是js,css,谁还不会。前端鄙视测试，不就是点点点。测试就鄙视产品经理，不就是一个传话的，凭什么薪水那么高

3、当然这个鄙视链一般在5年以下会存在，但是当你的能力足够强，周围圈子都是每个职业的高手时，你会发现每个职业的水都很深。

4、那么今天，我就带大家重新认识一下前端，而为啥我时候我说前端是第一坑，那我们先来聊一下一个敏感的话题

首先，我们来看看收入，收入会是很多人职业选择的重中之中。即便大家都是程序员收入也会有差别

各位看到这个内心有啥想法

所以你拖后腿了吗

1、大数据目前是市场的需求，人才紧缺，技术难度大，薪水高

2、一个玄乎的职业，薪水很高，因为你会总感觉他做了啥，但感觉他也没做啥，至少我目前认识的产品就是这样的

3、前后端分离，加上前端技术门槛变高，导致前后端平均水平差不多

1、在我的职业生涯里，见过很多人，说过这样的话，感觉前端，很简单

2、起初我也这么觉得，今天我就教大家一分钟入门前端，包教包会，薪水飙升10k.(秀操作：

首先我们建一个txt的记事本，然后编辑他，写上hello word这个是每个程序员学习任何语言的入门词汇，然后修改文件名为html,然后双击打开。

)---都明白了吗，恭喜你们，你们已经是合格的前端工程师，以后也可以催牛逼说会前端了。

3、当年，我和你们一样，信了这样的话，然后一干就干了十年，然后发现自己还是个菜。

我这里会说到第二个坑，在你入门前端后，你会发现html,css,js只是个入门，其实是所有程序员的入门而已。

这句话在面试的时候表现的淋漓尽致。经常会被问如何造火箭。所以，做技术这一行，你以为你终于毕业了，后来才发现，另一所更残酷的学府等着你，你知识储备的多少，将决定你收入在刚刚哪个百分比里。

前端只是js,css,html吗？我之前也是这么认为的，然后发现我错了。你即便都学会了，你以为你很牛逼了。现实告诉你，在不同的公司，会用到不同技能，你在他们眼里，你就是个菜单，面试你就和点菜差不多，这个你会吗，这个你会吗。当你犹豫学PHP好，还是JAVA好，那你还是来学前端吧，前端重来不让你犹豫，因为前端TM什么都得学

1、如果你做好了一直学习的准备，那么恭喜你，你已经是一名合格的程序员了。

2、但是有一天，我突然告诉你，你这两年的经验和所学，白学了，你得重头开始，这个时候，请问。你是什么心态。哎……你今天就遇到了。前端就是这么气人职业。我可以这么说，刚刚的知识拓扑图，在10年后可能都会换了，这几年年如果你不保持学习的心态，10年后你就得和应届生抢饭碗。程序员也是吃青春饭的，你确定你刚得过应届生？

讲个小故事

1、这个是我和我有一个做java同一年入坑技术，第一年，前端jq用的最多，做很多响应式网站。我那朋友用的是java-jdk8

2、2年后，前端为了更好的处理jq引用插件依赖循序和冲突，开始采用requirejs,seajs,，我那java的朋友依旧在用java8

3、等到第5年，微信小程序流行，把dom和js隔离，引用MVVM组件化的思想，然后ag,vue开始流行。前端后端分离，前端开始自己革命,走向了一个全新的职业。薪水也在这个时候和后端差不多，甚至开始超越。我那朋友还在用8。内心开始有些不服了。当别人，坐着车，抱着美女吃火锅，你还要翻翻手机看看最近又出来什么新的技术栈。

4、第7年，我好不容易学会了ag1.0,2.0出来了。发现这哪个升级啊，就是另一个东西啊，只好埋坑。后来开始研究vue和react。然后我看朋友还在用8，我忍不住了，TM，java16都出来了，你怎么还在用8。朋友很不屑的看着我，很拽的说“和我有关系吗”。

5、好吧，我忍了，第10年，react 16.8出来，引入了Hooks概念，vue也不落后，出了3.0。前端多平台架构也开始火热。我本想问问我那朋友，然后想想算了，他肯定还在用8.。所以我只想说一句，你们后端有啥好嘚瑟的。前端早就与时俱进了。你们还在山洞人拿着石头噢噢的叫。

当然，这里只是一个小故事，其实java 也只更新中，都需要不断的学习。这里想突出的是，前端的更新频率会让你有种“学不动”的感觉。

大家不妨看看前端的更新速度，所以这里你有两条路可以走

A/两耳不问窗外事，敌动我不动，走条佛系之路。反正1年以后，我们依旧将同时起步，因为你现在学到东西，明年可能就过时了

b/走条大神之路，每个技术了然于心，慢慢的就会发现，万变不离其中，万法终将唯一,成为前端的先驱者和开拓者。而且学什么都会很快

废话--肯定“汉语”啊！全世界都在学中国话……

我虽然是前端，但是我还是喜欢PHP的，因为PHP开发人员经常对我说PHP是最好的语言，没有之一。

然后JAVA不服气了，说java才是最牛逼的语言。然后C++很不屑的说我还没发话呢。

这个时候前端不敢说话，我们也不敢说最牛逼，因为JS存在，TM的就是一门不想让人学懂的语言。都说计算机程序是有逻辑的，但现在自从我认识了JS之后，我就不这么认为了。如果你不信就来看看你

你确定你学的数学是真的吗。这个时候，你是在怀疑你自己，还是在怀疑你的数学老师

交换律不是在所有地方都信得通

一元一次方程也在JS面前啥也不是了

如果js绝望刚刚开始，那么，我们再来了解CSS，css是调整界面样式的。刚开始我也很喜欢它，他是如此的美好，就好比女人的化妆品，只要你使得好，能让页面变出花来。当然刚开始我也这么认为的，然后…出现了“兼容性”三个字，让我开始怀疑人生。你写的每一行css样式都不能保证所有设备的样式都是一样的。我刚毕业那会，要兼容的IE7，IE8有的还要兼容IE6。同样的布局我要写三套，引入各种hackcss兼容样式。

不过我们现在全民抵制IE。公司几乎不兼容IE11以下的浏览器。“前端永不为奴！！”

我们只是WEB前端，但在公司领导的眼里，但凡和界面有关的，前端都得会。只有在大厂才一个萝卜一个坑，在中小企业里，你不仅仅是web前端，上面的平台技术你都应该会。不要问为什么，因为领导的无知就是答案。

视频分享

我们来看看我们公司的小伙伴怎么说的

1、你做前端几年了?

2、你为啥选择做前端？

3、如果让你重新选择，你会选择前端吗？为什么？

4、这两年，你对自己的规划是什么？

5、你想对学弟学妹们说什么？

1、这个就是你们目前在公司的学长们，有高级，有中级，也有去年和你们一样的应届生。他们的路可能是我么大多数的路，你也可以走出自己一条路，但不管如何，你都要记住刚开始你为啥选择前端。你知道了你自己想要什么，自己才会做得长久，工作时才会开心。

2、我比很多人都幸运，我的职业刚好是我的爱好。所以我做前端其实内心很快乐，虽然少白头，虽然地中海，但我永远记得，我用代码实现第一个“hello word”时的成就感，既见既所得的立竿见影。虽然要学的很多，但是每个技能入门都简单。而且足够的酷炫吊炸天。

3、很多传统行如果和前端碰撞在一起会有什么样的变化

1、大家还记得这家伙吗，虽然现在我不知道他在哪里，但是曾经他的一个《吴xx入伍》的H5确实火得不要不要的。把前端H5推到了大众的视野。后来H5创意营销一直很火，甚至H5开发工程师直接从前端单独剥离一个职业出来。

2、创意的营销+新颖的技术很容易的吸引用户点击率。为市场部开辟了新的道路

这边有几个单身的小哥哥，给大家一个H5，让你们和美女近距离接触。

之前我们看样板房，必须要到现场，现在一个手机就可以真实查看场景，即便你家还没装修，设计师就早早的把3D效果图，让你声临其境，提前体验新家了。

WebGL可以为HTML5 Canvas提供硬件3D加速渲染 ,在VR，AI智能是行业的发展趋势，前端势必将引领时代的更新迭代，你做好准备了吗

很多年前，我一定没有想到，天天逃课去网吧玩的梦幻西游今天离我居然这么的近。

H5+canvas  把很多游戏页面化，用更简单的方式呈现出来。

小型游戏，商家更愿意在微信小程序上设计，不仅可以用微信庞大的用户群体，而且免安装，方便调试

大数据可视化也是这一两年的趋势，学好H5确实很香

不仅仅前端岗，很多行业，都会问这样的问题，就好比我们上大学，选专业一样，都会问什么行业吃香啊。感觉好像你选了最香的专业，你就真的最香一样。

请问你们知道现在最香的职业是什么吗？---白日梦

前端发展前景也是一样，你认定了一行，就把一行做到最好，然后在适当的时机，踏上更宽的一条路，你可以做一辈子的前端，也可以中途换行，你的格局决定你的发展前景，不是某个行业。

10年期间我带过很多人，也拿自己和其他人做了对比，其实学好前端，养成这几个习惯就好

1、把技术API文档一遍遍的看：很多难点，并不是你不会，也不是别人比你强，只是有些东西，别人看到了，你没注意看。比如vue,API文档就那么点东西，为啥别人用得很灵活，你就很生硬，还迟迟不止如何下手。

2、在开发过程中，要习惯看别人的代码，学习精华，去其糟粕。不要井底之蛙，也不要一味的模仿。

3、开发中难免遇到不会的，copy很简单，但也要知道复制过来的，究竟是啥玩意儿，知其然而不知其所以然，我们先依旧有很多同时喜欢复制粘贴

4、做重复需求时，为了省事很多人习惯复制之前的代码，个人建议，用现在的能力重新构思，你的进步会更快。

5、很多时候，重复需求就不想继续做了，感觉耽误时间，相信我，做得多绝对不是坏事，重复需求往往是你复盘之前代码最好的时间

之前我们说过，前端更新频率快，而且是横向发展的职业。所以我就根据近几年，给大家画一下，大的学习方向。小的方向，大家可以去百度搜一下前端知识图谱。

入门阶段，我们要把基础搭建好，然后学一个技术框架，优先学习vue, 然后react

慢慢的职业规划清晰，或者去不同的公司，业务需求不懂，你的技术栈也会慢慢的定性，基本分为：H5移动端+小程序（这个时候，C33兼容性）

node 开发工程师，继续pc端重心业务，canvas为重心的H5移动端工程师。

最后都会走上架构师道路，或者管理岗。