智能社《精通vue.js》系列精品课程：
 
精通Vue全课程分为两部分，本部分为part1.（报名全课程可享受打包优惠，详情咨询客服QQ1813402318）：

·Part1- 《精通vue.js—核心开发》：知识为主，配合小型实战案例，适合没有或稍微接触过vue.js的同学学习，从零开始讲解vue的使用，通过案例及练习帮助学员彻底掌握vue.js的使用

·Part2- 《精通vue.js—实战开发》：涵盖vue.js的高级应用，配合完整大型实战案例，适合在工作中曾经或正在使用vue.js的同学学习，通过真实项目的开发帮助学员应对实际工作中的各种问题
 

授课形式：
1. 直播授课，高效互动、现场解决学员问题（为保证课程体验，如有特殊问题课下单聊）
2. 课后练习，便于讲师发现学员问题、根据大量共通问题调整教学进度
3. 群答疑
4. 不定期分享，分享最新技术发展、帮助学员更新知识体系
 
△本课程，不只是讲解vue.js的使用，更会 深入分析 vue.js 的实现原理及实际工作中的各类思想，助大家早日征服vue.js


 

《精通vue.js —— Part1. 核心开发》课程内容：
（先后顺序可能有调整；内容不变完全覆盖。）

预备课程

讲解课程中用到的基础知识、介绍课程内容，为正式课程做好准备
· 课程内容介绍
· ES6基础：promise、async/await、模块化
· webpack：安装、基础配置
· 前端渲染与后端渲染：比较、区别、如何选择
· MVC模式：理解、发展过程、MVVM模式

第1课、认识vue.js

学习vue.js的基本使用，认识vue的组成、各部分功能和用法
· 为什么使用vue.js：优点、自动视图同步、vue+react+angular三大框架的横向比较
· vm对象基本使用：容器、vue结构、常用options
· 视图自动同步
· vue表达式：变量、表达式、函数
· vue指令：v-bind、v-model、v-text和v-html、v-for和key、v-if和v-show、v-pre
· 虚拟DOM的概念
· vue事件、v-once
· 事件修饰符
· v-cloak遮蔽的使用
 
本课实战：用户注册表单
本课练习： B 站主播信息

第2课、深入Vue.js

在这一课中，会将vue.js剩余的基础知识讲完，同时讲解vue.js的内核原理，帮助大家更好的使用vue.js
·  深入理解vue.js源码：自动视图同步、双向数据绑定、虚拟DOM、computed 、watch
· computed计算属性：有什么用、和函数的区别
· getter和setter
· watch监听
· vue-router路由基础：安装、基本使用、link、路由样式
· vue组件基础：全局组件、局部组件、组件嵌套
 
本课实战：自定义表单组件
本课练习：简易后台管理开发

第3-4课、路由深入、webpack与vue2.0组件开发

本课我们将告别传统的vue1.x组件，通过webpack+vue-loader的帮助，掌握vue2.0组件写法，学会真实项目中的开发方式
· webpack中的loader：style-loader、css-loader、file-loader、url-loader、vue-loader（及VueLoaderPlugin）
· vue-cli的使用
· vue2.0组件：vue文件的结构、组件生命周期、ref引用、插槽(slot)
· 组件的传参
· 组件间数据通信
· 动态组件、Jest单元测试
· 路由高级应用：命名路由、路由参数、js路由跳转、多视图、路由嵌套

 
本课实战：后台管理系统开发
本课练习：网易云音乐

第5课、数据交互与vuex全局数据管理

数据通信对于任何应用都是极其重要的，而任何应用中数据在各个组件之间都需要进行同步、共享，而vuex是vue中数据全局管理的重要组件，在本课中我们会学习它们的使用
· 原生js数据交互（仅用于引入后续内容）
· fetch的使用：GET、POST
· axios库的使用：GET、POST
· FormData：创建、配合fetch、配合axios、文件上传
· 认识vuex：安装和引用、Vuex三大对象、mutations和actions
· 深入vuex：getters和computed、异步数据、数据模块
 
本课实战：网易云音乐 - 播放列表
本课练习：京东购物车


第 6 课、 element-UI
本课将带领大家学习element-UI——用于Web端的一套UI组件库，合理使用ui组件库可以在开发中节约大量时间，而且最重要的是可以为我们自己开发属于自己的UI库铺平道路
· element-UI基础：安装、use、引入
· 布局（layout）、响应式布局
· 基本组件：Icon、Header、Footer、Aside、Tabs、Slider、Loading等
· 表单组件：Button、ButtonGroup、Input、Select、Dropdown、Radio、Dialog、Autocomplete等
· 其他常用组件：Table、Dialog等
 
本课实战：后台数据管理系统
本课练习：个人简历编辑器


第 7 课、 mint-UI
mint-UI是一套用于移动端的UI组件库
· 基本使用
· 基本组件：上拉、下拉、指示器、提醒、弹出框、导航、懒加载、tab等
· 表单组件：按钮、滑块、单选、多选、日历、action sheet等
 
本课实战：手机日程管理
本课练习：联系人管理


第 8 课、编写自己的 UI 组件库
当现有UI库的设计风格无法与项目同一时，我们可以选择自己定义一套UI库，不但可以极大的降低重复开发的工作，还可以统一整个项目的UI风格
· UI布局预览（html、css）
· vue-animate：添加动画效果
· 封装基础组件：Button、Input
· 封装容器组件：Tab、Dialog
 
本课自身即为实战内容
本课练习：封装 UI 组件库


第 9 课、项目实战：网易严选商城
将课程中所学习的应用于实战项目，帮助大家融会贯通
· 项目预览：布局、数据接口
· 首页：数据请求、banner、类目表
· 列表页：数据请求、筛选、分页


第 10 课、项目实战 ( 续 ) 、项目上线部署
· 商品详情页：商品图slider、商品详情、热销
· 项目的上线部署




------------------------------------------------------------------------------------------------------------------------------------
· 学完进阶：高级实战直播课 《精通vue.js —— Part2. 实战开发》
------------------------------------------------------------------------------------------------------------------------------------









 

内容版权声明：除非注明，否则皆为本站转载文章。文章及图片版权归原作者所有，如有侵权请联系我们，我们立刻删除。

上一篇：uniapp开发仿飞猪旅游微信小程序云开发,uni

下一篇：《Web前端高薪工程师培养计划 第二十七期 全阶班》_腾讯课堂