今天是春节之后上班第一天,许多同学们都会觉得有些不习惯吧?没关系,明天就是第二天,后天就是第三天了,慢慢的你就习惯了...跟大家开个玩笑哈,春节已过,让我们继续学起来。
!----
上一篇:Vue.js在线简历编辑器生成图片简历(一)
在上一期的文章中,我们已经把需求分析的差不多了。那么我觉得这里面有二个难点,
一是html简历页面,生成为图片并下载;
二是数据库结构的设计,在这个例子中,我选用的是MongoDB;
!----
html生成图片下载的原理其实很简单,就是使用html2canvas.js,
这东西麻烦的地方在于生成图片的清晰度,还有就是有些页面上的内容生成不出来。但这都不是主要问题,网上都有成熟的解决方案。
!----
mongoDB这个数据库,简单好用又易学。一开始我也把它想的很复杂,因为我只会一些SQL,但是我只用了大概二个小时左右,就掌握了它的基本使用方法。至于它的具体下载与安装,我就不多写了,网上有许多的资料,同学们可以自行查找。
上面的命令分别是:
-显示所有的数据库;
-创建一个数据库:resume;
-显示当前正在使用的数据库;
-在当前的正在使用的数据库中添加edition集合;
-显示当前正在使用的集合;
-在当前集合中插入一条数据;
-查看当前集合中的数据;
最为美妙的一点是,mongoDB保存数据的格式,跟json数据的格式基本是一样的。那么这样下来,设计数据库表、集合的工作,其实就变成了设计json数据的格式了。
!----
下面是一个在线编辑简历的粗原型,
总体是这么个顺序吧,就算再怎么复杂也不过是个SPA单面应用而已,先画到这里。
!----
先行者课程的详细方案明天会发出来,然后看看大家的反馈、意见,再调整一下之后就发车。
如果你问我,“先行者课程”和“前端零基础课”有啥区别?
简单说的,一个是脱产全日班;一个是在职晚班。脱产的学习时间集中,学的快;在职晚班,时间拉的长,讲的慢。
现在课程内容已经准备的差不多了,
-仿制豆瓣app
仿制豆瓣电影appbeta(一)
仿制豆瓣电影appbeta(二)
-在线播放器
用vuejs做一个简陋但好使的播放器(一)
用vuejs做一个简陋但好使的播放器(二)
vueJs播放器的第一版完工(三)
-全栈备忘录
全栈-在线备忘录-node-express-MongoDB
-在线简历编辑器
Vue.js在线简历编辑器生成图片简历(一)
-学生简历系统
-pos结账
-电商购物车
-reactJs留言板
-...等
之前还有好多课程方面的积累,就现有的这些东西在每周二、五晚的上讲课,已经足够我讲半年以上了。
大致能学到的内容包括但不限于:
-vueJs
-reactJs
-nodeJs
-webPack
-MongoDB
-常用设计模式(原型、单例、观察者)
-每周一次的作业
-...
其实内容还是挺多的。
!--课程构思--
课程实例,已经准备的差不多了。大概有十多个的样子,基本上,
1、每个demo课程都是独立的;
2、每个demo课程都包含“分析、设计、实现、迭代”四部分;
3、所有demo课程循环讲解,难度都差不多,所以可以随时加入;
4、每个demo课程搞定之后,才能进入下一个demo的学习。类似于游戏的过关。
每个人要进入下一个demo的学习之前,都要交一份上个demo课程的最终作业。合格,进入下一个demo;不合格,你就继续写。
上课形式嘛:晚班,是业余班,每周二、周五的晚上上课,每次约一个半小时;价格嘛,待定,我再仔细想想。
在这个过程中,最主要的目的,就是学会如何去做“前端架构的设计”。其余的,还可以学到一些插件编写、设计模式应用、前端自动化及工程化开发、多人开发协同等方面的知识。。。
老尚