看完nodejs實戰后的一個作品,在第一章的基礎上使用了bootstrap使其更美觀,交互性更強,并添加了表單驗證功能,模版也從書上的ejs換成了jade,以及一些其他的小改動。
大家好 ,這是我的個人技術博客作品,整體的網站是基于node.js,express框架配合jade模版引擎寫的一個網站。主頁為純手寫代碼,使用@media實現響應式布局。斷點分別設置425px以下、425-1280、1280以上三種情況。后臺頁面則使用bootsrap框架實現頁面,數據庫使用mongodb,moment時間模塊,與數據庫交互則使用mongoose工具模塊。前后臺的數據交互使用js實現基本的增、刪、改、查。 作品描述至此,謝謝
此作品仿照小米官網按照我自己的想法實現的一個商城應用。 目前實現了前臺的功能,主要有登錄注冊,商品展示,購物車等模塊。為了日后的完善和擴展, 我采用了前后端分離的架構設計。前端使用ui-router構建頁面路由, 通過使用指令,服務,模板,控制器完成前端的MVC分層,各個模板頁面則使用基本的HTML/CSS3等技術, 結合JS完成頁面的基本交互效果。由于沒有數據庫, 項目的測試數據是JSON格式的數據文件,通過AJax請求完成整個前臺功能的數據交互, 后期再考慮實現一個管理系統及數據庫,還有前端頁面資源的異步加載及性能優化。作品演示地址:weboey.github.io/XiaoMiStore
用HTML5、CSS3、ES6、Ajax、JS的Touch事件等技術開發一款移動端的web閱讀器。閱讀器有個性化的閱讀設置,并且會通過Html5的Localstorage把設置的背景顏色、字體大小等信息儲存在本地。閱讀器的文章內容是通過Ajax異步讀取后臺Json數據,并渲染html來完成最終顯示效果。
我自己寫的個人網頁作品,本打算寫成響應式的,但因為有點事暫時不想弄了,這是初級版本,已在www.loserhua.com上線,后期還會一直完善,努力學習中。。。
根據慕課網遠人老師的HTML5移動web App閱讀器的課程,我制作了此閱讀器作品,運用了html5、css3,JavaScript;雖然這是我是我第一次參加實戰項目的訓練,但是收獲卻很多。由于時間緊迫且服務器通信的相關知識我并不了解,只是實現了頁面的結構操作等,所以并不完美。作品地址:http://read.t.imooc.io/。
晴寶,最簡潔的天氣應用。(Build by Ionic2) 一天學習完“ionic2”的實戰項目,第二天則花一天開發完成。 github:https://github.com/airingursb/sunnybaby,詳情可見README。 目前,該項目已獲60個star,16個fork。
項目地址: http://119.29.198.184/ 影院前線是一個快速獲取電影下載資源的網站 ,項目采用NodeJS+MongoDB,同時支持PC端和移動端。 主要數據來源于豆瓣,是在Node建站課程基礎之上完善的,加入了自己的設計和其它新的功能,移動端使用SUI框架來進行搭建。
這個作品是我在慕課網購買HTML5 移動Web App閱讀器實戰時開發的,學習了基本的前端開發流程,苦逼的我還在小公司打拼,沒有基本的前端開發流程,想法-原型-設計-開發-測試-上線,沒有用戶體驗,學習后我知道我在一個項目中的地位,該做什么,什么的交往解讀,設計解讀,我一直都是拿到設計直接開工寫代碼,沒有整體的思路,流水線式的開發,更不知道什么模塊化開發,可復用的代碼,學習HTML5 移動Web App閱讀器這個實戰,我知道,什么是模塊化開發,編寫可復用的代碼,怎樣的開發思路,知道了性能優化,等等,獲益匪淺 。
使用html+css對網站進行布局,輪播圖使用jquery插件/原生js進行編寫,用到圓角等少量的css3和html5。
該作品是一個防微信的及時聊天工具項目,項目主界面跟微信主界面非常相似。能夠實現通過搜索加好友、通過掃碼加好友,與好友進行文字聊天(目前只實現了文字聊天),上傳用戶頭像等功能。服務器使用Structs、Hibernate、Spring等框架實現。