步骤1: ES6基础

本阶段综合讲解ES6的基础知识,包括 ES6的let、const、解构赋值、ES6的新扩展、Promise异步、以及Babel工具,最后综合一个ES6的案例对这些知识进行串联综合运用,达到学以致用。

    第1课

    ES6基础入门之let、const

    本课程,主要介绍了ES6的发展史、作用、优势,以及ES6的let、const,对基础的知识做一个详细的讲解。

    第2课

    ES6变量的解构赋值

    本课程,结合小例子,对ES6的解构赋值进行详细的讲解,主要包括数组的解构赋值、对象的解构赋值、字符串的解构赋值、数值与布尔值的解构赋值、以及函数参数的解构赋值等。

    第3课

    ES6扩展

    本课程主要对ES6中的一些新扩展的内容进行了全面的讲解,主要包括字符串的扩展、正则的扩展、数值的扩展、函数的扩展,对象的扩展,以及数组的扩展等。

    第4课

    ES6 Promise

    本课程主要介绍了ES6 Promise的内容, 包括回调与Promise的对比、新人问题、错误处理、Promise的状态、以及Promise对象的常用方法。

    第5课

    项目:ES6实现图片切换特效

    本课程是一个综合案例课程,主要讲了一个用ES6的知识实现的图片切换特效案例,通过综合的运用达到知识的融会贯通。

    第6课

    ES6基础 测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤2: Vue初识

本阶段主要讲解了Vue的基础知识,以及Vue的实战案例,首先对整个vue的基础知识做一个全面的了解和学习,然后综合实战案例对基础知识进行贯穿和运用。

    第1课

    Vue基础详解

    本课程,带领大家从vue的作用讲起,通过讲解基础语法,一步步解剖vue,让大家对vue有个新的认识。

    第2课

    项目:Vue搭建课程首页

    本课程带领大家结合前面所学的知识,完成一个移动端的界面案例,其中包括环境的配置以及具体的页面实现,模拟一个真实的开发流程进行页面的开发。

    第3课

    Vue基础测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤3: 移动常用工具包

本阶段主要带领大家学习移动端常用的工具包zepto、swiper等内容,还有调试工具的讲解,大家能够在代码出现问题时自己找问题,学完之后能够深入的了解移动端。

    第1课

    Zepto详解

    课程讲解zepto选择器、事件、动画等,并编写一个zepto插件。

    第2课

    Swiper快速切换插件

    本课讲解swiper移动端滑动特效插件,快速实现Tab切换、多图切换等常用效果。

    第3课

    全屏滚动插件 fullPage.js

    本课程主要讲解了fullpage插件的配置项详解与项目项目的实际应用。

    第4课

    常用工具包 测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤4: Vue框架开发webapp电商实战项目

本步骤带领大家实现手机端的商城网页,运用组件化的思想,将页面内容划分为一个个的组件。项目开发完成后,使用webpack进行项目打包,生成最终可以发布的项目,还有自动化流程工具Gulp的使用讲解。

    第1课

    实战:项目准备与骨架搭建

    本课程,在项目准备中,会使用webpack来搭建项目的开发环境。在项目骨架搭建中,我们会分析并搭建项目的基础结构,然后来开发一个底部的Tabbar组件,并利用vue-router实现页面之间的跳转。

    第2课

    实战:Vue webapp首页开发

    本课程中使用组件化开发方式,将页面内容划分为一个个的组件。值得一提的是,项目中的数据并不是假的,而是来自服务器端,模拟真实的开发情景。线上的数据和本地的有很大区别,相信大家在学习的过程中会深有体会。

    第3课

    实战:Vue 完成分类、搜索页

    本课程是《vue实现慕淘商城》分类和搜索页开发及项目构建打包。项目开发完成后,还不能直接上线,需要使用webpack生成最终可以发布的版本,这就是构建打包要做的事情。

    第4课

    自动化构建工具Gulp.js

    本课程主要讲解gulp的基础知识以及gulp常用功能插件,完成常见的gulp workflow

热门框架Vue开发WebApp

立即购买
¥688.00
意见反馈 帮助中心 APP下载
官方微信