网易杭州研究院 网易杭州研究院

产品前端架构

所属微专业:

图片
课程概述


本课程主要专注于引导前端工程师去主导团队高效协作,去引领团队规范化、工程化构建复杂系统的实践过程


本课程的核心内容包括:

  • 多角色低耦合的协作流程、协作规范

  • 多角度分析选择适合具体项目的技术解决方案

  • 工程化的版本管理、系统构建案例分析


通过本课程的学习,你可以:

  • 高效的与团队中其他角色进行协作

  • 引领团队规范化、工程化的构建系统

  • 了解多种解决方案不同实现的优缺点

  • 学习如何运用所学的知识技能构建可维护、可扩展的复杂系统



证书要求

本课程的成绩由两部分组成:

单元测验,占20%。

课程讨论,占80%。

获得综合评分60分的可以获得本课程的合格证书,获得85分的可以获得优秀证书。


预备知识

了解页面制作相关技能,如html,css技能

了解javascript程序设计相关技能

了解使用dom api操作页面

授课大纲
单元(章)课题(节)内容
1.协作流程1.WEB系统介绍典型的基于MVC的WEB系统架构
2.角色定义根据对技能掌握程度的差异定义不同的角色
3.协作流程介绍前后端分离并行开发模式流程
4.职责说明通过流程总结各角色的职责
2.接口设计1.概述介绍为什么要制定协议、哪几部分需要制定协议、各协议定义的范围
2.接口规范页面摘要定义的内容、范例解说,同步数据协议定义的内容、范例解说,异步接口协议定义的内容、范例解说
3.规范应用协议的实际应用:构建项目工程、模拟同步数据、模拟异步接口
4.本地开发前端如何利用协议及导出的模拟数据独立进行开发
3.版本管理1.简介VCS、本地、中央、分布式
2.分支模型分支的抽象理解、分支模型和产品级模型介绍
3.git历史、介绍、安装
  help、config、status、init、add、rm、commit、log、diff、File级别的checkout、reset
    branch、checkout、reset、reset-vs-checkout、merge、rebase、rebase-vs-merge、tag
  push、remote、fetch、pull、clone
4.技术选型1.模块化反模式-对象字面量-IIFE-命名空间-依赖管理,Commonjs/module、AMD-ES6、MODULE、Systemjs
2.框架解答框架与库的What\Why\How,Dom、通信、模板、utility、组件、路由、MV*架构.分别推荐解决方案
5.开发实践1.系统设计案例介绍说明,案例讲解根据交互分解系统,案例讲解如何提取接口,如何输出接口规范,案例讲解通过输出规范构建项目工程,包括结构、数据
2.系统实现案例讲解组件的提取、实现、封装,案例讲解数据层、控制层的代码实现
3.测试发布案例讲解测试环境配置、测试数据构建、测试工具使用,案例讲解系统发布、优化配置