快速建立实用的人机界面 – Web 前端架构实战录_苏忠彦_企业内训课程

快速建立实用的人机界面 – Web 前端架构实战录

培训讲师：苏忠彦

讲师背景：
苏忠彦老师——企业数字化转型专家原华为云解决方案全球业务拓展资深总监暨总咨询架构师原赛门铁克（Symantec）大中国区咨询顾问部总经理原美国网域存储（Netapp）北亚区全球服务部总经理原易安信（EMC）世界存储公司大中国区专业顾问服务部详细>>

下载需求表打印本课程填写需求表在线咨询

课程咨询电话：

快速建立实用的人机界面 – Web 前端架构实战录详细内容

快速建立实用的人机界面 – Web 前端架构实战录

【课程对象】CIO（首席信息官），CTO（首席技术官），研发项目管理总监，研发团队成员，数据中心运维团队骨干成员，系统研发骨干成员，系统运维骨干成员

【课程时间】6小时

【课程背景】

软件架构，是一种为了解决复杂问题的通用模式。软件架构，是关于软件系统的一系列有层次的技术决策的集合。换句话来说，当我们讨论架构的时候，不能只讨论某某架构，而是要包含其实施，以及后期的维护。对于复杂的后端系统来说，是一种不错的『低耦合，高内聚』的实施。但是，它并不适合于大部分的小公司——复杂的架构不适合于简单的应用。而小公司也缺乏足够的人才，来实施一个复杂的系统，与此同时还需要有人能维护这个系统。

在互联网开始形成之初，还没有专门的前端人员，一般都是前后端都会，在开发的时候也是一边API接口服务，一边开发页面，发布也是一个发布包搞定。前端一般只是负责切图工作，就是将UI设计师的设计图布局成静态页面，前端是不参与交互逻辑和业务开发的，前端也是当时统一的吐槽对象。当时淘宝的Web架构比较流行基本上都是基于MVC框架webx，所以前端写好静态html 然后后端开发人员翻译成vm模板.....

这样就导致了前后端工作的分配不均，开发效率慢，代码维护量也大。为了解决痛点慢慢开始前后端分离的架构流行开来很好的解决了前后端分工不均问题，将更多的交互逻辑分配给前端来处理，而后端则可以专注于其本职工作。例如后台开发可以有跟多的时间进行后台权限控制以及复杂的运算工作，前后台解耦，两者同时开始推进项目进度，增加开发效率。

众所周知，Web开发自出现以来一直存在性能，表现和体验的先天不足，但时至今日，事实已经并非如此，一些看上去甚至比桌面程序更炫的应用和网站横空出世，客户也被吊足了胃口。Web开发桌面化已经是无法阻挡的潮流，而前端开发的需求应该会向更加注重界面表现，速度流畅，用户体验的方向发展，而且要求只会越来越高。

而在后端稳定、性能、安全、存储和业务等核心问题依然是主流，所以前后端的需求必将日益分化，注重表现和注重内在的前后端开发人员必将需要适合自己的舞台。

未来是数字化的时代，企业也必将经历数字化转型。这种“转型”不仅仅是企业单靠技术、研发模式、产品的升级来达到，而是与上下游、用户、合作伙伴共同协作，改变商业模式的一种“数字化转型”，从根本上改变自我定位，从“唯我”向“伙伴”转变。在未来，越来越多的传统产品，也将采用互联网企业推出产品时，分测试版和正式版的思维，最终这种思维会在全行业，任何领域普及。

课程将以Web前端架构设计与管理的本质为核心，帮助学员认识Web前端管理的核心理念、了解Web前端管理机制在系统研发中，扮演了什么角色？如何利用数字化科技、工具与方法，全面提升Web前端运维的生产力？能够使Web前端运维研发团队，能够具备展望未来的数智化研发管理新思维，协助软件产品研发团队与业务单位提升创新能力与生产力，同时还能提升自身的数字化软件研发治理能力！

【课程收益】

本课程从前后端分离的大势出发，结合数字化研发管理时代的基本特征，能够帮助学员把握数字化时代Web前端架构的发展实质，探索数字化Web前端研发管理的发展模式和关键科技点。

【课程特色】结合业界知名论述与市场经验，使学员能知其所以然；辅之以实际案例解析，能以之为镜

【课程时间】6小时

【课程大纲】

前端需要“架构”吗？
1. 架构与设计的关系
2. 系统内架构
3. 应用级架构
4. 模块级架构
5. 代码级的规范与原则
Web 前端的框架以及发展趋势为何？
1. 前端常用的主流框架
2. Web前端开发运维的优势点
3. Web前端架构的选型
4. Web前端架构的发展方向
5. 案例分享 – 某电商前端开发架构的演进
前端架构的设计准则为何？
1. 适度设计
2. 聚焦问题/需求
3. 明确问题/需求的本质
4. 以“技术”为选型基准
5. 成本为关键成功要素
6. 谨遵开发流程
7. 重视性能测试
8. 慎用开源代码
9. 案例分享 – 海外电信运营商数据中心云管平台
Web前端的系统架构包含哪些关键元素？
1. 数据结构与算法
2. 云计算平台/云服务
3. 操作系统/网络
4. 开源领域
5. 分布式架构处理
Web前端有哪些应用场景？
1. HTML based
2. API Gateway
3. 应用动态加载
4. 案例分享（海外电信运营商云网融合）
Web前端开发的核心思想为何？
1. 解决问题
2. 定性与定量
3. 数据敏感
4. 人工效率比
5. 案例分享 - 开源技术整合
课程总结
1. 学员心得分享
2. 重点摘要
3. 答客问

