前端框架Vue.JS从入门到精通

前端开发 / 2020-04-26 17:07:54
前端框架Vue.JS从入门到精通
    马上咨询


    张老师  曾负责滴滴出行公共前端团队

    • 带领团队完成了国内第一本Vue.js的书籍《Vue.js权威指南》并受到 Vue.js作者的亲自审核和写序。
    • 2004年接触到Vue.js，国内最早一批应用Vue.js 从1.*到2.*到公司大型前端负责项目中，组织编写过Vue.js的公司级组件库以及构建等解决方案。
    • 同时也是应用了多个类似的MV*框架：从很早的backbone，再到13年开始接触的React和AngularJS，到后来的Polymer，在项目实战中踩过了各种坑，组织参与了一些公司级的组件库开发和复杂业务模块的设计，也在与之配套的工程化闭环里做了很多解决方案。


    课程简介

    前端 MVP 模式框架中又出来了一个 Vue.js，已有超越 Angular、React之势。Vue.js是一套构建用户界面的渐进式框架，与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    课程收益

    • 快速了解和熟悉 Vue.js 基础知识以及开发工具
    • 快速熟悉 ES6 以及一些函数柯里化等在 Vue.js 的应用
    • 熟悉和掌握预编译 css 在 Vue.js 的应用
    • 深入实战来了解 SPA 项目搭建
    • 熟悉 Vue.js 中的前后端交互方式
    • 了解组件原理，独立编写 Vue.js 组件
    • 熟悉 1.0 和 2.0 的版本区别
    • 熟悉数据流 vuex 的应用和原理
    • 了解 Vue.js 框架实现细节

    目标学员

    • 有一定 js 基础或者对前端新技术感兴趣；
    • 技术主管、架构师、各个阶段的前端开发、喜欢前端的后端开发、全栈开发

    课程大纲

    第一章 Vue.js 入门
    - 与其他框架的区别（jquery,angular,react等）
    - 双向绑定
    - 指令
    - 计算属性
    - 过滤器
    - class 与 style
    - 过渡
    第二章 预编译 css 基础
    - 优势是什么
    - sass
    - stylus
    - 在 Vue.js 中的配置和应用
    第三章 ES6 语法补充
    - 模块
    - 变量定义
    - 函数
    - Object 对象
    - babel
    - 函数柯里化概念补充
    - 在 Vue.js 中的配置和应用
    第四章 开发工具
    - IDE 推荐
    - 如何调试 Vue.js
    - 项目脚手架 vue-cli 介绍和使用
    -vue-loader 配置和使用
    第五章 与服务端交互方式
    - 插件介绍
    - 跨域
    - jsonp
    - 自定义请求头
    第六章 事件和实例方法
    - method
    - events
    第七章 路由和视图
    -路由插件使用
    - 搭建一个 SPA 项目
    第八章 常用表单
    - v-model 的应用场景
    - 验证插件使用
    - 修饰指令
    第九章 组件开发和使用
    - 基础
    - 模板
    - 异步
    - 生命周期
    - 基于第三方组件开发
    第十章 设计一个公司级组件库
    - 文件结构
    - 组件拆分
    - 基于 2.0 和 1.0 开发差异
    - 打包合并策略
    第十一章 Vue.js 2.0
    - 1.0 迁移 2.0 的成本和变化
    - 2.0 的新增
    - Virtual DOM
    - 服务端渲染技术
    第十二章源码实现分析
    - 数据监控
    - 响应式原理
    - 事件绑定





















































    进阶篇（根据参训学员情况补充）

    1、 多页应用(内混 SPA 或纯多页)
    b) 入口文件的动态生成
    c) Html 的生成
    d) SPA 内置的优化
    2、 多页应用优化
    a) Dev 白名单速度优化
    b) 压缩多进程优化
    c) Vendor 文件臃肿优化
    3、多页应用 + 国际化构建支持
    4、运营类业务应用
    a) 运营组件
    b) 运营工具 – h5 编辑器实现
    5、ssr 多品类线上业务实践
    a) vue-server-renderer 的核心介绍
    a) createRenderer 与 createBundleRenderer 区别
    b) server-bundle.json 与client-manifest.json 区别和配置信息
    c) build html 生成的原理
    b) Ssr 业务带来的收益以及相比静态 ng 的本质区别
    c) Nuxt 特性及实现原理介绍
    d) Nuxt i18n 方案及优化
    a) Middleware 的实现
    b) 翻译 json 的按需加载
    e) Egg 的 vue ssr 方案实现及优化
    6、线上 node ssr 服务监控
    7、自研 vue node ssr 需要的技能
    8、webpack 高级特性与案例实战

    最新动态

    点击阅读更多内容
    返回顶部