前端入门相对其他编程语言来说简单的多,但随着内容的深入,难度也会增加。

想从事这一行就要有坚强的毅力,坚持一天学习很容易,长期坚持每天学习也是件难事,很多人学着学着就放弃了,只有少部分人能坚持下来。

很多初学者刚开始学前端都是一脸懵逼的状态,不知道前端该学什么,怎么去学。下面推荐一条学习路线,首先前期需要先学好HTML、CSS、JS,把基础打好,这些相当于前端的骨架。其次是vue、react框架,真实开发项目都会用到,国内找工作的话vue是必学的,react最好也要学一下,对之后的晋升或者进大厂都很重要。有精力可以再学学小程序和一门后端语言node。做几个项目,现在找工作来说,基本都要有项目经验。

1、前期需要先学好HTML、CSS、JS,把基础打好。

(1)HTML+CSS

视频教程imooc免费:HTML+CSS基础课程-慕课网

参考文档:菜鸟学院(基础、简单):HTML 教程 | 菜鸟教程

参考文档:菜鸟学院(基础、简单):CSS 教程 | 菜鸟教程

(2)JavaScript

JavaScript初级

视频教程imooc免费:JavaScript入门篇-JavaScript入门视频教程-慕课网

参考文档:菜鸟学院(基础、简单):JavaScript 教程 | 菜鸟教程

JavaScript高级

视频教程imooc免费:JavaScript进阶篇_JavaScript视频教程-慕课网

参考文档:菜鸟学院(基础、简单):JavaScript 教程 | 菜鸟教程

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

2、前端框架

(1)vue一款偏向于移动端的JS框架,轻量级。数据驱动交互,学习起来非常容易。,它可以不依赖与Jquery框架独立使用帮助你开发一个友好的移动端界面。一个前端开发必要掌握的技能,一款流行的JS框架。

视频教程imooc免费:vue视频教程 | imooc

参考文档:菜鸟学院:vue 教程| 菜鸟

(2)react框架,比较起vue,它更复杂一点,重量级一点,但是实现大型的项目也很快速便捷。掌握它也成了诸多公司入职要求,相信学习过vue这类数据驱动框架,在学习起这个就会容易很多。

视频教程imooc免费:react教程-慕课网

参考文档:菜鸟学院:react教程 | 菜鸟

3、小程序,提供一个简单高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生APP体验的服务。

视频教程imooc:入门微信小程序开发

4、Node是一门后端语言,很多公司都要求前端至少掌握一门后端技术。

Nodejs教程1(node,grunt,restful,npm…):进击Node.js基础(一)-慕课网

NodeJs教程2(node,grunt,restful,npm…):进击Node.js基础(二)-慕课网

如果你基础都学了一遍,就可以参加自学团中小怪组织的实战项目了。带着你把前端项目撸一遍。会有产品、UI、前端、后端的小伙伴一起协作配合,最后做出成品,真正锻炼到大家的各项能力。

更多推荐

前端是不是很难学?