自学前端开发，前端进阶阶段需要学习哪些知识？

Posted 2021-06-30 BOM485480

今天要跟大家分享的文章是关于web前端进阶阶段需要学习哪些知识?已经入门web前端想要提升自己技术的小伙伴们来和小编一起看一看本篇文章吧，希望本篇文章能够对大家有所帮助。

1、完善我们的基础知识

(1) html5，更高级的标记语言，功能更加丰富多彩。新增许多标签，比如：canvas、video等，可以自己实现更多的动画，炫酷的特效或者播放视频等等。

(2) CSS3，更高级的样式语言。你可以实现丰富多彩的页面动画，不必要每次都是用js，使用CSS3就可以轻松便捷的实现一些想要的网页交互。

(3) 重中之重，javascript编程语言。这是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

(4) 开始学会使用一些前端的框架，这里我是指前端的UI框架，它们可以帮助我们快速高效的开发一个网站，并且界面风格也好不错。比如PC端的Bootstrap，其实它是响应式的框架，也可以用在移动端H5页面，或者AmazeUi，这是一款专注于移动端的框架。你可以百度也可以在对应框架的官网查看文档，当你学会使用某个框架的时候，其他的n+1个各种各样的前端UI框架，你也会信手拈来。

(5) 还有一种前端框架，如layui这类的，算是工具类框架。它里面包含了分页效果、弹窗效果、日期选择控件等等内容。当你学习到这个时候或者更后面的学习里，你可以去学习如何使用，能够更高效的帮助你完成项目的开发。

在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

(6) 通过百度，可以找到许多网页交互特效的插件，如二级菜单下拉特效、手风琴菜单、图片轮播、弹窗效果等等。下载它们源码及示例，动手学习使用或模仿它们的效果，可以帮助我们快速实现一些比较复杂的交互特效。现在有非常多的免费开源插件，让我们不用再重复造轮子，直接使用就很方便。当然，我的建议是当你学会使用某个特效插件时，你可以学习它的源码，看看效果究竟是如何实现的。这也是巩固学习javascript语言的好方法，你值得拥有哦。

(7) 到了这一步，你算是基本掌握了前端开发的一些知识技能。你可以找到一些典型的官网来仿写它们的界面和交互特效，如京东官网、淘宝官网等等。认真写几个这样的官网首页，可以进一步巩固和完善之前的学习到的知识。

2、一些学习资源建议

(1) 基础知识学习的网站依旧是w3cshool、菜鸟网站等等。

(2) B站、慕课网、极客网等IT技术视频教学网站，比如慕课网，里面有很多不错的免费视频，如果觉得之前的学习太过枯燥或有些困难。那么这类网站里面的视频教程，可以让你学习上手起来容易得多。

(3) 对于一些前端框架的学习，你可以百度，还可以进入它们的官网，学习它们的官方文档。跟着例子一步一步来做，多做多练，很容易熟悉和使用。

(4) 一些特效插件也可以百度，这里也推荐一个收集许多特效的网站。http://www.jq22.com/这是一个js、jquery特效插件库网站，里面的特效很多我们都可以用到。

最后，相信经过这一章的系统学习，你会有很不一样的成长和进步。加油!要相信前端学习入门是很容易的。望本篇文章能够对大家有所帮助，