从0到1朋友圈移动Web App实战开发

内容简介

从0到1 实战webapp，通过热门的web前端技术实现移动端app应用，先基础、后实战，在讲解的同时引导思考，会抛出自己独特的观点，一行一行写代码讲解实现过程。学会前端组件化，学习如何从零搭建一个前端开发环境！

本期课程是墨客专栏组特别准备的第二期精品全栈技术相关课程，主要围绕以下热门技术与相关问题展开：

Vue.js 及相关的技术栈，是目前最流行的前端框架之一，如何能在实战项目中充分发挥相关技能；

移动 Web 开发技术和传统 PC 开发到底有何区别；如何进行屏幕适配；如何在移动端开发高效的 CSS3 动画；

在使用 Node.js 和 Express 框架开发后台接口时，如何进行数据建模；如何实现用户认证与权限校验；如何利用 Socket.io 开发高并发的聊天接口；

MongoDB是什么；MongoDB 和 Mongoose 到底有什么区别；如何使用 Mongoose 进行复杂数据的高效增删改查；

结合当下流行的 PWA 技术，如何让项目的用户体验像一个真正的 WebApp；结合阿里云服务如何进行真实的线上发版和部署。

本期课程，是一个真正的实战项目，将带你循序渐进、由浅入深地实现项目开发。讲师语言风格简明扼要，带你用文字的形式体验项目实战的快乐。

掌握课程的相关实战开发技术，可以让你系统理解一个实际的企业级项目如何从零到一开发；结合Vue.js 和 Node.js 技术，能够让你在理解业务逻辑编码的同时，掌握并解决在开发过程中遇到的实际问题，包括但不限于用户验证码登录和权限校验、海量图片的上传和存储、PWA 技术的应用落地；最后可以学习如何部署线上项目以及一些运维方面的技能。

本课程旨在让读者掌握基本的 Web App 与后端接口逻辑开发技术知识点的同时，学习到更多的实战经验， 提升读者在面对日常工作项目中实际解决问题的能力。

资源目录

-代码开始-

第1章 开发前的准备工作

01 导读：移动 web 的趋势

02 项目技术栈介绍

03 开发环境准备

04 屏幕适配方案选择

第2章 项目工程搭建

05 初始化前端项目

06 初始化后端项目

第3章 登录功能开发

07 登录页 UI 界面开发

08 后端登录接口开发

09 阿里云短信服务

10 JSON Web Token实现用户验证

第4章 发布功能开发

11 发布页 UI 界面开发

12 upload 图片上传接口

13 开发存储帖子接口

第5章 朋友圈首页开发

14 顶部组件 UI 开发

15 底部滚动加载组件开发

16 单条内容组件开发

17 图片查看器组件

18 下拉刷新组件开发

19 评论输入框组件开发

20 首页后台接口开发

第6章 我的页面开发

21 我的页面UI及后台接口开发

22 用户资料页及后台接口开发

第7章 私信页面开发

23 聊天容器组件开发

24 单条聊天内容组件

25 底部输入框组件开发

26 私信后端接口开发

27 使用 Scoket 改造后端接口

第8章 项目工程搭建

28 聊天列表页面 UI 开发

29 聊天列表页面后端接口开发

第9章 用户体验优化

30 页面转场动画

31 使用 PWA 改造真正的 webApp

32 模拟真实APP完成消息推送

33 验证码和接口限频

第10章 项目部署上线

34 小白的阿里云服务器申请之旅

35 拥有自己的全战线上真实产品

36 写在最后

-代码结束-