模块化 1.作用域回顾2.模块3.私有属性与公有属性4.模块扩展5.Commonjs规范6.Requirejs引入7.Requirejs的使用8.Requirejs的shim模块9.Requirejs应用-音乐列表播放 1.掌握作用域
2.掌握模块的定义规范与使用
3.了解私有与公有概念
4.掌握Commonjs规范
5.掌握Requirejs的应用
Nodejs与Express 1.安装Node于CMD命令2.Node创建服务器3.Node相关操作4.Commonjs规范5.Express安装6.Server基本操作7.Express路由基础8.Express路由配置9.Express路由应用10.实现前后端交互11.Post参数请求12.Get参数请求13.JSONP跨域处理14.过滤数据15.Nodejs链接数据库16.Server增删改查 1.了解Nodejs
2.独立安装Nodejs环境
3.熟悉CMD命令行操作
4.掌握Express安装
5.掌握Express路由的应用
6.掌握请求方式POST与GET
7.掌握JSONP的使用
8.掌握数据过滤
9.掌握数据库基本操作
10.掌握链接数据
11.掌握服务器端搭建
ECMAScript6 1.babel转换器2.Let和Const命令3.字符串扩展4.解构赋值5.Object扩展6.Array扩展7.Function扩展8.Class类9.类的继承Extends10.Promise11.Module模块 1.掌握ES6与ES5的区别
2.掌握babel转换器的使用
3.掌握ES6声明新特性
5.掌握数组,对象,字符串函数的扩展
6.掌握箭头函数的应用
7.掌握Class类的声明
8.掌握继承的实现
9.掌握Promise的使用
10.掌握Module模块的使用
CSS预处理语言Less 1.Less环境搭建与编译2.Less服务器端渲染3.Sublime Text安装插件4.Less语法-变量、混合、嵌套5.Less语法-计算、函数6.Less语法-继承、引导判断7.Sass使用 1.了解CSS预处理语言的优势
2.掌握Less环境搭建
3.了解Less的服务器端渲染
4.掌握Less的使用语法
5.掌握Sass的基本使用
构建工具之Gulp 1.Gulp环境搭建2.Gulp压缩JavaScript3.Gulp压缩CSS4.Gulp压缩HTML5.Gulp压缩Image6.Gulp压缩合并重命名7.Gulp监听8.Gulp打包处理9.Gulp热更新 1.掌握构建工具的作用
2.了解工程化概念
3.掌握Gulp的环境搭建
4.掌握Gulp的压缩操作(js、css、html、image)
5.掌握压缩合并重命名系列操作
6.掌握Gulp监听提高工作效率
7.掌握热更新提升开发者体验
构建工具之Webpack 1.Webpack3.x安装2.Webpack config配置文件3.Webpack服务器搭建4.Webpack Loaders配置5.Webpack构建React环境6.Webpack处理CSS和图片7.Webpack Less-loader添加8.Webpack插件添加9.Webpack生产环境10.Webpack4.x版本升级 1.掌握目前前端工程化方式
2.掌握Webpack3.x环境搭建
3.掌握Webpack配置文件编写
4.掌握Webpack Loaders的配置
5.掌握Webpack独立构建React环境
6.掌握Webpack的配置文件修改
7.掌握Webpack插件的添加
8.掌握Webpack生产环境
9.掌握Webpack4.x版本迭代升级
React 1.Hello React基础2.JSX语法解析3.React基础组件4.React组件嵌套5.组件数据交互Props6.样式添加与事件7.React State状态8.State和Props9.组件生命周期函数10.Form表单和ref11.Fetch网络请求12.封装Http网络请求13.Mock数据模拟Node服务器14.网络请求跨域代理配置15.引入Antd UI框架16.Antd样式应用17.Antd样式修改18.Router3.x引入19.Router3.x路由嵌套20.Router3.x路由参数传递21.Router4.x路由升级22.React脚手架23.React修改脚手架配置24.React引入字体图标 1.掌握React基础语法
2.了解React的优势
3.掌握React的组件交互
4.掌握React组件的的生命周期
5.掌握React的网络请求fetch
6.掌握数据模拟方式Mock
7.掌握React路由的应用
8.掌握Antd UI组件的使用
9.掌握React脚手架的使用
React项目实战-新闻类型 1.News-环境搭建2.News-响应式设计3.News-路由配置4.News-引入Antd样式5.News-适配移动端6.News-登录UI实现7.News-登录接口实现8.News-登录功能实现9.News-本地存储10.News-功能模块实现 本项目根据新闻类接口实现新闻类站点与APP的常见形式展示,项目专注于练习React基础的应用,组件的创建分离与嵌套,实现登录注册等功能。同时针对移动端和PC端实现响应式设计。
React-Redux 1.Redux基础2.Redux原理3.React-Redux引入4.React-Redux共享数据5.React-Redux应用场景 1.掌握React-Redux应用场景
2.掌握React-Redux的实现
3.掌握React-Redux的原理
React项目实战-O2O类 1.环境搭建-添加Less环境2.环境搭建-路由功能实现3.环境搭建-全局样式与字体图标4.首页-头部实现5.首页-轮播导航实现6.首页-超值特惠广告服务器端实现7.首页-超值特惠前端访问实现8.首页-超值特惠前端UI实现9.首页-推荐列表数据获取10.首页-推荐列表数据加载11.首页-推荐列表加载更多数据12.首页-推荐列表加载更多实现13.首页-推荐列表滚动加载14.首页-底部导航15.城市-路由配置16.城市-Header17.城市-当前城市18.城市-城市信息Redux添加19.城市-Redux数据共享20.城市-城市选择21.城市-城市修改22.城市-城市本地存储23.城市-根据城市适配数据24.搜索-路由配置25.搜索-服务器模拟数据26.搜索-SearchHeader组件27.搜索-搜索数据获取28.搜索-搜索页面UI适配29.搜索-重复搜索处理30.详情-路由配置31.详情-服务器端数据适配32.详情-详情数据适配33.详情-添加星星34.详情-商品评论35.登录-路由配置36.登录-判断用户登录37.登录-登录实现38.登录-登录验证39.购买与收藏-购买功能40.购买与收藏-解决路由参数问题41.购买与收藏-收藏按钮添加42.购买与收藏-Store添加Redux43.购买与收藏-收藏功能实现44.用户中心-个人信息加载45.用户中心-订单加载46.用户中心-订单信息优化47.评论-添加评论状态48.评论-添加完整流程49.评论-评论提交 本项目为目前常见O2O类项目的展示形式与功能,项目主要包含功能有首页展示,城市切换,搜索实现,详情展示,登录与注册,购买与收藏业务,用户中心和评论等功能。主要针对学者练习React基础应用和React高级组件的创建,React中使用Redux掌握应用场景,并且熟悉项目业务逻辑的实现,更快更合适宜的接入企业级项目。
Vue 1.Vue环境搭建2.Vue基本指令3.Vue事件处理4.Vue计算属性5.Vue的Class与Style样式6.Vue的表单与侦听器7.Vue的基本组件8.Vue的组件之间数据交互9.Vue组件加载的keep-alive10.Vue的Props验证11.Vue组件深入12.Vue 插槽13.Vue实例生命周期14.Vue过渡与动画15.Vue自定义指令16.Vue过滤17.Vue网络请求Axios18.Vue Axios请求应用19.Vue Axios常用配置20.Vue 跨域处理21.Vue路由基础22.Vue路由跳转23.Vue路由嵌套24.Vue编程式导航25.Vue路由参数传递26.Vue路由杂项27.Vue路由高亮28.Vue路由实例29.Vue Element UI组件30.Swiper组件应用31.VueX引入32.Vue-VueX-创建Store仓库33.Vue-VueX-状态更改34.Vue-VueX-getters过滤35.Vue-VueX-Actions异步处理36.Vue-VueX-Module 1.掌握Vue环境搭建
2.掌握Vue框架的优点
3.掌握Vue基础语法
4.掌握Vue常见API
5.掌握Vue组件的使用
6.掌握Vue组件的生命周期
7.掌握Vue网络请求Axios
8.掌握Vue的路由使用
9.掌握Vue中常见第三方组件使用
10.掌握VueX的引入
11.了解VueX的应用长江
12.掌握VueX在项目中的实现
Vue实战项目-移动端-VueMusic
1.VueMusic-首页-路由配置
2.VueMusic-今日推荐-数据获取
3.VueMusic-今日推荐-视图适配
4.VueMusic-首页-视图适配
5.VueMusic-首页-音乐榜单
6.VueMusic-首页-热门榜单
7.VueMusic-更多-数据适配8.VueMusic-更多-下拉刷新
9.VueMusic-播放-路由配置
10.VueMusic-播放-播放功能
11.VueMusic-播放-歌词加载
12.VueMusic-播放-歌词适配
13.VueMusic-播放-歌词滚动
14.VueMusic-歌手-歌手列表
15.VueMusic-搜索-搜索实现16.VueMusic-测试-真机测试 本项目为音乐类项目,主要实现音乐首页展示,今日推荐类别,歌曲列表,歌曲播放及歌手列表和搜索功能。主要练习Vue的基础应用和组件如何设计。项目如何构架与测试。通过本项目可以让学者更快的熟悉Vue框架的使用。并且熟练的构建整个项目需求的架构。
Vue实战项目-PC 1.Vue-VuePC-环境搭建2.Vue-VuePC-导航实现3.Vue-VuePC-轮播图添加4.Vue-VuePC-列表数据5.Vue-VuePC-详情页6.Vue-VuePC-自定义组件7.Vue-VuePC-订单详情8.Vue-VuePC-Vuex引入9.Vue-VuePC-Vuex订单共享10.Vue-VuePC-打包环境 本项目与上面的移动端项目类似,但是针对的是PC端类展示产品,包含功能有导航,轮播图,数据列表,详情页,订单页和购买功能。通过本项目让学者快速掌握此类项目的常见功能和功能的业务逻辑实现 |