工作10年,我在前端专业成长路上的探索

前端狗

2019/07/09 发布于 编程 分类

GMTC2019 

文字内容
1. ⼯工作10年年, 我在前端专业成⻓长路路上的探索 张鑫旭 2019-06-21
2. ⽬目录 1. 我的过去与现在 2. 必然成功的捷径 3. 专业价值与团队 4. 专业推动与人
3. 1. 我的过去与现在
4. ⾃自我介绍 ⼯工作经历 毕业啦 写⻚页⾯面 2009.06 2011 写⻚页⾯面 还在写⻚页⾯面 写⻚页⾯面 写⻚页⾯面 张鑫旭 阅⽂文集团/体验设计部 设计序列列-前端重构 2013 怀疑抉择期 • • follow your heart 做你擅长的事情 2015 2017 2019.06
5. 过得还不不错
6. 过得还不不错 1. 相比过去的自己 2. 尊重、自由与快乐
7. 1.1 相⽐比过去的⾃自⼰己
8. 相⽐比过去的⾃自⼰己 • 有趣的艰苦生活 超乎想象的建筑工艺,绝无仅有的生态体验 • 孤帆一叶舟 人生就像一盒巧克力,你永远不知道下一颗是什么味道
9. 相⽐比过去的⾃自⼰己 • 低起点的职业生涯 就业晚、资产负、起步低 个性带刺、很傻很天真、不善言辞
10. 现在的⾃自⼰己 • 有房子 虽然比较乡下 • 有车子 虽然是小车 • 有小朋友 没有虽然 相⽐比过去的⾃自⼰己过得还不不错
11. 1.2 精神层⾯面的富⾜足
12. 尊重、⾃自由与快乐
13. 尊重、⾃自由与快乐 • 从事自己喜欢的工作 上班是件快乐的事情
14. 尊重、⾃自由与快乐 • 被感谢、被尊重 我是看着你写的文章长大的 女朋友的故事
15. 尊重、⾃自由与快乐 • 自由,可以安心做技术 海阔凭鱼跃,天高任鸟飞
16. 👉 做技术是有前途的
17. 2. 必然成功的捷径
18. 我 有些⼈人 起步 10年年 职业⽣生涯
19. 我 有些⼈人 回过头看,专注于专业技术 反而成为赶超他人的一条捷径 起步 10年年 职业⽣生涯
20. 👉 技术人员成功的诀窍很简单! —— 技术好就好了!
21. ⼭山脚 捷径:⾜足够溢出的专业技术 最短对快,但不不代表最轻松 ⼭山顶
22. 常规道路路,容易易迷路路,竞争激烈烈,需要运⽓气加成 ⼭山脚 捷径:⾜足够溢出的专业技术 最短对快,但不不代表最轻松 ⼭山顶
23. 如何提升专业,⾛走上成功的捷径? 1. 技术有成的方法 2. 如何持续高效学习 3. 财富获取的本质
24. 2.1 技术有成的⽅方法
25. 技术有成的⽅方法 • 重视基础 MDN⽂文档 就是各种枯燥的API • 系统学习 ⼆二⼋八法则 多花80%精力学习使用率小于20% 的知识 • 持续学习 水滴石穿,量变产生质变 迈向顶尖
26. 技术有成的⽅方法 1. 理论学习 静⼼心 不要只看,自己试一试 2. 实践出真知 勇敢 新方案,新特性 3. 归纳与总结 文字/视频/语音/演讲 升华
27. 2.2 如何持续⾼高效学习
28. 如何持续⾼高效学习 1. 如何学得进去? 2. 没有时间学习
29. ⾼高效学习 » 如何学得进去? • • • 勿负罪,学会玩; 相信技术的价值; 金钱计算激励法;
30. ⾼高效学习 » 如何学得进去 » 学会玩 痛快玩,痛快学,效率最重要
31. ⾼高效学习 » 如何学得进去 » 相信技术的价值 技术比人情可靠,你所学习的技术知识,积累的那 些细节和经验,百分之一百日后可以给你带来令你 欣喜的价值,而且这个价值连绵不绝,持续不断, 越筑越高。因为技术不像人,技术不会欺骗你。 技术强悍事业必然有成!
32. ⾼高效学习 » 如何学得进去 » ⾦金金钱计算激励法 每天苦学1小时,1年后工资必增加20%, 原来1万一个月,现在每年多2.4万, 工作10年就是24万,算下来,每学 习1个小时账户里至少可以多674元。
33. 没有时间学怎么办? 1. “没时间”的误解; 2. 金钱换时间换更多的金钱; 3. 我是如何管理时间的;
34. 没有时间学 » “没时间”的误解 • 不,你有时间 时间没有账户 • 陪伴与自我感动 女朋友真正需要的
35. 没有时间学 » ⾦金金钱换时间 • 时间是等价的 现在的时间和以后的时间是一样的 • 金钱买时间 最划算的买卖
36. 没有时间学 » 我的时间管理理 • 一些节约时间做法 不做无意义的事情 • 半小时也是时间 积少成多
37. 2.3 财富获取的本质
38. 你获得的财富是与你创造的价值正相关
39. 如何获得财富? 1. 创造价值; 2. 让别人知道你创造了价值;
40. 财富获取的本质 » 价值来源 1. 行业价值 帮助他人成长,帮助行业成长 2. 企业价值 帮助团队成长,帮助企业成长
41. 我的⾏行行业价值案例例 • 技术分享与科普 大量免费翻译,经验分享,前沿技术科普 • 独立博客,高辨识 让别人知道是你创造的价值 600+原创⾼高质量量前端技术⽂文章 Svg.snap,Stylus翻译,Canavs API中⽂文⽂文档
42. 我的⾏行行业价值案例例 • 专注偏前领域 HTML/CSS/JS/SVG/Canvas • 探索边界 关注基础,了解细节,探索边界 精⼒力力有限,关注内⼼心 稀缺价值所在
43. 我的⾏行行业价值案例例 收获 • 技术成长 • 工作机会 • 影响力 巨⼤大的隐形收益
44. 我成⻓长的捷径 ≈ 持续写免费技术⽂文章
45. 面向行业永远不要担心技术溢出, 但在公司内部,随着技术成长,技术溢出 是必然,该如何有效创造价值呢?
46. 3. 专业价值与团队
47. 专业价值与团队 1. 技术攻坚与技术指导 2. 基础建设与效率工具 3. 知识传播与人才培养
48. 3.1 技术嗅觉与攻坚
49. 技术嗅觉与攻坚 » 书封正版化项⽬目 公司遗留留⼗十⼏几年年的问题 • 外包侵权风险 • 投入成本高 • 书封质量差
50. 初稿 1. 起因 嗅到了机会即成功了⼀半 那是一个双周会…… 2. 思考 团队价值 技术积累 个⼈人价值 3. ⾏行行动 迅速完成概念原型 4. 结果 帮助设计同事看到可行性,同时发现问题,获取灵 感,找到新方向
51. 实际作品
52. 好评
53. 3.2 基础建设与效率⼯工具
54. 2016.04 适合PC端to C网站 modern版本 IE7+ 起点中⽂文⽹网 作家⾃自媒体 起点海海外版PC ⽤用户统⼀一项⽬目 安安⻚页⾯面⽣生成⼯工具 波波桌⾯面版 2017.05 peak版本 IE8+,⽀支持⽆无障碍访问 静静构建⼯工具 Hr⻔门户系统 ⽩白板项⽬目 起点举报平台 https://l-ui.com/ 2018.06 开源 1500+ Star 点点构建⼯工具 考评系统 开放平台 https://github.com/yued-fe/lulu 2019.07 pure版本 IE9+,去jQuery
56. 基础组件建设可以把原本 微小但稀缺的价值放大 eg. ⽆无障碍访问
57. 效率⼯工具 每当你写代码遇到不爽应该开心,因为这是一个可以创造绩效的机会
58. 效率⼯工具 安安 静静 点点
59. 效率⼯工具 » 静静 1-2天 需求⽅方 设计⽼老老⼤大 问题修复 需求变更更 ⾸首次上线 5⼈人、1周 前端开发 1-2天 1-2天 开始的时候 前端组⻓长 体验测试,⽂文案变更更 通知需求⽅方体验 最终上线 设计师 所有
60. 效率⼯工具 » 静静 0.5天 需求⽅方 1-2天 设计⽼老老⼤大 设计素材 设计师 前端组⻓长 ⼈人⼒力力成本 体验测试,⽂文案变更更 通知需求⽅方体验 ⾃自测⾃自改 最终上线 问题修复 静静 需求变更更 80% 0.5天 ⾸首次上线 前端开发 1-2天 1-2天 5⼈人、1周 3⼈人、1天 !60
61. 效率⼯工具 » 静静成果 1374 节省⼈人⼒力力计算:每个需求节约⼈人⼒力力 - 模板开发⼈人⼒力力 1374 * 4 - 72 * 4 = 5208 ⼈人/天
62. 3.3 知识传播与⼈人才培养
63. 如果可以让团队成员都有长足成 长,那创造的价值就可观了!
64. 知识分享 2018年年举例例 1/25 38次 对内分享34次 对外交流1次 跨部⻔门交流2次 ⾏行行业技术会议分享 25%
65. ⼈人才招聘 知乎安利利 官⽹网宣传 社交⼴广告 团队⻛风采对外展示
66. ⼈人才招聘 知乎安利利 价值驱动 与财富收益 的故事
67. 共 272 510 封简历 成功推荐: 238 zhangyun*(张运*) zhengcheng*(郑成*) yul*(俞*) wanyan*(王艳*) wuhong*(吴洪*) wenmin*(闻敏敏*) sunmei*(孙美*) zhangbing*(张宾*) 2016-2017 2018年年 yang*(杨*) 校招 zhang*(张卓) 校招 chenyi*(陈怡*) 校招
68. ⼈人才培养 每周⼩小测不不间断
69. 4. 专业推动与⼈人
70. 专业推动的进⼀一步探索 • 团队优秀的专业实践如何归总与积累? • 分享与技术传授如何受益于新人? • 上下游的专业交付如何规范与流程化?
71. 绕不不开的⼈人和事
72. 驱动⼈人和事 更更好的团队专业建设
73. 是我接下来探索和成⻓长的⽅方向
74. Your time is limited, so don't waste it living someone else's life. 你的时间很有限, 所以不要将它们浪 费在重复其他人的生活上。
75. ⾃自我介绍 联系⽅方式 出版作品 微博: weibo.com/zhangxinxu 微信: zhangxinxu-job 个⼈人⽹网站: 公众号: www.zhangxinxu.com 鑫空间-鑫⽣生活 张鑫旭 阅⽂文集团/体验设计部 设计序列列-前端重构 下半年年
76. THANKS THANKS! THANKS!