很多零基础的小白看到近几年Web前端的火热,也想加入到前端的开发行业中,但是却没有一个好的学习方法,今天就给你大家分享下南京北大青鸟Web前端开发学习路线,让你对自己的学习之路更加清晰。
1.前端开发基础
首先前端的基础,相信大家闭着眼睛都能知道HTML+CSS+Javascript,但是它们的轻重缓急该如何去选择呢?在学习优先级上HTML > CSS > Javsscript,之所以这么排并不是因为Javascript不重要,而是因为HTML和CSS的学习上可以不用花太多时间,而且Javascript是前端开发一切学习的基础。
HTML与CSS可以在一起学习,因为HTML的标签只有配合CSS样式才能达成优美的页面效果,没有CSS的页面只能是很多年前的门户网站的样子。随着HTML5和CSS3的普及,以及浏览器对它们的支持,越来多的产品都选择用HTML5开发,HTML5甚至可以直接作为一个前端开发方向。
2.前端框架学习
说到框架学习,如果说JS框架的话,相信很多人一定会脱口而出jQuery,这是很多当初进入前端开发领域一定会学习的内容,我也不例外。但是现在却并不会推荐把很多的时间放在学习jQuery上,因为如果你深入学习之后会发现,对于jQuery的使用已经变少了。针对HTML布局上,当然Bootstrap是不能少的,我们不用把每个类都研究的很透彻,但是对于常用的class一定要熟练使用。首先有一点,ES6是一定要去学习的,在Vue2.X,AngularJS2,React中都对ES6提供了原生的支持,以后很多新的特性肯定也会使用ES6的语法去编写。我认为Vue学习是相对来说成本比较低的框架,目前官方文档已经很详细,关于Vue全家桶的内容像Vue-resource,Vue-router,Vuex等越来越完善,而且在Github上开源是项目也有很多,可以很容易掌握。
3.构建工具
前端开发是离不开构建工具的,自己写的代码如何打包压缩,ES6的代码如何编译成JS,Sass,less代码如何编译成原生CSS,这些都是构建工具去完成的。有了构建工具,可以极大的提高我们的开发速度,这里不得不提到的就是gulp+Webpack。Webpack的作用就是把所有浏览器端需要发布的静态资源做相应的准备,比如资源的解析、合并和打包,它提供了强大的加载器和插件机制,例如vue-loader提供了对vue的支持,babel-loader提供了对ES6的支持。其他的构架工具还有工程化构建的Yeoman,Slush,FIS等。
4.算法模块化和组件
前端开发已经从原来的整体化开发发展到现在的模块化开发,甚至是组件化开发,开发过程愈发精细,讲求的是代码的可复用性。以前一个页面从上到下一次编写的过程,现在已经发展为先将页面进行拆分成模块甚至是组件,不同的人关注不同的模块,组件,提高开发效率。在模块化开发中,不得不提到CommonJS,AMD和CMD规范,并且有不同的实现,比如RequireJS。对于模块化编程的规范已经有很多的文章有讲到,可以认真去学习下。
5.全栈开发
Web前端开发到后就是要走全栈开发的道路了,全栈开发以NodeJS作为服务端语言,基于NodeJS实现的服务端框架有Express,KOA,目前也发展的越来越成熟。既然讲到全栈开发,肯定会通过服务端语言操纵数据库,因此对于数据库的知识也肯定要掌握的。
如果你可以按照南京北大青鸟的学习线路一步步的学习,相信你一定会有不小的收获,当然你要是选择南京北大青鸟的培训可以更快的学习系统的知识点,更快的进入职场。