写在前头
在互联网行业中,前端是非常重要的角色,它所服务的对象往往是直接使用相关软件的用户,前端页面写的漂亮与否,对于用户的使用体验影响是非常大的,前端就是互联网行业相关产物的门面。
所以,我认为前端学习,首先是要有一个将页面写好看的信念,并学会去欣赏自己还有其他人所写出来的东西。能够感受什么样的页面是好看的,什么样的页面是不好看的,如果说一个前端工程师不在意前端页面的效果,那么我认为这不是一名合格的前端工程师。
这里所说的并不是要让前端工作者的页面赏析水平都要和页面计师一样,但是最起码需要多去观察不同页面的特点和结构,并且能够非常顺利轻松地写出来自己想要的页面样式。在前端的实际工作中,页面的设计往往不是工程师所要关心的,页面需要被设计成什么样,都有相应的设计师去完成,而前端工程师所需要做的一个最基本的任务,就是将设计师设计出来的页面,像素级地还原。
学习路线
根据我自己之前的学习经验,我总结出一句话,就是学习,一定要有目的的去学。如果我们的学习目标是成为一个优秀的前端工程师,那么就应该多多的去写作品,写项目。计算机所学习的知识,想要很好的掌握和运用,一定都是在多多练习多多使用的基础上的。
在知道了需要学什么之后,大家所需要做的,就是通过练习,将这些知识变成自己手中的工具,然后制作出自己所想要的作品。
那么下边,就给大家说一下我认为比较合理的前端学习路线:
基础阶段:
1、Git
git是项目团队合作中必不可少的开发工具,同时git也是一个开源的代码仓库,可以在其中寻找自己想要的优秀项目源码,并且可以将自己的作品代码上传到里边,方便管理 。
目标:
掌握常用的Git操作命令,理解Git的原理,明白团队在一天的工作中为什么要对项目代码进行相应的Git处理,将自己未来的各个作品都添加到Git仓库里。
2、HTML、CSS
HTML和CSS可以说是计算机中最简单的语言了,学习起来也很轻松,需要学习的东西不多,但是需要多多练习。只要知道简单的书写语法和基本用法就可以上手写东西了,侧重点在CSS上。
延伸:
简单的内容学会了,可以再去学习一下模块化CSS(sass、less),flex布局(非常方便的页面布局方式)。
目标:
掌握理解position用法、盒子布局、浮动、display用法等,能够使用HTML、CSS将一个漂亮的页面100%还原。
3、JavaScript初阶
学习JavaScript前期最重要的是学会JavaScript的基本用法,并能够熟练的对bom和dom进行操作。
延伸:
掌握理解JavaScript的冒泡事件、闭包、原型链、this特性、函数自调用等。
目标:
能够使用JavaScript写出来漂亮的动态页面效果,实现特效动画。
4、bootstrap、jQuery
bootstrap相对简单,侧重点在jQuery的使用,以及组件的使用,因为jQuery是大多数人接触的第一个对于JavaScript封装的框架。
目标:
用jQuery代替JavaScript,同时使用组件,写出来具有动画效果、还原度100%、拥有自适应布局的页面。用jquery写一下酷炫动画
进阶阶段(这一阶段部分内容需要与后端、数据库一起操作进行,学习过后端一定知识之后,才能够更好的理解掌握)
1、AJAX、JSON
学会这两个技术,是跨越对前端理解的重要一步,通过这两个技术,能够使前端静态页面动态的展示数据。
目标:
理解同步和异步,能够自己动手书写JSON格式的接口,通过AJAX获取接口数据,将数据动态异步展示在前端页面中。
2、JavaScript进阶
学习JavaScript的ES6版本。
目标:
掌握并学会运用let、const、map、set、解构赋值、字符串操作、promise、Async、await、class、extends等新特性。
3、vue
vue框架可以说是前端的一个非常强大的框架,有好多其他框架都是基于vue框架写出来的,在vue框架中,能够很好的体现出组件和动态的使用。
目标:
掌握vue语法,能够熟练使用vue的各种绑定、vue路由、组件、组件传参、声明周期、状态管理等,使用vue框架,以及JavaScript的ES6版本实现一个动态商城小作品。
高阶阶段(这一阶段主要是通过不断地练习,掌握前端的编程思想)
在刚开始学习前端的很长一段时间里,我个人总以为前端就是将页面写的很好很漂亮就足够了,但这远远不能够达到一个优秀的前端工程师的水平。
可扩展、可复用
实现前端页面样式和页面功能也许并不难,但是在真正的项目中,前端也是需要实现可扩展可复用的。当我们将项目作品完成,但是后期又要往里边添加其他功能模块、或者修改部分样式的时候,我们不应该修改过多部分的代码,应该尽量减少代码修改的数量,所以,页面、组件之间应该尽量的减少冗余和依赖。
如果只是说为了实现功能不断地堆代码,那么往往组件和页面之间会出现很多冲突,这时如果要去修改部分功能,往往就是牵一发动全身。
写活不写死
在大部分项目中,前端的页面都应该是活的而不是死的,展示在用户面前的绝大部分数据都是通过请求后端接口返回回来的动态数据,包括图片、文字甚至图标,这样,在后期修改的时候,可以直接在后台修改数据,而不用再对前端进行修改。
写在最后
前端的学习,远远不止上边所说的这些,学海无涯,我们学习多少内容并不重要,重要的是能不能学的越来越快,培养出适合自己的一个较好的学习方法是更重要的,把学习当作热爱,目标总有一天能够实现。
最后,给大家推荐一个GitHub网址,这个链接里边有IT行业里所涉及的各种技术知识,GitHub是一个非常好的网站,有很多的学习总结文章,更重要的是有很多学习资源的链接,大家没事了可以好好看一下,如果感觉GitHub比较慢了话,也可以去访问码云。
感谢范腾飞学长的指导和修改意见,希望本文能够给大家提供帮助。