苏忠彦老师的其它课程

掌握基建技术优势– 探索5G时代数字化的新兴发展趋势 12.31

【课程对象】企业领导人，COO（首席运营官），CIO（首席信息官），CTO（首席技术官），CMO（首席市场营销官），信息科技部门相关主管，工程技术团队主管与相关成员，企业运维团队成员【课程时间】6小时【课程背景】数字经济的核心是知识经济。数字转型由消费端深入到供给侧，提升供需闭环效能，其核心是知识经济的效能提升，知识生产力工具的变革成为新动能。可以说，行业

讲师：苏忠彦详情

掌握基建优势科技 – 探索5G时代的新兴行业发展趋势 12.31

讲师：苏忠彦详情

启动数字经济发展新引擎 – 探索5G云网融合之应用 12.31

【课程对象】COO（首席运营官），CIO（首席信息官），CTO（首席技术官），CMO（首席市场营销官），信息科技部门相关主管及骨干成员，信息中心运维团队主管与骨干成员，企业运营团队主管与骨干成员【课程时间】6小时【课程背景】在电信市场，运营商正跳出饱和的ToC消费者市场，进军ToB政企市场这个目标市场，寻求新增长。因为5G、AI、云等技术成熟发展，正给行业

讲师：苏忠彦详情

从“花钱”到“赚钱” – ICT服务部门如何安全高效转身 12.31

【课程对象】信息科技运维部门主管，信息科技研发部门主管，信息科技首席/资深架构师，CIO（首席信息官）、CTO（首席技术官）、信息科技领域专家、CSO（首席安全官），IT资深软件设计师，企业安全架构师【课程时间】6小时【课程背景】发展数字经济已成为各国的战略重点。数字经济时代下，数字技术创新是核心驱动力，以网络化为重要载体，数字技术与实体经济融合，不断提高传

讲师：苏忠彦详情

助力企业逐鹿未来 – IT咨询顾问服务建设指南 12.31

【课程对象】CIO（首席信息官）、CTO（首席技术官）、项目总监，信息科技部技术总监，信息科技部门骨干成员，数据中心运维骨干成员【课程时间】6小时【课程背景】众所周知，随着数字化时代的发展，企业如果没有自己的IT规划，在未来的竞争中将明显处于劣势地位，因此不论怎么形容IT规划的重要性都不为过。但企业IT战略规划确是一个非常复杂的系统性工作，很多企业管理层、I

讲师：苏忠彦详情

助力企业逐鹿未来 – IT企业业务架构建构之路 12.31

讲师：苏忠彦详情

建立坚实又具弹性的基础架构 – Java 后端架构实战录 12.31

【课程对象】CIO（首席信息官），CTO（首席技术官），研发项目管理总监，研发团队成员，数据中心运维团队骨干成员，系统研发骨干成员，系统运维骨干成员【课程时间】6小时【课程背景】Java自1995年问世以来，因其卓越的通用性、高效性、平台移植性和安全性等特性，成为全球范围内应用范围最广的开发语言，而且即使历经二十余年发展仍然在行业内保持着“常青树”的地位。

讲师：苏忠彦详情

体现信息价值实现企业目标 – IT治理 12.31

【课程对象】项目管理总监，项目经理，市场营销主管，信息技术部门相关主管，信息科技部首席/资深架构师，CIO（首席信息官），CTO（首席技术官），CSO（首席安全官），COO（首席运营官）【课程时间】12小时【课程背景】开宗明义，IT治理就是要明确有关IT决策权的归属机制和有关IT责任的承担机制，以鼓励IT应用的期望行为的产生，以联接战略目标、业务目标和IT目

讲师：苏忠彦详情

数字化时代的门神 – 安全合规创造价值 12.31

【课程对象】项目管理总监，企业安全部门相关主管，企业运维部门相关主管，IT首席/资深架构师，CIO（首席信息官），CTO（首席技术官），CSO（首席安全官），战略规划部主管及骨干成员【课程时间】6小时【课程背景】数字化时代，数字空间成为物理空间的虚拟映射，两者虚实对应、协同交互。当物理世界的人、事、物等要素逐步数字化后，这意味着物理空间与数字空间之间的界限

讲师：苏忠彦详情

抓住数字经济的无限商机 – 数智化赋能产品研发管理之道 12.31

【课程对象】CEO（首席执行官），COO（首席运营官），CIO（首席信息官），CTO（首席技术官），CMO（首席市场营销官），研发项目管理总监，战略规划部门主管，市场营销主管，研发团队成员，企业运维团队成员【课程时间】6小时【课程背景】2021年3月11日的中央政府工作报告进一步提出了“加快数字化发展，打造数字化新优势，协同推进数字产业化和产业数字化转型，