小菜的前端編程散談(8)

項目介紹

如今咱們準備進行的是一個練手項目,我來大概說一下這個項目的東西,我會從一下幾個方面進行介紹:html

  1. 項目功能
  2. 項目技術架構
  3. 項目的演進和將來

項目功能

項目的定位是作一個微博網站,固然是小型的試驗性質的。須要有哪些功能呢?這個我到時候會在咱們項目根目錄建一個doc文件夾,裏面放一些文檔,來描述不一樣模塊的不一樣層面的需求和設計文檔。咱們徹底從0開始,文檔我來寫,須要你重點看的部分我也會指出來前端

項目技術架構和演進方向

因爲是學習練手的項目,因此儘可能以輕量爲主,並且你在windows下,我又常常在OSX平臺,因此必須跨平臺。基於這幾點考慮,我選擇Node做爲服務端,搭配輕量的嵌入數據庫NeDB。後期我會逐步轉移到MongoDB,我這裏着重說一下前端的知識點和演進方向:git

第一階段,使用原生的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/github

OK,理想很美好,但路要一步一步走,走完這3步,基本上在前端界你能夠有一席之地了。固然並非說你天天都在寫代碼作項目,你也能夠抽一些時間看書學基礎的對吧。不少時候咱們都是邊作邊學的,學以至用。這樣成長最快數據庫

相關文章
相關標籤/搜索