拥抱大前端 盘点那些值得你了解的最佳开发实践

原创 2017年11月07日 22:33:28

前端领域生态繁荣,致力于提高生产效率的技术、工具不断推陈出新,可谓群雄割据且各有千秋。企业及前端开发者在实际开发中可选择的空间大大增加,但也面临着选择困难症。抑或虽已确定了技术栈,但实际开发中却时不时遭遇各种“坑”的牵绊。深入了解各大技术的优势与劣势,同时结合自身业务需求,你的技术选择之路将会变得更加明朗;深入了解其他企业对各大技术的应用实践及所踩过的坑,你的技术应用之路将会更加顺畅。毕竟有些人,有些企业趟过的坑,我们不必再趟。

基于这个目的,我们特别策划了SDCC 2017“前端技术实战线上峰会”,邀请来自阿里巴巴、苏宁云商、美团点评、饿了么、去哪儿网、白鹭时代等多家企业的前端专家及技术图书作者,围绕React、AngularJS、Weex前端热门框架在企业中的应用实践,及WebAssembly、MVVM等技术热点展开深入分享,帮助大家解决实际生产中遇到问题。而且,每个演讲时段均设有答疑交流环节,与会者可以提前将平时遇到的实际难题记录下来,到时可以和讲师零距离交流。

为了方便大家,本次峰会特别定于11月25日(周六)召开,采用线上直播形式,不受地域限制,在家即可与各大牛学习、交流。接下来,为大家介绍本峰会的更为详细的内容。

本峰会日程公布如下,限时特惠199元【立即报名

这里写图片描述

讲师&议题介绍

这里写图片描述

钟钦成 著名的JavaScript专家,去哪儿网前端架构师

演讲主题:React API设计上的精华糟点及与其带来的使用注意点
个人简介:钟钦成,网名司徒正美,著名的JavaScript专家,去哪儿网前端架构师,立志做考古学家的日语系工程师,穿梭于二次元与二进制间的“魔法师”,做过陶艺,写过小说,涉猎Java、Ruby、JavaScript。曾出版《JavaScript框架设计》一书。
主题简介:通过剖析React的内部实现让我们更好编写React代码,不会让你的代码破坏它的内部优化与将来的升级迁移
分享大纲:
1. JSX与createElement的选择;
2. 虚拟DOM与CurrentOwner.current之间的绑定;
3. CurrentOwner.current与ref的绑定;
4. ref的多层穿梭;
5. 为什么我们不建议用refs.xxx(字符串ref);
6. 基于冒泡的事件系统;
7. focus/blur/mouseenter/mouseleave的实现;
8. 基于列队的setState异步更新机制;
9. 不断推迟的更新回调;
10. 虚拟DOM树的设计失误;
11. 如果实现不同文档之间的过渡;
12. 不要使用Children helper对虚拟DOM树进行窥探与操作;
13. 不可变对象导致的代价与收益;
14. 如何决定是否继续diff。
适合人群:低中高级React用户群
听众受益:知其然,知其所以然。详看上面的大纲,里面涉及许多内部原理。

这里写图片描述

王芃 迈冠科技总经理,《Angular从零到一》一书作者

演讲主题:响应式编程在Angular中的应用
个人简介:王芃,迈冠科技总经理。曾任东软集团嵌入式项目总监,索课科技CTO,连续创业者。对Web前后端技术均有涉猎,著有《Angular从零到一》一书和《Angular打造企业协作平台》视频课。
主题简介:介绍响应式编程的概念,以及响应式编程的优势和特点,以多个生动的小例子说明RxJS的用法。介绍Angular对于响应式编程的支持,如何利用RxJS打造响应式的Angular应用。
分享大纲:
1.响应式编程全面介绍;
2.RxJS操作符使用说明;
3.Observable的冷和热;
4.Angular中的Rx支持;
5.Async Pipe功能解析。
适合人群:了解函数编程,有ES6、Angular开发基础的前端开发者。
听众受益:
1.从菜鸟到大牛的思路转换;
2.如何处理复杂业务逻辑;
3.掌握 Angular进阶技巧。

这里写图片描述

乔梁 苏宁云商IT总部数据云公司前端开发部开发经理

