一直在学习AngularJS,但是没有真正一个项目的实践,刚好自己也想把前端的技术学习的碎片积累起来,
不如用Angular来做这个实验室,也算学以致用吧,目前用的的技术如下:
Bootstrap // 响应式UI框架
SASS // CSS预处理器
Compass // SASS + Compass 双剑合璧
AngularJS // 前端MVC框架,也是本项目的核心技术
Angular-UI-Router // Angular自带的路由不支持嵌套
Grunt // 前端工作流,目前可以自动编译、LiveLoad,开发起来比较方便
Bower // 前端包依赖工具
Node.js // 前端开发必不可少的平台
随着自己的学习,以及项目的完善,我可能会用到更多的技术,后期准备用的技术如下:
Require.js // 模块加载器,实现按需加载
React.js // 非常喜欢,想实验一下
EMCAScript6 // 非常喜欢,必须实验
app/ --> all of the source files for the application
bower_components/ --> all of the bower install libs dir
images/ --> all of the images dir
js/ --> all of the js files dir
controllers/ --> all of the controllers dir
directives/ --> all of the directives dir
filters/ --> all of the filters dir
services/ --> all of the services dir
app.js --> the angular config js
module.js --> the angular module js
scss/ --> all of the sass files dir
common/ --> the common sass files dir
components/ --> the components sass files dir
pages/ --> the pages sass files dir
style.scss --> the compile sass file
stylesheets/ --> the compiled css file dir
tpl/ --> all of the angular template files dir
index.html --> the home page html file.
这个项目我会把学习的积累、沉淀下来,然后也会对感兴趣的技术写一些Demo。
如果有感兴趣的同学,欢迎讨论分享。