2024年总结的web前端学习路线分享(学习导读)_2024前端学习视频(1)

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

CSS按钮设计:CSS按钮的样式设计。

按钮效果:设计许多按钮的样式,让自己的页面更加绚丽多彩。

波浪生成器:设置了波浪的CSS样式。

平滑阴影:设置了CSS的平滑阴影样式。

阴影生成器:设置了CSS的阴影生成样式。

等等等好多的设置CSS样式的网站,这里博主就举这几个典型的例子,使用好这些网站,自己的设置的网站一定会填出更加绚丽的色彩!希望大家灵活应用。

JavaScript工程化:


JavaScript是前端的一个交互学科,你能做出什么样的动作都依赖于JS的实现,虽然原生JS也能实现一些功能,但是操作DOM的效率太低,为此JS推出了一个专门操作DOM的第三方库:jQuery。这个第三方库极大的提升了前端操作原生DOM的效率,这个库在前几年还是比较流行,随着时代的更替开始走下坡路,当然还是有许多公司的老项目还是使用的jQuery的,拓宽自己的视野的话,学习一下也最好。

博主推荐学习视频:这里推荐pink老师讲解的jQuery视频,赋予链接:网站传送门

博主推荐查询网站:这里可以看一下W3c讲解的知识,赋予链接:网站传送门

博主推荐阅读专栏: 这里也可以关注一下博主对jQuery的讲解专栏:jQuery专栏

框架工程化:


框架工程化也是脱胎于JS工程化,在前端工程化阶段中,你至少需要学会并掌握一门主流的前端开发框架(Vue / React),并懂得配合脚手架、组件库工具等从0开始独立搭建并开发一个完整的前端网站,可以参考一些经典案例一些知名网站进行仿写,感受前端工程化的优势。

对于框架学习的先后顺序没有太大要求,Vue相对于React来说比较简单,符合国内人的开发编程习惯,先学Vue可能是一个比较不错的选择,可正因为Vue的简单,带来的就是会React的开发者工资会比会Vue的开发者工资高,当然看个人选择。

Vue框架学习路线总结如下

博主推荐学习视频:这里博主推荐首先看一遍黑马的pink老师讲解的Vue全套视频教程,赋予链接:网站传送门 ,这套教程讲解的比较基础,其次再看一遍尚硅谷的张天禹老师讲解的vuejs从入门到精通,赋予链接:网站传送门 。这套教程讲解的Vue比较底层一点,两套教程都建议去看一遍Vue才能说可以是入门了。

博主推荐查询网站:这里可以看一下vue的官方文档,赋予链接:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对vue的讲解专栏:vue技术栈

React学习路线总结如下

博主推荐学习视频:这里博主推荐首先看一遍黑马的pink老师讲解的React零基础入门教程,赋予链接:网站传送门 ,这套教程讲解的比较基础,其次再看一遍尚硅谷的张天禹老师讲解的React教程,赋予链接:网站传送门 ,这套教程讲解的React比较底层一点,两套教程都建议去看一遍React才能说可以是入门了。

博主推荐查询网站:这里可以看一下react的官方文档,赋予链接:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对react的讲解专栏:react技术栈

这个前端工程化阶段,可以说是整个前端的核心重点,需要大家去认真的打磨去积累,争取完整的做几个项目,并结合Git将自己的项目上线到开源仓库上,只有这样才能让自己的技术得到稳步的提高。

前端进阶

由于现在前端行业的内卷严重,导致现在很多的企业都要求你会其他的一些前端必备技能,如下:

现在许多公司都要求前端需要掌握nodeJS,现在给出如下学习路线

Node.js的话不要求你学的有多深,至少自己能够懂得express框架,能够自己独立的写一套接口出来就行,当然如果想法的朋友想从事全栈方向发展的,node.js的话,可以学的深一点,这样未来学习其他的后端语言的压力也能小一点。

博主推荐学习视频:这边博主推荐看一下黑马刘老师的Node.js全套入门教程,赋予链接:网站传送门 ,课程作为框架前置课,重点铺垫 npm、包、模块化、身份认证、CORS 跨域等主要知识点。

博主推荐查询网站:这里可以看一下菜鸟教程讲解的Node.js的文章:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对node的讲解专栏:node专栏

现在好多的互联网公司的项目开始用TS来取代JS,所以学习TS来提升自己的核心竞争力,如下:

TS的话,博主建议还是好好学一学,现在的好多互联网公司项目都开始将TS来取代JS了,如果你懂得TS的话,未来去公司工作也能减少一些阻力。

博主推荐学习视频:博主这边推荐黑马的TypeScript零基础入门到实战全套教程,赋予链接:网站传送门 ,从零开始学习 TypeScript,上手时不需要工程化配置,完全没有任何学习负担。

博主推荐查询网站:这里可以看一下菜鸟教程讲解的TypeScript的文章:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对TS的讲解专栏:TS专栏

如果想往移动端方向发展的朋友,微信小程序是一个不错的选择,如下:

