前端开发通常是指负责网站界面的实现和人机交互实现,未来倾向于用户体验的实现。
1.前端开发的四个阶段
前端开发对于网站来说,网站的前台部分包括网站的表现层和结构层。因此前端技术一般分为前端设计和前端开发。
前端设计一般可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括基本的HTML和CSS以及JavaScript,及现在的HTML5、CSS3,以及SVG等,那么前端该如何向更高的层次进阶呢?
前端开发的四个阶段:
第一阶段:页面制作基础
Web前端开发HTML+CSS编写、Photoshop切片、Javascript开发基础、HTML5+CSS3编写及应用。
第二阶段:主流框架应用
Bootstrap、jQuery、Zepto.js等第三方UI及其它库文件的应用。
第三阶段:前端技术进阶
移动前端开发项目,Mvvm、Mvc框架的学习,拓展底层Web API及JavaScript API。闭门造轮子,封装组件、插件,编写简易框架,写出高质量、高性能代码,利用技术解决实际项目中所遇到的问题。
第四阶段:前端技术拓展高级应用
2.前端开发如何进阶
依据以上阶段,前端开发被划分为不同层级,想要进阶,那就必须,一个阶段一个阶段的去攻破,然而每个阶段都又需要具备足够的理论知识,以及相匹配的工作能力、经验、智慧等。
坚持每天练习,一行接一行,一页续一页,一刻接一刻,我们终将达到前端领域的最顶尖,一起朝着那个方向努力吧!
(1)扎实的基础
闻道有先后,术业有专攻。前端必备的基础是,Html/Css/Javascript 书写符合W3C规范的代码,语义化标签,了解盒子模型布局等,理解浏览器渲染过程,学习新的语法规则如box/flex模型、animation、transform、transition,Javascript 熟悉window对象(window、document、loaction、history、setTimeout、setInterval),还有cookie和LocalStorage,变量作用域、匿名函数、字符串切割、对象定义继承封装、数组元素插入弹出转换排序,事件绑定 (各种事件、表单验证、addeventlistener、event.target、捕获、冒泡,自定义事件),数据交互ajax (json、XML、异步定义,status,回调函数)等。
随着技术发展对前端要求逐渐加多,做前端开发的同时也要理解服务端及客户端的内容,这样多元化的知识领域,不仅促进自身技能的发展,也能让团队更加优秀。
(2)学习
理论结合实践。“纸上得来终觉浅,绝知此事要躬行”讲述了一种亲身尝试的学习技术的手段,但实际进程中,从各种案例堆积起来所产生的那个概率的结果来看,更好的方式倾向于理论结合实践。
我在工作以后对于学习依旧狂热、执着,stay folish stay hungry,一直引导着我们,个人认为,合理利用8小时以外的时间十分重要。
(3)提问
“花半秒钟就看透事物本质的人,和花一辈子都看不清事物本质的人,差距是巨大的。”所以能将遇到的问题和事物准确描述出来、大部分问题尝试亲自解决是作为开发人员所必须的。
看清并准确描述问题,坚持这样做吧,过程中你会收获很多意想不到的惊喜。
(4)归纳和演绎
归纳,是把具备某种相同属性的事物,一一列举出来,然后寻找共通点。
演绎,是把互相之间形成影响的因素,按照事物因果顺序、时间先后顺序、重要程度顺序排列出来,再寻找突破口,生活如此,编写计算机程序也一样。
(5)积累“资料库”
现如今获取知识的途径不再是单方面的口口相传,多元化的信息、多渠道的来源,有时候会扰乱我们的视野,这时候我们首要的是“明辨是非”,其次获取我们需要的正面的认知、智慧、技术等。
但后知后觉的是,当知识开始以碎片的形式浅显的堆积的时候,整理就显得尤为重要了。所以我自己平时会有一个“资料库”,工作中的干货、好的技术文档、好的分享、有趣的事情,甚至好的段子,我都会搜集起来,这样保持自己的大脑里一直有新鲜的东西,当你寻求解决问题时才会有源源不断的灵感涌现。
作者简介:艾天伦,英文名Alan,校导网Web前端开发工程师,拥有2年前端开发经验,精通(X)HTML/CSS/JavaScript/DOM,致力于通过技术改善用户体验。