web前端入坑指南

分类:前端来源:站内 最近更新:2022-08-18 21:17:13浏览:52留言:0

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

1.png

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

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

2.png

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

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

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

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

3.png

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

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

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

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

4.png

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

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

5.png

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

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

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

7.png

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

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

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

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

WX20220818-203808.png

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

WX20220818-203859.png

WX20220818-203922.png

WX20220818-203944.png

WX20220818-204018.png

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

所以你拖后腿了吗

WX20220818-204152.png

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

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

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

WX20220818-204245.png

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

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

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

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

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

WX20220818-204555.png

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

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

WX20220818-204737.png

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

WX20220818-204848.png

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

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

WX20220818-205037.png

讲个小故事

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 也只更新中,都需要不断的学习。这里想突出的是,前端的更新频率会让你有种“学不动”的感觉。

WX20220818-205400.png

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


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

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

WX20220818-205504.png

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

WX20220818-205651.png

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

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

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

WX20220818-205819.png

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

WX20220818-205857.png

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

WX20220818-205948.png

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

WX20220818-210026.png

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

WX20220818-210141.png

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

WX20220818-210214.png

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

WX20220818-210413.png

WX20220818-210428.png

视频分享

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

1、你做前端几年了?

2、你为啥选择做前端?

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

4、这两年,你对自己的规划是什么?

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

WX20220818-210534.png

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

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

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


WX20220818-210800.png

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

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

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

WX20220818-210851.png

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

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

WX20220818-211002.png

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

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

WX20220818-211037.png

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

WX20220818-211113.png

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

WX20220818-211209.png

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

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

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

WX20220818-211340.png

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


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

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

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

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

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

WX20220818-211453.png

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

WX20220818-211532.png

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

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

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

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

WX20220818-211609.png


上一篇:了解前端缓存

没有下一篇

1

发表评论

评论列表(0)

  • 暂时没有留言
热门