前端

基础概念培训

神马是前端？


  1. 做什么的 what
  2. 什么时候 when
  3. 为什么 why

做什么的


  1. 前端工程师是做什么的？
  2. web前端开发工程师
  3. 《前端的尴尬处境》
  4. 设计师往往只会PSD，后端往往只熟悉命令
  5. 《图形界面》西乔的漫画
  6. 前端填补的是从PSD到程序数据之间的距离
  7. 从产品概念到可用的产品涉及到的方方面面
  8. 用户电脑手机上跑的代码叫前端
  9. 机房电脑上跑的代码叫后端
  10. 直接接触用户

什么时候

  1. 2004年5月  国内开始关心“web标准”
  2. 2005年《网站重构》中文版出版
  3. 2006年淘宝开始组建UED团队
  4. 2007年淘宝UED开始高调招人
  5. 2008年UED团队逐渐成为标配
  6. 2009～2012年前端技术大爆炸
  7. 2011年5月我开始组建独立前端团队
  8. 2012年前端普遍开始思考自己的归宿
  9. 2012年国外开始出现“产品工程师”
  10. 今天，我站在了这里

为什么需要

  1. 产品概念阶段需要交互设计的地方
  2. 在一个产品具体开发之前的信息架构
  3. 设计稿出来之后
  4. 程序代码出来之后
  5. 需要获取用户数据
  6. 任何一个和用户直接相关的地方
  7. 浏览器上的复杂性只有前端能搞定
  8. 交互越来越复制的系统需要前端架构

前端的价值和意义

  • 前端工程师的价值体现在哪里？
  • 搞定设计师和后端程序搞不定的
  • 搞定设计师没有考虑到的交互设计
  • 搞定后端不熟悉的浏览器兼容、性能问题
  • 把产品，设计，后端程序等融合在一起
  • 并行开发，提高开发效率
  • 上述任何一个环节的质量都直接影响用户

伴随时代发展

  1. 2008年以前普遍只是简单展示数据
  2. 用户在浏览器上的操作非常少且简单
  3. 几乎没有智能机，也没有各种pad
  4. 那个时代前端的价值和意义不那么明显
  5. 导致了很多公司忽视前端的重要性
  6. 发展到今天就进一步造成了巨大的缺口
  7. 淘宝是国内最早开始重视的
    （CEO马云层次的重视）
  8. 淘宝能发展到今天这种规模的重要原因之一
  9. 很简单的例子，12306和天猫的区别
  10. 前端能做什么取决于他的位置

前端需要的工作环境

  1. 我跳槽是因为他们的显示器更大
  2. 前端需要在浏览器里面用代码精确还原设计稿
  3. 前端需要同时处理PSD，编辑代码，不断刷新浏览器
  4. 从08年开始有UED团队的公司前端通常是双显示器
  5. 我们目前的前端团队有一半自带Mac电脑
  6. 我之前经历过对自带电脑的同事每月有200补贴
  7. 对于我们自带Mac来说希望公司能够提供周边设备
  8. 显示器最理想状态当然是苹果了
  9. 主要是要能看清设计稿的细节，显卡最好独显
  10. 主机要能同时带动PS，DW，FireFox而不明显卡顿
  11. 我们也需要敲大量的代码，键盘灵敏度要高，USB接口

非IT相关的环境

  1. 我曾经求过几次的垃圾桶
  2. 严格的打卡制度会抹杀激情
  3. 内部培训体系（已经在筹备）
  4. 购买成长所需书籍（公司出资）
  5. 团队建设（每月人均50左右）

前端需要的技术环境

  1. 需求可行性评估的时候让前端参与
  2. 让前端真实了解产品的原始需求
  3. 让前端真正参与开发
  4. 尊重前端在浏览器上的专业性
  5. 自动化工具去解决重复劳动

前端为什么很难找

那些懂一点交互，懂一点视觉，后端熟知，前端精通的人，如果还有一点野心。他们应该现在奋斗在创业的前线。剩下来的孩子，才是真正的前端工程师，是伤不起的天使，如果你遇到了，请珍惜吧。

现在有种不好局面，入行门槛低，优秀前端人员流失严重（指转行）。这样想招到有经验高水平的要靠机缘。企业最好眼光长远些，培育好的技术文化，能使有潜质的人迅速成长起来。好的团队，靠谱的做事方式，自然能吸引好的人才。

前端的尴尬处境

  1. 不被理解，不受重视，工资不高
  2. 压力很大，做了很多设计甚至产品该做的工作
  3. 最后的功劳往往和前端一毛钱关系都没有
  4. 于是产品感比较好的转行去做交互设计和产品经理
  5. 编程基础比较好的转行做后台程序，客户端开发
  6. 综合能力比较强的要么自己创业，要么自由职业

JD不明确不科学

  1. 一直忽视，没有科学的成长和评价体系
  2. 职责不明，几乎没有成长空间
  3. 没有成长空间，自然留不住真正专业的前端
  4. 只有真正专业的前端才能面试前端
  5. 由其他环节友情赞助的JD都不科学
  6. CTO角度高屋建瓴不适合普通角色
  7. 不同的业务线需求特点不同
  8. 不同时期的需求特点同样差异很大

做前端真正重要的

  1. HTML，CSS，JavaScript
  2. Photoshop、Fireworks
  3. JSON而不是XML
  4. 保持激情，心态开放
  5. 沟通能力，持续学习
  6. 分析问题，解决问题
  7. 通常不需要纠结算法
  8. 也不需要自己设计效果图

怎么找前端

  1. 知乎（国内大部分都在）
  2. 微博、twitter、QQ群
  3. 各大公司UED
  4. 前端知名个人博客
  5. 搭建自己的专业团队博客
  6. hrfed、蓝色理想论坛
  7. 各种技术会议
  8. 其他传统渠道

找到以后初筛

  1. CSS 的某些属性值
  2. 发送对应面试题
  3. 面试题答案评分
  4. 世界级大师的做法

找来以后

  1. 如何通过面试
  2. 如何快速成长
  3. 如何晋升
  4. 长期发展




QA？

front end web developer

By 唐友华

Made with Slides.com

front end web developer

  • 851

More from 唐友华