课程介绍(A000001)： 使用最前沿的前端技术，用Koa、Vue.js、Zepto等框架…
课程介绍(A000001)：
使用最前沿的前端技术，用Koa、Vue.js、Zepto等框架结合HTML5开发一个完整的包含有阅读器功能的书城App整站。
完全模拟企业中最真实的开发过程，从需求分析，设计图解析，技术选型，环境搭建直到开发测试和细节优化，整个过程会针对比较复杂的几个模块，如阅读器，书城首页，搜索模块等做详细的说明，将一步步带大家实现一个可独立运行的前端工程
课程目录：
第1章 阅读器开发-课程热身2 节 | 11分钟
介绍课程案例的背景、应用场景和WEB APP的现状与发展趋势。
- 视频：1-1 课程介绍 (06:15)
- 视频：1-2 HTML5的应用场景 (04:11)
第2章 阅读器开发-案例中技术点的分解9 节 | 46分钟
对使用BASE64图片制作ICON、CSS3、HTML5 API、手机触摸事件、手机端多屏幕适配和布局方法、前端性能等知识进行介绍及扩展，为课程学习做好准备。
- 视频：2-1 核心技术分解开场 (00:37)
- 视频：2-2 使用base64格式图片制作 (02:43)
- 视频：2-3 使用CSS3制作简单的ICON (04:28)
- 视频：2-4 HTML5+API概览介绍 (05:59)
- 视频：2-5 HTML5+核心API+webwork介绍 (05:06)
- 视频：2-6 HTML5特性-Ajax跨域 (04:56)
- 视频：2-7 HTML5触屏事件详解 (06:12)
- 视频：2-8 使用viewport布局移动端页面 (03:03)
- 视频：2-9 移动端性能陷阱和硬件加速 (12:21)
第3章 阅读器开发-开发流程介绍、需求分解和技术选型3 节 | 19分钟
逐步介绍实现一个完整的适用于手机端阅读器的过程，进行需求分解，完成技术选型和基础项目的搭建过程。
- 视频：3-1 交互图和设计图的解读 (03:12)
- 视频：3-2 技术选型的原因 (06:50)
- 视频：3-3 目录结构的划分和基础文件准备说明 (08:17)
第4章 阅读器开发-页面基本结构的开发过程7 节 | 63分钟
完成整个案例的静态页面搭建和兼容性测试。
![图片[1]-HTML5独立开发书城Web App|完结无秘|百度云下载-51自学联盟](https://zy.98ke.com/wp-content/uploads/2023/11/d23955eb48756631458a893ea6210428.jpg)
- 视频：4-1 页面结构的分解 (04:04)
- 视频：4-2 主体结构的HTML开发 (09:57)
- 视频：4-3 主体结构的CSS样式开发 (16:22)
- 视频：4-4 仿native上边栏的结构和CSS开发 (10:37)
- 图文：4-5 底部边栏的HTML和CSS样式
- 视频：4-6 仿native下边栏操作面板的结构开发 (06:32)
- 视频：4-7 仿native下边栏操作面板的CSS开发 (15:11)
第5章 阅读器开发-页面前端交互代码的开发过程7 节 | 48分钟
使用HTML5和JS API开发案例中字体设置，阅读器的排版分页和导航栏的呼出等用户交互部分的功能。
- 视频：5-1 前端交互部分的开发流程 (02:25)
- 视频：5-2 搭建出基本的JS代码结构 (11:28)
- 视频：5-3 触屏唤出上下边栏交互开发和优化 (15:19)
- 视频：5-4 唤出字体面板交互开发 (09:36)
- 视频：5-5 字体大小设置交互开发 (09:06)
- 图文：5-6 字体面板中“背景”切换的交互开发
- 图文：5-7 字体面板中“黑白天阅读模式”切换的交互开发
第6章 阅读器开发-页面和服务器通信代码的开发过程9 节 | 78分
针对项目中的前后端交互部分开发做详细的说明。主要介绍异步请求的处理技巧，如何能不使用传统的回调函数方式，更好的完成代码组织（promise ,pub-sub,ES6 genertor集中异步编程模式）。
- 视频：6-1 实现数据层 (19:43)
- 视频：6-2 实现数据层与UI渲染连调 (13:21)
- 视频：6-3 实现上下翻页功能数据渲染 (11:43)
- 图文：6-4 上下翻页功能优化
- 视频：6-5 服务器端交互代码细节优化 (04:54)
- 视频：6-6 使用ES6+promise组织异步代码 (09:31)
- 视频：6-7 使用ES6+promise组织异步代码 (13:55)
- 图文：6-8 promise实战
- 视频：6-9 课程总结 (04:19)
第7章 阅读器开发-课程扩展5 节 | 21分钟
本章节是对html5一些概念性知识进行讲解。
- 视频：7-1 HTML5技术对比native的优势 (01:57)
- 视频：7-2 WEB+APP的发展现状 (06:53)
- 视频：7-3 发展趋势 (01:47)
- 视频：7-4 设计模式分解 (07:45)
- 视频：7-5 HTML5+contentediton介绍 (01:36)
第8章 书城整站开发-介绍和WebApp的搭建3 节 | 25分钟
本章节开始课程的第二部分课程内容，在阅读器的基础上扩展开发一个书城的开发。
- 视频：8-1 二期项目背景介绍 (05:47)
- 视频：8-2 阅读器对整个项目承前启后的作用 (08:42)
- 视频：8-3 webApp整站的搭建方式 (09:54)
第9章 书城整站开发-技术选型和技术点介绍5 节 | 29分钟
本章节把对整站开发所需要的技术点：node.js、npm、koa、Vue以及EJS做了简单的介绍，以便于后面章节的使用。
- 视频：9-1 nodeJS的环境搭建，两种nodejs安装方法 (09:44)
- 视频：9-2 npm的使用介绍 (04:25)
- 视频：9-3 koa的介绍和使用 (04:24)
- 视频：9-4 Vue的介绍和使用 (04:36)
- 视频：9-5 EJS模版的介绍 (05:38)
第10章 书城整站开发-服务端环境搭建和开发过程7 节 | 86分钟
本章节讲解书城整站的服务端环境搭建和开发过程，包括：工程目录结构的搭建、使用koa中间件构建网站雏形、为网站添加接口及页面路由的完整开发。
- 视频：10-1 webApp服务端搭建的过程 (01:58)
- 视频：10-2 工程完整的目录结构的搭建 (12:47)
- 视频：10-3 使用Koa中间件构建网站雏形 (21:09)
- 视频：10-4 为网站添加Mock数据接口 (08:29)
- 视频：10-5 为网站添加接口之线上HTTP接口调用 (14:10)
- 视频：10-6 网站服务端Ajax接口的完整开发 (14:03)
- 视频：10-7 页面路由的完整开发 (12:53)
第11章 书城整站开发-前端开发过程18 节 | 300分钟
书城整站的前端开发过程，包括页面的基础架构搭建，首页的开发、书籍详情页面静态页面实现，数据动态绑定、页面自适应屏幕宽度代码改造。
- 视频：11-1 页面的基础架构搭建 (11:24)
- 视频：11-2 页面HTML代码的模块化拆分 (07:17)
- 视频：11-3 网站header的样式和结构实现 (25:31)
- 视频：11-4 首页的顶部功能区域html结构实现 (22:20)
- 视频：11-5 首页书籍列表的样式和结构实现（上） (20:53)
- 视频：11-6 首页书籍列表的样式和结构实现（下） (20:36)
- 视频：11-7 首页其它模块的静态结构和样式实现（上） (15:14)
- 视频：11-8 首页其它模块的静态结构和样式实现（下） (15:31)
- 视频：11-9 首页细节调整&首页的Vue数据绑定 (19:28)
- 视频：11-10 首页动画效果和书架的实现（上） (15:40)
- 视频：11-11 首页动画效果和书架的实现（下） (21:20)
- 视频：11-12 书籍详情页面的静态实现（上） (17:11)
- 视频：11-13 书籍详情页面的静态实现（中） (21:20)
- 视频：11-14 书籍详情页面的静态实现（下） (21:17)
- 视频：11-15 书籍详情页的数据动态绑定 (11:42)
- 视频：11-16 集成阅读器的代码到项目中 (14:19)
- 视频：11-17 页面自适应屏幕宽度的代码改造 (08:18)
- 视频：11-18 搜索功能的思路和项目总结 (10:12)
文件目录：
| mksz13、App书城整站开发（vue.js+koa） |
| │ |
| │ code.rar |
| │ 源码.rar |
| │ 课件.zip |
| │ |
| ├─10书城整站开发：服务端环境搭建和开发过程 |
| │ 10章1-3.mp4 |
| │ 10章4-7.mp4 |
| │ |
| ├─11书城整站开发-前端开发过程 |
| │ 11章1-3.mp4 |
| │ 11章10-12.mp4 |
| │ 11章13-14.mp4 |
| │ 11章15-18.mp4 |
| │ 11章4-6.mp4 |
| │ 11章7-9.mp4 |
| │ |
| ├─1阅读器-课程热身 |
| │ 1-1 课程介绍.mp4 |
| │ 1-2 HTML5的应用场景.mp4 |
| │ It Hub 666,程序猿学习园地~.html.url |
| │ |
| ├─2阅读器-案例中技术点的分解 |
| │ 01 核心技术分解开场.mp4 |
| │ 02 使用base64格式图片制作.mp4 |
| │ 03 使用CSS3制作简单的ICON.mp4 |
| │ 04 HTML5+API概览介绍.mp4 |
| │ 05 HTML5+核心API+webwork介绍.mp4 |
| │ 06 HTML5特性-ajax跨域.mp4 |
| │ 07 HTML5触屏事件详解.mp4 |
| │ 08 使用viewport布局移动端页面.mp4 |
| │ 09 移动端性能陷阱和硬件加速.mp4 |
| │ |
| ├─3阅读器-开发流程介绍、需求分解和技术选型 |
| │ 1 交互图和设计图的解读.mp4 |
| │ 2 技术选型的原因.mp4 |
| │ 3 目录结构的划分和基础文件准备说明.mp4 |
| │ |
| ├─4阅读器-页面基本结构的开发过程 |
| │ 1 页面结构的分解.mp4 |
| │ 2 主体结构的HTML开发.mp4 |
| │ 3 主体结构的CSS样式开发.mp4 |
| │ 4 仿native上边栏的结构和CSS开发.mp4 |
| │ 5 底部边栏的HTML和CSS样式_慕课网.png |
| │ 6 仿native下边栏操作面板的结构开发.mp4 |
| │ 7 仿native下边栏操作面板的CSS开发.mp4 |
| │ |
| ├─5阅读器-页面前端交互代码的开发过程 |
| │ 1 前端交互部分的开发流程.mp4 |
| │ 2 搭建出基本的JS代码结构.mp4 |
| │ 3 触屏唤出上下边栏交互开发和优化.mp4 |
| │ 4 唤出字体面板交互开发.mp4 |
| │ 5 字体大小设置交互开发.mp4 |
| │ 6 字体面板中“背景”切换的交互开发_慕课网.png |
| │ 7 字体面板中“黑白天阅读模式”切换的交互开发_慕课网(1).png |
| │ 7 字体面板中“黑白天阅读模式”切换的交互开发_慕课网.png |
| │ |
| ├─6阅读器-页面和服务器通信代码的开发过程 |
| │ 1 实现数据层.mp4 |
| │ 2 实现数据层与UI渲染连调.mp4 |
| │ 3 实现上下翻页功能数据渲染.mp4 |
| │ 4 上下翻页功能优化_慕课网.png |
| │ 5 服务器端交互代码细节优化.mp4 |
| │ 6 使用ES6+promise组织异步代码.mp4 |
| │ 7 使用ES6+promise组织异步代码.mp4 |
| │ 8 promise实战_慕课网.png |
| │ 9 课程总结.mp4 |
| │ |
| ├─7阅读器-课程扩展 |
| │ 1 HTML5技术对比native的优势.mp4 |
| │ 2 WEB+APP的发展现状.mp4 |
| │ 3 发展趋势.mp4 |
| │ 4 设计模式分解.mp4 |
| │ 5 HTML5+contentediton介绍.mp4 |
| │ |
| ├─8书城整站开发-介绍和webapp的搭建 |
| │ 8章1-3.mp4 |
| │ |
| └─9书城整站开发：技术选型和技术点介绍 |
| 9章1-5.mp4 |
-
朋友圈不定时发福利（开通会员免费获取资源）
-
微信号
5702701
点击我自动复制
付费资源
© 版权声明
本站所有资源均来自互联网收集, 本站大数据爬虫负责收集不承担任何版权问题。所有资源均不出售，只免费分享给本站等级用户！如有内容侵犯到任何版权问题, 请发送版权相关证明与本站客服,一经核实将及时予与删除并致以最深的歉意。
THE END
会员专属
会员专属
暂无评论内容