互联网发展至今,前端工程师以其高需求量和高薪酬成为IT行业职场新贵。
走进现代前端开发行业,播妞发现,每一位前端开发人员都面临着一个重要决策,选择一个合适的框架。
这时,更符合时代大势所趋的前端框架 Vue,以其独有的优势受到开发人员追捧。
黑马程序员Vue2.0+Vue3.0入门到精通,大厂前端岗位必备技能
内修心法:
底层源码框架,面试做题如鱼得水;
外练招式:
大厂实战项目,上手项目得心应手。
学完你能收获什么?
1. 掌握 webpack 工程化的开发模式;
2. 掌握 Vue 常用的指令;
3. 掌握如何使用 vue-cli 快速创建工程化的 Vue 项目;
4. 掌握 SFC 单文件组件的各种详细用法;
5. 掌握如何实现组件之间的数据共享;
6. 掌握 Vue 项目中如何正确配置和使用 axios;
7. 掌握自定义指令、过滤器、插槽的使用;
8. 掌握 vue-router 的使用;
9. 掌握 vue-devtools 调试工具的使用;
10. 掌握 ref、动态组件、$nextTick 的使用;
11. 掌握 Vant、Element-UI 组件库的使用;
12. 能够使用 Vue 实现企业级项目的开发。
核心内容
1.工程化开发,现在市场还是直接引入 vue.js 到 html 页面, 开发中不用这个方式,我们是直接按照工程化的方式进行讲解。
2. 案例驱动教学,精心设计的 4 大案例,保证每一位学生听得懂、写得出、能实践。
3. 深入浅出地讲解 Vue2 / Vue3 中的指令、组件、侦听器与计算属性,以及生命周期、数据共享、动态组件、插槽、路由等核心技术点。
4. 同时,涵盖了 axios 在 Vue 项目中的最佳实践方案;以及 Vant 组件库的主题自定制方案。
5. 最后一天的 Vue 基础收尾案例,助力学生更加轻松的过渡到 Vue 项目课的学习。
课程内容
第一天:前端工程化与 Webpack1. 前端工程化的相关概念2. Webpack 的基本使用3. Webpack 中的插件4. Webpack 中的 loader5. 打包发布6. Source Map7. 案例:列表隔行变色的案
第二天:vue 基础入门 - part11. vue 简介2. vue 的基本使用3. vue 的调试工具4. vue 的常用指令5. 案例:品牌列表案例
第三天:vue 基础入门 - part21. 过滤器的定义和使用2. 侦听器的详细用法3. 计算属性的使用4. axios 的基本用法5. vue-cli 的安装和使用
第四天:组件与生命周期1. 组件的注册与使用2. props 自定义属性3. 样式冲突与解决方案4. 组件的生命周期函数5. 父组件向子组件共享数据6. 子组件向父组件共享数据7. EventBus 实现数据共享
第五天:ref + 购物车案例1. ref 引用 DOM 元素2. ref 引用 vue 组件3. $nextTick 的用法4. 数组的常用方法5. 案例:购物车案例
第六天:组件的高级用法1. component 动态组件2. keep-alive 的基本用法3. 默认插槽4. 具名插槽5. 作用域插槽6. 自定义指令7. eslint 的语法和配置8. 配置 VSCode 的格式化插件9. 把 axios 挂载到 Vue 的原型上10. 案例:基于插槽改造购物车案例
第七天:路由1. 路由的概念2. 手动实现简易的前端路由3. 路由的基本安装和配置4. 路由重定向5. 嵌套路由6. 动态路由7. 编程式导航8. 路由导航守卫9. 案例:后台管理的路由案例
第八天:vue 基础收尾案例1. 安装和使用 Vant 组件库2. Tabbar,Navbar 组件的基本用法3. 在项目中封装 axios API 模块4. 封装 ArticleInfo 组件5. 实现上拉加载更多的效果6. 实现下拉刷新的效果7. 实现 Vant 主题定制
抓紧学起来吧!