Vue.js在线简历编辑器&生成图片简历(二)

今天是春节之后上班第一天,许多同学们都会觉得有些不习惯吧?没关系,明天就是第二天,后天就是第三天了,慢慢的你就习惯了...跟大家开个玩笑哈,春节已过,让我们继续学起来。

在上一期的文章中,我们已经把需求分析的差不多了。那么我觉得这里面有二个难点,

一是html简历页面,生成为图片并下载;

二是数据库结构的设计,在这个例子中,我选用的是MongoDB;

html生成图片下载的原理其实很简单,就是使用html2canvas.js,

这东西麻烦的地方在于生成图片的清晰度,还有就是有些页面上的内容生成不出来。但这都不是主要问题,网上都有成熟的解决方案。

mongoDB这个数据库,简单好用又易学。一开始我也把它想的很复杂,因为我只会一些SQL,但是我只用了大概二个小时左右,就掌握了它的基本使用方法。至于它的具体下载与安装,我就不多写了,网上有许多的资料,同学们可以自行查找。

上面的命令分别是:

- 显示所有的数据库;

- 创建一个数据库:resume;

- 显示当前正在使用的数据库;

- 在当前的正在使用的数据库中添加edition集合;

- 显示当前正在使用的集合;

- 在当前集合中插入一条数据;

- 查看当前集合中的数据;

最为美妙的一点是,mongoDB保存数据的格式,跟json数据的格式基本是一样的。那么这样下来,设计数据库表、集合的工作,其实就变成了设计json数据的格式了。

下面是一个在线编辑简历的粗原型,

总体是这么个顺序吧,就算再怎么复杂也不过是个SPA单面应用而已,先画到这里。

先行者课程的详细方案明天会发出来,然后看看大家的反馈、意见,再调整一下之后就发车。

如果你问我,“先行者课程”和“前端零基础课”有啥区别?

简单说的,一个是脱产全日班;一个是在职晚班。脱产的学习时间集中,学的快;在职晚班,时间拉的长,讲的慢。

现在课程内容已经准备的差不多了,

- 仿制豆瓣app

- 在线播放器

- 全栈备忘录

- 在线简历编辑器

- 学生简历系统

- pos结账

- 电商购物车

- reactJs留言板

- ...等

之前还有好多课程方面的积累,就现有的这些东西在每周二、五晚的上讲课,已经足够我讲半年以上了。

大致能学到的内容包括但不限于:

- vueJs

- reactJs

- nodeJs

- webPack

- MongoDB

- 常用设计模式(原型、单例、观察者)

- 每周一次的作业

- ...

其实内容还是挺多的。

课程实例,已经准备的差不多了。大概有十多个的样子,基本上,

1、每个demo课程都是独立的;

2、每个demo课程都包含“分析、设计、实现、迭代”四部分;

3、所有demo课程循环讲解,难度都差不多,所以可以随时加入;

4、每个demo课程搞定之后,才能进入下一个demo的学习。类似于游戏的过关。

每个人要进入下一个demo的学习之前,都要交一份上个demo课程的最终作业。合格,进入下一个demo;不合格,你就继续写。

上课形式嘛:晚班,是业余班,每周二、周五的晚上上课,每次约一个半小时;价格嘛,待定,我再仔细想想。

在这个过程中,最主要的目的,就是学会如何去做“前端架构的设计”。其余的,还可以学到一些插件编写、设计模式应用、前端自动化及工程化开发、多人开发协同等方面的知识。。。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180222B1420X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券