代码改变世界

小菜的前端编程散谈(8)

2015-09-23 14:48  周信达  阅读(276)  评论(0编辑  收藏  举报

项目介绍

现在我们准备进行的是一个练手项目,我来大概说一下这个项目的东西,我会从一下几个方面进行介绍:

  1. 项目功能
  2. 项目技术架构
  3. 项目的演进和未来

项目功能

项目的定位是做一个微博网站,当然是小型的试验性质的。需要有哪些功能呢?这个我到时候会在我们项目根目录建一个doc文件夹,里面放一些文档,来描述不同模块的不同层面的需求和设计文档。我们完全从0开始,文档我来写,需要你重点看的部分我也会指出来

项目技术架构和演进方向

由于是学习练手的项目,所以尽量以轻量为主,而且你在windows下,我又经常在OSX平台,所以必须跨平台。基于这几点考虑,我选择Node作为服务端,搭配轻量的嵌入数据库NeDB。后期我会逐步转移到MongoDB,我这里着重说一下前端的知识点和演进方向:

第一阶段,使用原生的HTML + CSS + Javascript代码,除非比较难的展现和交互,允许使用第三方的东西,尽量全部自己来,一般不会有太难得要求,都可以实现的。这可以熟悉最基础最重要的东西
第二阶段,开始使用jQuery来重构DOM操作和Ajax操作,使用Twitter BootStrap的CSS框架来重构界面样式
第三阶段,开始使用Angular来重新设计和开发整个前端,熟练使用Angular的前端开发,并熟悉Bower、Grunt、Gulp等自动化构建工具。学会Javascript的单元测试
重点:这里面有一些新东西需要我们两个同时学习,你主要去熟悉一下EJS,EJS是Node做Web开发的一个模板引擎,用来开发动态渲染的网页。我给出地址你可以熟悉一下
ejs: http://www.embeddedjs.com/
ejs: http://www.embeddedjs.com/getting_started.html
ejs: https://github.com/tj/ejs
当然,NeDB这个是我自己需要熟悉的,我自己也记录一下
NeDB: https://github.com/louischatriot/nedb/

OK,理想很美好,但路要一步一步走,走完这3步,基本上在前端界你可以有一席之地了。当然并不是说你每天都在写代码做项目,你也可以抽一些时间看书学基础的对吧。很多时候我们都是边做边学的,学以致用。这样成长最快