演讲主题:老兵不死,基于Angular1构建大数据后端管理平台系统
个人简介:乔梁,苏宁云商IT总部数据云公司前端开发部开发经理。参与了多个云计算项目的前端开发工作。现在在苏宁体育集团领导前端团队进行苏宁体育相关业务的开发工作。在Angular1、Vue、Node.js等技术方面都有比较丰富的开发经验。
主题简介:本演讲主要介绍在苏宁云这样后台系统比较多的场景下,前端部门利用AngularJS封装能够快速搭建符合后端管控需求的开发解决方案。
演讲将从两个方向展开:
1.自顶向下的方向,从业务和需求的角度看,AngularJS的优势以及生产实战中框架需要提供哪些常用的能力;
2.自底向上的方向,从代码角度看,管控类平台的常用场景上,前端开发人员应该具备哪些技术和能力。与常规传统的前端开发有哪些区别以及苏宁云的机器学习业务的前端实战。
分享大纲:
1. 后端管控平台的实际痛点;
2. 如何快速响应业务部门的管理平台开发需求;
3. 如何将后期维护的锅优雅的“甩”给业务部门;
4. 面对复杂应用场景,MVC的优势是什么;
5. 前端工程师在后端管控平台业务上的技术成长空间在哪里。
适合人群:
1.从事后台管控类平台的前端开发人员;
2.前端入门人员;
3.有后台管理页面需求的Java开发人员。
听众受益:
1.学习如何构建一套完整的前后端分离的管控类平台前端解决方案;
2.了解除了框架命令和脚手架之外,前端工程师还需要掌握哪些基本的技术和能力;
3.了解如何编写易于维护的前端代码。

这里写图片描述

董岩 阿里巴巴手淘基础平台部Weex平台技术主管,高级技术专家

演讲主题:Apache Weex:移动研发的进阶之路
个人简介:董岩,阿里巴巴手淘基础平台部Weex平台技术主管,高级技术专家。长期致力于浏览器引擎、Web技术及移动端技术,WebKit Committer。
主题简介:本分享立足于全面介绍Weex,并侧重讲基于Weex做移动研发的优势。主要内容包括Weex的发展史、能力、特性、社区、开源及规划。
分享大纲:
1.移动研发的挑战;
2.Weex架构与开发模式;
3.Weex性能优化与交互升级;
4.Weex开源社区;
5.Weex的未来。
适合人群:前端开发者,希望使用前端技术开发移动应用。
听众受益:了解Weex的原理、技术特点与开发方式,了解使用Web技术实现移动端开发的趋势与发展方向。

这里写图片描述

王禹华 美团点评iOS高级工程师

演讲主题:MVVM在美团点评酒旅移动端的最佳实践
个人简介:王禹华,美团点评iOS高级工程师。本科和硕士毕业于北京邮电大学计算机专业。2015年1月加入美团酒旅事业群,先后负责美团度假、点评度假、酒店核心业务的开发,有很丰富的业务研发经验。目前是美团酒店商家iOS负责人,对移动开发的架构、性能和自动化测试都很感兴趣。
主题简介:开发效率与质量是开发人员亘古不变的关注点,而MVVM作为移动应用主流的架构不仅可以通过代码复用、解耦有效提高开发效率与代码的可维护性,还易于支持移动应用的自动化测试从而有效提高代码质量。
美团酒旅从2015年春季就开始尝试MVVM,通过两年多的时间已积累了丰富的经验和一定成果:MVVM架构广泛应用于美团点评的住宿、度假、交通各业务线,支持美团、点评等多个App的多端复用;同时,基于MVVM的自动化测试目前已覆盖酒旅80%+的交易流程。本课程将结合美团酒旅的业务经验,提供代码实战和自动化测试实战,让MVVM真正为团队和业务创造更大的价值。
分享大纲:
1.MVVM背景介绍
(1)MVVM是什么;
(2)MVVM解决的问题:代码复用、自动化测试。
2.MVVM开发实战
(1)五种绑定;
(2)Demo展示;
(3)MVVM和代码复用。
3.MVVM和自动化测试
(1)自动化测试是什么 ;
(2)自动化测试技术栈 ;
(3)真MVVM和自动化测试;
(4)五种绑定的自动化测试实战;
(5)自动化测试成本、收益和可维护性。
4.总结和展望
适合人群:针对iOS从业人员,对业务架构、自动化测试等感兴趣的业界同行。
听众受益:通过本课程,你可以更深入地了解移动端MVVM架构和基于RAC的实战,并对移动端自动化测试的方法和落地有一定了解,为团队的效率和质量提升提供帮助。

