title: 前端工程师的晋级 speaker: @前端小武 url: https://github.xuexb.com/ppt/2017-10-06/

[slide]

前端工程师的晋级

@前端小武

北京百度搜索 前端技术部 2017-10-06

#前端架构 #性能优化 #用户体验

[slide]

什么是前端工程师

[slide]

前端工程师的级别

仅供参考

[slide]

前端工程师

  1. 切图
  2. 独立写页面
  3. 处理兼容性问题

[slide]

前端工程师晋级

  1. 多写页面、了解标签语义化 {:&.moveIn}
  2. 模仿成熟的js组件, 转成自己的思想, 如: 选项卡、幻灯片、弹出层、cookie操作
  3. 看成熟的js库, 写注释去分析, 如: jQuery
  4. 相关的书, 如: js权威指南
  5. 整站开发, 如: 抽离公用样式、处理公用头部和底部
  6. 手册、博客

[slide]

高级前端工程师

  1. 独立完成高质量的网站开发, 关注上下游、用户体验
  2. 熟悉常用的js库, 可开发常用的js组件
  3. 熟练使用常用正则、常用linux命令
  4. 掌握常见网站性能优化
  5. 有独立解决问题能力
  6. 了解前后端联调

[slide]

高级前端工程师晋级

  1. 前端性能优化, 如: 页面请求优化、首屏时间 {:&.moveIn}
  2. 前端工程化, 如: 脚手架(打包压缩合并)、前后端分离
  3. 接口文档、规范文档
  4. 整站架构设计
  5. nodejs、nginx、数据库、后端

[slide]

资深前端工程师

  1. 时间管理
  2. 把控项目的进度和质量
  3. 独立完成整站设计, 包括: 项目文档、目标结构、模块化、前后端分离、项目脚手架、静态资源管理、代码从开发到上线整体流程
  4. 整站优化方案, 如应用 localStorage 、SSR 、 PWA、Service Worker
  5. 代码单元测试、自动化测试

[slide]

工作经验总结

  1. 更贴心 - 日期格式、链接带二维码、短网址 {:&.moveIn}
  2. 质量高 - 页面整体质量、对上游、下游的配合
  3. 多总结 - 常常总结工作中遇到的问题和解决的思路、结果
  4. 高稳定 - 严格对自己的代码负责, 有问题时勇于承担责任
  5. 爱开源 - 对非保密并且漂亮的代码公开出来, 也积极参与开源项目

[slide]

Q & A

谢谢


前端小武微信