小程序的话,公司要求的不是很高,因为小程序基本算是vue和react缝合的一个东西,好多的功能实现比较简单,所以入门还是比较简单的,感兴趣的朋友也可以去学习一下。

博主推荐学习视频:博主这边推荐黑马的微信小程序讲解,赋予链接:网站传送门 ,课程从小程序账号注册、开发环境搭建、基础语法、路由导航、数据请求、分包、组件化等方面详细阐述了小程序开发必备的基础知识。

博主推荐查询网站:微信小程序的话查阅资料还是推荐看官方文档,赋予链接:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对微信小程序的讲解专栏:小程序专栏

还想在前端更进一步的话,还是推荐学习一下网络安全方面的知识,结合自己的前端方向形成一套前端安全体系,这样自己的核心竞争力才能提高,当然还是一些前端优化方面的知识也是需要去了解一点的,至少知道一些基础的前端优化手段等等,后期博主会专门出一栏讲解前端安全方面的知识,尽请期待!!!

前端求职

目前前端行业的就业前景相较于前几年来说,开始走下坡路了,以前的前端求助只会一个jQuery框架就能找到实习工作,而相较于现在来看,你只会一个jQuery是HR连看你简历的欲望都没有,所以对于现在的前端就业来说,求职是一个漫长的过程,建议拉长战线尽早准备

物竞天择,适者生存。任何一个行业如果不够努力的话,终究会在滚滚的历史洪流中被淹没,如果想尽早上岸,必须要时刻保持 谦逊求知坚持热忱 的精神状态。以下是博主为前端求职者准备的一些小Tips,希望大家都能找到自己满意的工作,争取人人都能冲击大厂!!!

博主推荐学习视频:这里博主推荐的视频是金渡教育的前端高频面试讲解,赋予链接:网站传送门

博主推荐查询网站:面试查询的网站的话,博主推荐看一下牛客,赋予链接:网站传送门

博主推荐阅读专栏:这里也可以关注一下博主对面试的讲解专栏:手撕面试题

看完面试题,掌握了以前忘记的理论知识以后呢,还是要进行一些题目的练习的,编程不是只靠理论就能学会的东西,得自己多敲多练,形成自己的肌肉记忆,这样才能在任何的问题面前变得游刃有余,而不至于手忙脚乱不知所措。

博主推荐刷题网站:这里的话我个人是推荐力扣和牛客的,里面的题型众多,也有其他大佬的刷题的答案讲解,与自己所写的答案相互印证,这样我觉得提高还是很快的。

博主推荐阅读专栏:这里也可以关注一下博主的前端刷题讲解专栏:前端刷题

前端未来

从前端的岗位上来说,因为前端的工作性质,只要有互联网公司必定有前端。移动互联网在持续发展,前端开发技术也是在不断进步的,前端应用市场越来越广泛。前端开发现在正在走向工程化发展,无论是大小公司企业,对前端开发的需求都是越来越大,也越来越专业了。

总得来说,这个行业的前景是很广阔的。大家平时也可以多多看一下公司对前端的招聘需求等等,多多了解现在互联网公司对前端行业的要求有哪些,避免自己的盲目自学:

以上是一些互联网公司对前端工程师的一些要求,一言以蔽之:前端三件套、前端框架是必须得会的,也要懂一点后端语言,至少你也得有项目经验,毕竟公司招你是让你去干活而不是花代价去培养你的,不管未来如何波诡云谲,努力才是上岸的正确途径。

写在最后

以上是博主自学一年前端总结的一些经验,虽然不是特别的准确但是至少能够给刚入学的前端小白一个借鉴的分享,因为前端技术日新月异,博主会每年都会将这篇文章进行更新修改,争取能够符合当前的社会发展状态,接下来我也会把一些人可能问到的问题总结如下,给大家分享一下我的经历:

前端难不难

前端相较于后端语言来说还是比较简单的,不用考虑太多的算法方面知识,如果你的编程能力不是特别的优秀又想从事编程行业,前端可以说是一个不错的选择。

前端好就业吗

近几年由于培训机构输出大量的程序员,导致现在前端有一点饱和,人数的众多导致企业对人才的要求也提高了,如果你想从事前端,建议早最准备学习多项技术才能让自己不被淘汰下去。

前端学到什么程度可以实习

前端三件套肯定是要学的,还是至少自己得熟悉并掌握一套前端框架Vue或React,上面分享的公司对前端的要求也很容易就能看出,然后自己也必须有点项目经验,至少自己能够完完整整的做出一个项目来,做到这种程度差不多能够符合工作的标准了,如果想提升自己的竞争力多学习一下其他相关的前端知识最好。

前端的薪资怎么样

由于前端相对于后端来说比较简单,所以说后端的薪资还是普遍比前端高一点点,当然如果你有很高的项目经验的话,还是能够拿到高薪资的。

既然你要选择这个行业的话,那就加倍努力的追赶前人,超越自己。越努力,越幸运,送给众多刚刚接触IT行业的小白,共勉!

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

.(img-66EPPGWE-1714891147595)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

  • 29
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值