frontendlab's Introduction

前端实验室 — 个人学习前端技术的平台

一直在学习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。

如果有感兴趣的同学，欢迎讨论分享。

Recommend Projects