博客信息

如何高效率学习前端?

0
发布时间:『 2018-07-08 19:46』  博客类别:HTML5  阅读(1396) 评论(0)

前端最基础的就是HTML+CSS+Javascript。掌握了这三门技术就算入门前端了,但这仅仅是入门,简单的来说就是你可以切图了,也就是所谓的静态网页。现在前端开发的定义已经远远超过切图了。你还需要更加深入的学习其他的前端技术。



或许现在有小伙伴们正在入门前端,内心颇感焦虑,其实只要坚定了这条路,那么一定可以学好,并且找到心仪的工作的。下图是小编总结的一套学习流程。

image.png

从一些简单的书籍入手,多进行些广而浅的学习,后进行精而深的学习,在有限的时间内,应尽可能多地掌握一些基本知识,然后更多地进行实践。 在学习中遇到了解决不了的问题,就去查,然后及时做记录,然后再回过头去实践,往复这样的过程,提升会很快。



  • 可以选择在慕课网,那里有非常全面而且基础的教程,完全足够我们入门,学过之后,我们应该对整个前端开发用的技术有初步的了解。最终效果可以达到:我可能不太懂太多,但是我知道这个名词,懂这个API,知道简单的使用。

  • 另外一本书便是大名鼎鼎的《JavaScript高级程序设计》了,建议买正版, 这本书适合新手读,更适合老手读,比如可以在看完慕课网的视频之后来照着此书敲一敲学一学,感觉很酸爽,有句话是学得快,忘得快,所以得经常来回翻一翻,每次读完都会有新的感受。

  • 如果觉得光看文档太枯燥,想去看看别人的理解怎么办,可以去博客园,掘金进行海搜,遇见大牛的几率很大,然后就毫不犹豫地收藏到你的收藏夹里去吧。

  • 更有针对性的就可以去了解一下BAT,360有哪些了不起的前端团队吧,关注他们,或许未来就在其中了。

  • 除了一些直接的知识,我们也需要社区文化,自豪地拥抱SegmentFault,StackOverflow`,程序员的百度知道。

  • GitHub是我们每一个程序员都需要常去的地儿,你需要知道,一切代码的来源,99%都在这儿, 所以想知道些最新动态,花点时间泡在这儿准没错。

HTML并不是一门编程语言,它只是一些简单的标记罢了,也不需要花太多功夫去记住全部的标签,按需使用便可,入门后我们也大概清楚了CSS是一些标记对,通过描述样式来一层层叠加在诸如id和class之类的标签上,清楚了JavaScript写法上的随意,但是随意会带来一些陷阱,诸如变量声明提升,函数作用域。具体地可以自己体会一下。


效率篇

小编在此给大家推荐一些提高效率的工具。

  • 思维导图工具-XMind,免费,Windows/Mac平台都有,当我们学习知识的时候,仔仔一直坚信理解并梳理清楚才能够算真学会了。所以我会结合博客和XMind,让知识体系更为清晰。

  • 图形类工具-PowerPoint,Mac平台OmniGraffle,可能你也发现了,这篇文章里面的配图很多都是用Omni制作的。

  • 不会休息的程序员不是好的切图仔,所以使用Pomodoro管理我们自己的节奏吧,写上20分钟,休息上5分钟,在5分钟的时候思考那些没解决的bug,保证会比坐在电脑前想着要舒服,值得高兴的是,它又是一个全平台产品。

下面是学习前端的一些学习路线:

HTML部分

  1. 对HTML5的理解,Web语义化,SEO

  2. 页面加载的过程

  3. 结构组织

  4. 新增API 如本地存储、Canvas

CSS部分

  1. CSS3 transition transform animate

  2. w3c盒子模型 和 IE盒子模型,box-sizing属性

  3. BFC

  4. 优先级

  5. less 与 sass

  6. background-* 系列属性,这个不要忽视了,还是很重要的

JS部分

  1. 原型 闭包

  2. 声明提升

  3. 基本数据类型

  4. 高阶函数

  5. JSON

  6. JSONP 跨域 iframe 通信

  7. Ajax

  8. 原生DOM操作(比如 逆序DOM节点)

  9. 事件捕捉,捕获,冒泡,代理

  10. Array常用函数

  11. String常用函数

  12. ES5 + ES6

  13. VUE

  14. 框架部分(大部分按照简历来)

  15. Angular脏检查机制

  16. 手写Angular指令,知道其生命周期

  17. 手动实现MVC

  18. 衍生部分

  19. HTTP1/2 理解、状态码、优化、缓存控制(必考)

  20. TCP三次握手,四次挥手

  21. XSS与CSRF(必考)

  22. 学习经历和方法

  23. 性能优化

  24. 单元测试

  25. React + Redux

总结

有一个好的学习方法比什么都重要,虽然这篇文章是讨论前端的,但是学习的方法并不局限在前端上,掌握好的学习方式,可以无形中减少我们的学习成本,努力不是用消耗的时间来衡量的,我们需要的是学好,更需要玩好,开心才是最重要的。


关键字:     前端,方向  
博主信息

勿扰
简介:对自己狠一点,社会才会对你好一点!
4年1月
QQ
热门文章
Powered by 勿扰 V2.0 湘ICP备18002237号-2     Copyright © 2016-2018 勿扰个人博客 版权所有