小白必看:浅谈web前端就业需掌握哪些技能?

初级前端

主要学习三个部分:HTML,CSS,JavaScript

一、html + css部分:
这部分特别简单,到网上搜资料,书籍视频非常多。

css中盒子模型,流动,block,inline,层叠,样式优先级等这些自学起来也是非常容易。

推荐视频:https://www.bilibili.com/video/BV1Q54y1y7RA?ssss

 

最后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览器,google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多,建议在实践中多多积累。

推荐视频:

https://www.bilibili.com/video/BV1p5411w71w?ssss


二、JavaScript部分。
1.基础学习:
难点,也是重点,要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,有很多比较抽象的概念,必须要深入理解,比如闭包、原型、面向对象、封装等,要理解透彻。

推荐视频:https://www.bilibili.com/video/BV1W54y1J7Ed?ssss


2.jQuery学习:
这些基础知识掌握好之后,还需要学jQuery,这是一个非常优秀的Javascript库,大型开发必备。它简化了Javascript的复杂操作,消除了Javascript跨平台兼容问题,提供了大量实用方法,有良好的文档和帮助手册,是一个非常成熟的Javascript库。

推荐视频:https://www.bilibili.com/video/BV1QA411W7s7?ssss


3.进阶学习:
有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。

但要想成为更专业的前端,你还需继续努力。

更高的要求大概还有四方面:易维护,可测试,高性能,低流量(移动端)。

推荐视频:https://www.bilibili.com/video/BV1vt4y1e7W4

 

中高级前端

 

1.工具学习:大型项目中,前端代码构建已经不是简单的压缩一下了,依赖管理、模块合并、各种编译步步不可缺少,需要学会使用grunt、gulp等前端构建工具,要学习的还有:包管理器bower、npm,代码优化CSS Lint、JSHint、JSLint,CSS预处理器less、sass,代码管理及版本控制svn、Git,web框架/服务器Node、Express,代码规范、HTML模块化、css模块化。

推荐视频:https://www.bilibili.com/video/BV1Jv411b7hQ?ssss


2.布局框架学习如Bootstrap。

https://www.bilibili.com/video/BV1uQ4y1T7kW?ssss

 

3.新技术html5学习。

4.js框架学习,requireJS、 AngularJS等,往前端架构师靠近。

 

5.nodejs学习。

在线观看:https://www.bilibili.com/video/BV1QT4y1A7NR?ssss


下图非常好的表达了高级前端工程师需要学习的内容:

到招聘网站,参考任聘要求,准没错,举例如下:

1.精通html和css,能制作符合W3C标准的静态页面;
2.精通JavaScript编程,对面向对象编程思想有深刻理解;
3.精通主流Javascript库/框架jQuery;
4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验;
5.对浏览器兼容性有深入的研究,精通各种浏览器问题 ;
6.了解Backbone.js、AngularJs等MVC框架并有实际项目开发经验;
7.了解asp.net等服务器后台技术和拥有一定的C#编程能力者优先;
8.对交互体验、可用性、用户体验有一定程度的理解;
9.有良好的责任心和团队合作能力、能承受较大的压力;

自己动手搜索下吧,确定目你的标和方向。

posted @   程序员小千  阅读(276)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示