专栏首页web前端教室【图片简历】Vue.js在线简历编辑器;生成图片简历(二)

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

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

<!-- -->

上一篇:【图片简历】Vue.js在线简历编辑器&生成图片简历(一)

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

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

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

<!-- -->

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

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

<!-- -->

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

上面的命令分别是:

- 显示所有的数据库;

- 创建一个数据库:resume;

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

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

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

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

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

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

<!-- -->

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

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

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

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

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

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

- 仿制豆瓣app

仿制 豆瓣电影 app beta(一)

【完工】仿制 豆瓣电影 app beta(二)

- 在线播放器

【从零开始】用vuejs做一个简陋但好使的播放器(一)

【Js结构】用vuejs做一个简陋但好使的播放器(二)

【完工】vueJs播放器的第一版完工(三)

- 全栈备忘录

【crud】全栈-在线备忘录-node-express-MongoDB

- 在线简历编辑器

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

- 学生简历系统

- pos结账

- 电商购物车

- reactJs留言板

- ...等

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

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

- vueJs

- reactJs

- nodeJs

- webPack

- MongoDB

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

- 每周一次的作业

- ...

其实内容还是挺多的。

<!-- 课程构思 -->

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

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

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

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

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

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

本文分享自微信公众号 - web前端教室(webfeel)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-02-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微课文字版《一份不合格的WEB前端求职简历的修改》

    同学们大家好,本来说上次的微课是讲如何修改简历,结果我家小主人出了点状况不得已推迟。语音的搞不了,就来个文字版的,反正把怎么写简历说明白就行呗。 简历这个事吧,...

    web前端教室
  • 【注水】简历如何合理的加料?

    面试,是每个前端从业者都要经历的,几乎每个前端新人都会或多或少的为自己的简历而烦恼。为什么呢?要么是经历太少,要么是技能太少。

    web前端教室
  • 培训机构包装简历的原因、手法及后果?及前端新人正确的方向。

    前几天的文章中,有一个同学留言说,“他们那边的培训机构会帮他们改简历和工作经验”,当时的谈话是这样的, ? 今天晚上我去火车站接人了,回来的比较晚,所以今天我文...

    web前端教室
  • shell技巧分享(一)

    songleo
  • 「小程序JAVA实战」运行微信官方demo(四)

    PS:本来都是搬砖的,我学习新技术的思路就是多看他的demo,有的放矢,先看demo哪里不理解查看官方的api介绍,想完成某个功能看看demo里面有没有对应的,...

    IT故事会
  • 序列比对(23)最长公共子字符串

    其实这个问题可以放在序列比对专题的最开始,只是笔者是个新手,所以当初只是照《生物序列分析》教材的进度写的,教材是直接从全局比对开始讲的。Anyway,我们在本文...

    一只羊
  • 从零开始发布一个ArcGIS Server地图服务

    此前从未接触过ArcGIS,对Oracle和postGre SQL也比较陌生。本文介绍了从零开始,到搭建环境,再到发布第一个ArcGIS地图服务的完整过程。

    三分恶
  • 从逻辑回归开始入门深度学习

    在介绍逻辑回顾处理图片分类。我们处理的问题是二分类,输入一张图片判断图片中是否有猫。输入图片格式为RGB三色图,像素取值为0~255。

    用户1631856
  • 业界 | 担心隐私泄露?微软亚洲研究院发布PrivTree项目保你安全

    2011 年微软进行的一项调查显示,有 94% 的用户认为基于地理位置的服务具有价值。但是调查中也显示,52% 的人也关注与使用地理位置数据有关的隐私问题。 我...

    AI科技评论
  • 观点 | 通往通用人工智能的路上,我们少不了无监督学习

    在过去十年中,机器学习在很多领域都取得了前所未有的进展,如图像识别,自动驾驶汽车、和玩复杂游戏如「GO」等。这些成就在很大程度上都是通过采用监督学习和强化学习两...

    AI科技评论

扫码关注云+社区

领取腾讯云代金券