大约是从HTML5正式发布开始,前端技术进入了高速发展的时代,各种前端框架、组件、工具层出不穷。
在前端技术眼花缭乱的时代,作为一个小白该如何学习、提高?在这里我结合自己的十年从业经历,来简单分享一下自己的经验看法。
浅谈前端
一、关于前端
我们必须纠正一下大家对于前端固有的错误印象。很多人总是以为前端人员就是写写页面这么简单,其实不是这样的,现代的前端岗位是一个综合素质要求很高的行业。
前端工程师
首先,作为前端程序员,不仅要掌握开发语言、数据结构、算法等编程素养,现在的前端应用场景复杂程度非常高,这就要求我们必须向后端程序员那样,具备很高的软件架构能力。
其次,前端的程序是直接跟用户交互的,现在的互联网竞争激烈,产品是否美观、操作是否友好,是吸引用户的重要因素,所以,还必须具备UI、美工、用户体验等多方面的设计能力。
最后,很多情况下,前端工程师要参与到产品运营推广工作中,这又要求总结、归纳、文案写作等能力,甚至是对数据的统计、分析能力等等。
有了对前端工作的正确认知后,我们接下来开始具体讲解。
二、技术学习路线
前端小白最好给自己规划一条合适的技术学习路线,以下是我个人的技术发展过程,我觉得还是能适合大多数的前端人员:
1.基础掌握
前端开发三剑客必须掌握:html、css、javascript。html负责组织页面结构及数据的承载,css是对外观显示效果的处理,javascript则是对行为、业务逻辑的处理。这些基础知识经过长期的迭代,目前已经发展到html5、css3、es6,大家必须掌握好。
2.进阶能力
对于进阶知识学习,这里推荐大家一些组件库、UI库,例如jquery或zepto(虽然他们以后会被取代)、ajax、bootstrap、less、sass等,这些内容的学习,不仅能直接提升你对基础知识的掌握、提高开发效率,并且能够实现大部分传统web应用场景的开发。
3.前端框架
这里的框架,指的是架构级别的基础框架,它必须对前端开发的各个方面提供支持,主流的框架以Vue、React、Angular为代表,这里推荐大家学习Vue,它提供了模板语法、组件、路由、监听、状态等一整套方案。框架的学习,让我们的编程思维得到更大的提升,对模块化、组件化、mvvm的开发思想会有新的认识。
4.前端工程化
现在越来越流行用工程化思想,来管理前端项目,这里的推荐组合是nodejs+webpack。通过webpack自动化搭建项目架构、组件安装及管理、测试管理以及代码压缩、混淆、编译、打包等。甚至跟一些诸如基于Vue的脚手架工具配合使用,能够搭建起开箱即用的项目架构。
5.技术加持
建议大家对诸如