前端学习思路
写在前面
我个人对学习的看法就是,慢慢来,从基础学起,渐进式的学习。
病学者厌卑近而骛高远,卒无成焉
不要好高骛远,前端技术多且杂,不要被一些框架,库,高大上的样子,迷惑了,从基础学起才是最重要的,基础打牢固了,以后使用起框架,库,才会得心应手,如臂驱使。
学习时长
学习一个东西要多久,不是别人谁说了算的。决定因素是你付出的时间和付出的努力。
别人能帮你的只是,帮你修正学习路线,给你建议,让你在减少花费在制定学习计划,规划学习路线,和寻找学习资料上的时间。
还有就是我个人作为一个普通人,学习的方法就是看文档,看视频,敲练习。以官方文档为准,视频辅助理解。还有就是网上有很多优秀的论坛、博客,也是学习的利器,一定要学会使用这些帮助自己学习。
思路
HTML
HTML相对简单,需要记忆的是很多的标签。
- 标签的属性,用途
- 标签嵌套的规则
- 语义化的使用标签
- H5新增标签的使用
CSS
- css基础样式
基础样式的学习,需要的是大量的记忆,过完文档之后,在实战中加以应用,能够帮助我们更好的记忆和知道怎么合理的使用样式 - css hack
旨在处理各种布局中遇到的问题。体会页面的调试,逐渐做到快、稳、准。 - 页面布局实战
通过个中小例子,在单个的案例中,锤炼CSS技术。 - 仿写各大官方网站,包含pc端和移动端
- 把之前学过的HTML和css知识,整合起来,进入到实战中。
- 仿写页面务求尽可能的精准还原
- 仿写不只是为了写页面,更多的是比较自己书写页面的方法和大厂前端优秀工程师的异同。提升自己的能力。
JavaScript
- 菜鸟教程,(w3school)[http://www.w3school.com.cn/]
基础定义一定要过一遍,国内的几个网站看起来亲民一点 - (MDN)[https://developer.mozilla.org/zh-CN/docs/Web]
mdn 比较官方,翻译准确,不过有能力建议看英文原版 - 视频
- 基础视频推荐黑马js,b站有
- 渡一js ,腾讯课堂有
- 实战,实战,每一个api的应用
jquery类库
- 了解,会用,主要体会jq 的封装思想
Node
- B站有黑马视频
Vue
- B站有黑马视频
小程序
React
视频,文档如有需要推荐,可以联系我