前端零基础自学之路

2018-07-12  本文已影响53人  merrylmr

前言:

从事前端一年多了,整理了一下自己当时学习前端的一些资源(自学前期主要是看视频和部分书籍,现在主要是看官方文档)。
自学web前端前:不知道web前端是什么,html、css、js是什么鬼???

建议:
零基础学习:先看视频比较好理解,有了基础之后,则主要看官方文档和书籍更佳。也可以去github上看别人写的项目。

下面是前端从零基础学习资料整理:

基础篇:

学习时长:建议(1~3个月)

html+css:

视频:http://edu.51cto.com/course/3148.html?source=so
http://edu.51cto.com/course/1444.html?source=so

文档:http://www.w3school.com.cn/html5/index.asp

html3+css3难点+重点:
1.几种定位
2.浮动
3.盒子模型
4.布局
css样式优先级
5.html5和css3得新特性(动画等)

Bootstrap:

备注:样式框架(会用就可以了,很简单,看下文档,主要是了解栅格布局,方便以后快速学习其他得css框架)

视频:http://edu.51cto.com/course/3237.html?source=so
(当时看的时候,视频是免费的,现在1块钱的样子。老师讲的很仔细,非常适合零基础)

文档:http://www.bootcss.com/

Javascript

视频:http://edu.51cto.com/course/166.html?source=so

书籍:JavaScript高级程序设计(第3版)(必看,反复看此书)

重难点:
原型链+继承+面向对象编程+dom操作+ajax+事件

jQuery

jQuery是一个快速,小巧,功能丰富的JavaScript库

视频:http://edu.51cto.com/course/3630.html?source=so
(收费视频,我当时看了,老师讲的很仔细)

文档 :http://www.w3school.com.cn/jquery/index.asp

进阶篇

1.前端MVVM框架学习:Vue、react等
2.webpack工具使用
3.es6的学习
4.算法与数据结构
5.探索原理性的东西(如:如何实现一个promise、vue源码、自己封装一个简单的库之类的等)
.....

其他学习渠道:

1.微信公众号:javascript,前端大全

2.大牛博客:

3.视频网站:51CTO学院+慕课网

4.博文网站:

上一篇下一篇

猜你喜欢

热点阅读