这里写图片描述

王泽 北京白鹭时代信息技术有限公司白鹭引擎首席架构师

演讲主题:白鹭引擎在WebAssembly中的实践
个人简介:王泽,北京白鹭时代信息技术有限公司白鹭引擎首席架构师。八年游戏行业开发从业经验。目前主要聚焦于 HTML5游戏引擎开发、TypeScript以及WebAssembly技术相关的研究与实践工作。
主题简介:白鹭引擎是目前HTML5游戏行业十分流行的游戏引擎,在最新的5.0版本中加入了WebAssembly渲染器的支持。本演讲将向大家分享白鹭如何运用WebAssembly切实提升游戏的渲染性能,以及这个过程中的“崎岖坎坷之路”。
分享大纲:
1. 游戏引擎的基本原理;
2. JavaScript的性能瓶颈分析;
3. WebAssembly技术的原理;
4. 白鹭引擎在WebAssembly中的实践。
适合人群:前端开发者、游戏开发者
听众受益:
1.了解JavaScript的性能瓶颈及热点;
2.了解WebAssembly的原理,并可以使用WebAssembly开发简单程序;
3.了解WebAssembly开发中会遇到的问题和解决方案。

扫描下方二维码 备注“前端”,入群交流

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

拥抱大前端 盘点那些值得你了解的最佳开发实践

前端领域生态繁荣,致力于提高生产效率的技术、工具不断推陈出新,可谓群雄割据且各有千秋。企业及前端开发者在实际开发中可选择的空间大大增加,但也面临着选择困难症。抑或虽已确定了技术栈,但实际开发中却时不时...

Web前端开发最佳实践

  • 2015年02月27日 16:38
  • 3.07MB
  • 下载

Web前端开发最佳实践.pdf

  • 2017年04月04日 10:10
  • 48.05MB
  • 下载

WEB前端开发最佳实践(1)

前端代码重构 删除无用代码,精简代码(不起作用的CSS样式和废弃的JavaScript函数) 前端代码规范化,把CSS代码放到独立的文件中,在JS定义局部变量,把部分全局变量改变成局部变量 整理基础类...

移动端WEB前端开发最佳实践

移动端WEB前端开发最佳实践 Safari,Android Browser,Chrome都是以WebKit为核心的 移动设备和PC之间的页面现实存在差异(Safari中定义了viewport) 在移动...

前端开发环境与最佳实践

目标 ========================= 标准化、自动化、最优化----以WEB设计取代传统桌面程序界面设计 开发语言:javascript。 =======...

WEB前端开发最佳实践(4)

加快JS文件加载速度 最有效的减少初始加载的文件体积和加载次数 延迟加载:避免代码加载和执行过程阻止页面的解析 尽量把js放在body的底部 使用成熟的加载框架HeadJS,RequireJS,LAB...

WEB前端开发最佳实践(2)

样式和结构分离 HTML页面链接一个CSS(最优),提高加载速度 HTML内嵌CSS(单一页面最佳,减少加载CSS样式文件的请求数目,加快加载速度 内联CSS样式,可以使用JS动态来统一修改,很少使用...

盘点2010年十大最佳开源开发软件

本人新翻译的文,原文发表在 http://publish.itpub.net/a2010/0910/1102/000001102065.shtml InfoWorld今年的最佳开源开发软件,是由测试中...

Web前端高效开发最佳实践总结一:前端开发综述

论文件命名的重要性在开发项目中,良好的命名规范和规整的格式可以让代码看起来更整洁,它同样也体现了开发者良好的职业素养。对于文件的命名和代码的组织并没有绝对的形式,但是无论是什么代码,它都要遵循一个原则...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:拥抱大前端 盘点那些值得你了解的最佳开发实践
举报原因:
原因补充:

(最多只允许输入30个字)