手记

靠实战进腾讯 我的实战课“HTML5 移动Web App阅读器”学习心得

靠实战进BAT 直达:http://www.imooc.com/activity/meetbat/index

14年毕业后一直混迹与小公司之中,不断学习充实自己的技能,想有朝一日能有所成就,不过,学着学着就会遇到瓶颈,毕竟有些东西在零零碎碎的互联网上是无法学习到的。有天突然看到慕课出了实战视频,看了看“HTML5 移动Web App阅读器”简介,感到深深的震撼,这不就是我想要学习的课程么!苦于在小公司之中,对大公司的工作流程、开发流程、前端工具很是感兴趣,一直想学习他们的这些工作方式,因为它们能让我的工作更高效、更专业。我毫不犹豫的买下了这一课程,学习后感想颇多,让我特别着迷的还是大公司的前端开发流程,让我耳目一新,接下来我就来说说前端开发流程吧!
在说前端开发流程之前,先来上张图

从图不难看出,整个项目想从最初的想法,到最终的上线,那是要经过层层封装的,需要各个部门人员协作的结果,而不是想象的那么简单。
作为前端开发者,我不太懂产品经理和UI设计师的工作,所以:想法原型设计就不多加讨论了,直接略过,谈谈开发流程,也不废话,直接上图

看图才知道,我深深的感受到我的误区(小公司的悲哀),我一直以为前端工作就只是写代码这一环而已,却不料还有这么多道道。
首先说一下交互解读,这一环非常重要,在需求到来之前,前端工程师需要和产品经理讨论大致方向,大概需要实现哪些功能,对时间大致做一个预估,讨论以后项目拓展的可能性。
其次是设计解读,设计解读是对处女座的绝对考验,需要对设计图部分细节进行可行性分析,说简单点,就是挖细节,不合理的,让设计师重新设计。
接下来就是开发了,有些同志拿到设计图就开始写代码,写着写着就感觉代码太杂乱了,多了很多冗余代码,这就是没做好准备的后果。
交互定下来后,应该先做好技术选型和开发准备,移动端开发技术选型最好遵守: 轻量化(框架)、快速开发(语言/框架、交互、需求)、维护简单、高性能等原则。有些时候会纠结使用原生javascript开发还是框架开发,这得根据自身项目的复杂程度来看。 除了框架的考虑 以外,还得考虑模块化拆分,css/img/js是否分离等,有些移动端活动页会杂在一起。 将js放在html文件中,文件加载时减少请求;加载速度提升,性能得到提高。
接下来才是编写代码(25%时间),一般就几个步骤,如图

从图可以看出,编写代码也必须按部就班的编写,可以避免很多不必要的麻烦,解释一下,服务器通信开发,简单来说,就是处理服务器返回的数据,然后渲染到页面上。
至此,我们不难看出在大公司前端开发的工作只是整个项目的一个环节而已,并没有想象的那么“重要”,但是它也是不可缺少的一环,毕竟浏览器只认识咱们写的语言,这也是我们存在的原因。
当然,学习这课程不只是学习到了html5本地储存、移动端性能陷阱等多项技能,更是学习到老师的一种开发思想,大局观的把控比写代码更重要,对今后我的工作效率是非常有帮助的。

46人推荐
随时随地看视频
慕课网APP

热门评论

前端之路任重而道远,再苦在累,也要坚持

咱们这个课程的qunhaoshiduoshao?

14毕业的,。。。2年了,

查看全部评论