WEB高级框架)
一、Vue.js
1.Vue.js简介与安装,初始化Vue实例
2.Vue三大基础语法:数据绑定,列表渲染,条件渲染
3.监听属性与侦听器。快速实现购物车中的总价,总数的计算
随堂练习:实现购物车的三部曲
1.生命周期的钩子函数(vue页面的4个关键阶段)
2.自定义组件开发,数据的传递与自定义事件
3.过渡与动画,数据请求工具axios的使用
随堂练习:用户是怎么把商品加入购物车,Sku商品规格
1.脚手架vue-cli,搭建项目的基础骨架.了解大型网站项目是如何诞生的
2.路由router,网站页面间是如何跳转的.了解为什么现在的网页都没有.html了
3.状态管理vuex,全局管理及维护网站的简单数据.让学员明白网站为什么可以1个月都不用自己登录
4.自动打包工具webpack.掌握完成的项目是如何发布到正式环境的
1.路由简介,两大常规路由操作:动态路由,嵌套路由.掌握企业(电商)后台网站的布局及跳转方法
2.编程式导航,实现页面跳转的两种操作方法:声明式和编程式
3.命名路由与命名视图,路由的传参. 掌握从商品列表跳转到商品详情页如何显示对应的数据及评论
4.导航守卫.掌握淘宝在搜索商品前必须先登录的功能实现
1.什么是Vuex,Vue.js的状态管理模式
2.Vuex的五个核心属性:state, getters, mutations, actions, modules
3.通过学习vuex 掌握初步的网站1个月免登录功能实现。
商城项目实训:1.搭建vue开发环境 2.商城首页 3.商品详情页 4.购物车 5.个人中心 6.商品分类 7.用户登录 8.商城打包上线。
1.elment-ui简介,安装element-ui
2.主题设置,常用组件
3.element-admin 后台管理项目系统实践
独立项目实训
基于MUI实训中学员的项目,独立开发
使学员能够在独立的服务器中进行演示,符合就业要求
1.Vue3.0新特新介绍、组合api、setup,reactive,ref等
二、React.js
1.react.js简介,开发环境脚手架的搭建.
2.基础概念介绍,遍历数组,实现一个vue的v-model功能
3.样式绑定,组件的开发,属性与自定义事件。
随堂练习:饿了么点餐项目实战
阶段考核:教师指导你完成阶段作品,以备应聘时使用;从立案到素材、材料收集整理,再到风格定位、栏目规划,独立完成项目作品,其中需容入不同的分类信息、作品等;