为了账号安全,请及时绑定邮箱和手机立即绑定
编程百科手册

扫一扫 手机阅读

课程目录已更新36节
全部 试读

课程亮点

  • 掌握前端 Vue.js 和后端 Node.js 技术进行全栈开发
  • 结合 WeUI 与 Animate.css 实现精美页面与动画
  • 能够对移动Web键盘踩坑问题进行解决分析
  • 掌握 Socket.io 技术实现好友线上畅聊
  • 充分掌握PWA 技术优化项目及用户体验
  • 深入了解阿里云短信、图片服务接入及项目部署上线相关细节

课程简介

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

  • Vue.js 及相关的技术栈,是目前最流行的前端框架之一,如何能在实战项目中充分发挥相关技能;
    移动 Web 开发技术和传统 PC 开发到底有何区别;如何进行屏幕适配;如何在移动端开发高效的 CSS3 动画;
  • 在使用 Node.js 和 Express 框架开发后台接口时,如何进行数据建模;如何实现用户认证与权限校验;如何利用 Socket.io 开发高并发的聊天接口;
  • MongoDB是什么;MongoDB 和 Mongoose 到底有什么区别;如何使用 Mongoose 进行复杂数据的高效增删改查;
  • 结合当下流行的 PWA 技术,如何让项目的用户体验像一个真正的 WebApp;结合阿里云服务如何进行真实的线上发版和部署。

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

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

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

讲师吕小鸣,曾就职于一线互联网公司,从事 Web 业务开发与管理工作多年,爱好新技术研究和探索,尤其专注于移动 Web 开发,手机 QQHybrid 页面主力开发,对相关实际项目和调优工作有深厚的经验。热爱分享,专注用户体验,曾在慕课网出品《移动 web 适配利器 rem》 《移动 Web App 开发之实战美团外卖》等实战课程。

由于课程的实战项目性质,你可以预先点击链接的进行体验,链接如下:https://app.nihaoshijie.com.cn/index.html#/

建议 iOS 系统使用 Safari 打开,Android 采用 Chrome 打开,可以体验到前沿的 PWA 应用效果。 由于一些新技术特性, 本项目目前兼容 iOS8 及 Android4.4 以上的系统。

本课程主要分为3大部分,10个模块,共35个小节:

  1. 第一部分主要讲解相关技术栈和相关环境的搭建和准备工作。
  2. 第二部分主要讲解了实战项目的页面逻辑开发,在讲解的过程中会把整个课程相关的知识点同时讲解,是整个课程最复杂,内容最多的一部分。
  3. 第三部分主要讲解线上代码部署和项目的用户体验优化。

欢迎您参与本期专栏的课程学习,在成为全栈大咖的进阶之路上高歌前行。

课程目录已更新36节
精选留言
  • qq_慕用4296762

    老师你好,我express脚手架已经安装了,但是start报项目wecircleServer同级目录没有packge.json文件,这是为啥,是因为我后端换了D盘吗?我前端初始化在C盘 D:\Develop\vue>npm install npm WARN saveError ENOENT: no such file or directory, open 'D:\Develop\vue\package.json' D:\Develop\vue>npm run start npm ERR! path D:\Develop\vue\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall open npm ERR! enoent ENOENT: no such file or directory, open

  • teddy1209

    老师,看了一下demo之后有一些小问题想要请教,目前的demo上传长图图片会被压缩,并且没有下滑关闭的功能和动画,而且图片不支持放大缩小,请问如果想要完善这些功能,要如何分别对下滑和滚动事件进行判断和操作呢?

    讲师回答 / 吕小鸣

    同学你好,关于这个问题,目前demo中的是支持双击放大和缩小的哈,并且长图的问题已经兼容,在后面的章节里面会更新哈。 另外由于专栏内容复杂度的限制,一些特效不能在专栏里面实现,如果说要添加滑动关闭特效,可以通过监听图片的touchmove来使图片向下移动,移动到一个临街值时,将图片隐藏即可。

适合人群
  • 刚毕业即将工作的前端爱好者
  • 有一年左右工作经验的前端工程师
  • 想要了解企业级项目开发的全栈工程师
  • 具有基本的 HTML 和 CSS 以及 JS 编程基础,有一定 Vue.js 基础的前端开发人员
购买须知
  1. 本专栏为图文形式内容服务,共计 36 小节,上线时间为 2019 年 7 月 23 日,预计 2019 年 9 月 20日更新完成;
  2. 本专栏更新时间为每周一,三,五更新 1 篇,形式为图文;
  3. 订阅成功后,用户即可通过慕课网 PC 端、App 端、WAP 端享有永久阅读的权限。
  4. 慕课专栏为虚拟内容服务,订阅成功后概不退款;
  5. 在专栏阅读过程中,如有任何问题,请邮件联系kf@imooc.com;
  6. 慕课专栏版权归本平台所有,任何机构、媒体、网站或个人未经本网协议授权不得转载、链接、转贴或以其他方式复制发布/发表,违者将依法追究责任。
造烛求明,读书求理
扫码关注慕课网服务号
干货分享
定期活动
课程优惠
专栏福利
官方优惠福利活动一手掌握,关注慕课网(ID:imooc-com),和30万+程序员一起成长!

本专栏知识点梳理

2.在此专栏基础上,如果你想进阶前端项目实战的知识点学习,可参考:

下载慕课网APP

更好的体验,让阅读随处可得

扫描二维码,下载慕课网APP
意见反馈 邀请有奖 帮助中心 APP下载
官方微信