【智能社】直播:精通vue.js —— Part1. 核心开发

73人 购买 好评度 100%
用手机看

扫一扫继续用手机看

  • 微信扫码

  • QQ扫码

下载手机APP
收藏
  • 第一期
  • 第二期
更多班级

第一期

上课时间:03月25日 至 24年03月

第二期

上课时间:20年02月 至 24年12月

¥676.22

¥676.22

本班因教学质量问题暂时不能报名。 查看详情

课程因违反平台规定暂时不能报名。

立即购买
套餐价 :¥1598.00 原价 :¥2096.00 立即购买 查看详情
套餐价 :¥1198.00 原价 :¥2096.00 立即购买 查看详情

课程概述

目录

评论

老师介绍

  • Blue(石川)

    Blue(石川)

    智能社创始人,精通C/C++、Java、Python、前端开发等多种开发技术,曾参与数个超大规模数据挖掘技术、超高并发网络并行计算系统的设计、构建和运营,长期参与一线项目开发和项目管控,拥有丰富的企业级系统开发经验,对HTML5移动端互联网技术及生态体系有深刻理解。 超过14年的开发经验
  • 智能社在线课堂

    智能社在线课堂

    智能社在线课堂智能社在线课堂智能社在线课堂智能社在线课堂智能社在线课堂
简  介 适用人群:有js基础;想要全面掌握精通vue.js的同学。 从零开始讲解vue的使用,通过案例及练习帮助学员彻底掌握vue.js的使用。
智能社《精通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. 实战开发》
------------------------------------------------------------------------------------------------------------------------------------









 

* 课程提供者:【智能社】在线课堂

老师还为你推荐了以下几门课程