Skip to content

Fast Angular Project Bootstrap is a CoC angular front-end architecture that allow quick angular projects in a less a minute.

Notifications You must be signed in to change notification settings

darioodiaz/fapb

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

[Deprecated] FAPB (Fast Angular Project Bootstrap)

NOTE: In favour to react and that ecosystem, this architecture is deprectated becuase has to old technologies, but it can be used to build small applications

FAPB is a CoC angular front-end architecture that allow quick angular projects in a less a minute.

Structure

libs: put here all your libraries, also contains a requireJS configurator for scripts paths and other useful scripts css: style folder app:

  • appModules: your application modules goes here
  • global: a global module that contains all global scripts (direcives, services, other modules, etc)
  • applicationModules.js: register your new/available modules here
  • controller.js: if you want to have any first controller, put it here
  • states.js: here you must put your menu states with his configuration
  • config.js: the application configuration, you should never edit this file unless you need some more configuration or do somenthing when the app module "run"

Generating modules

module-generator.js: the node scripts that create a new module for your app, to use this scripts just type node module-generator.js MODULE_NAME

Module Convention

When you create a module with module-generator it has the following:

  • controllers: your controllers must goes here
  • states: if you have customStates (over the convention) put here
  • services: your factories/services must goes here
  • views: your html views goes here
  • config.js: the config file of the module (feel free to modify this file)
  • states.js: this file has a state convention inside:
    • An abstract state with the same name as the module, that allows to FAPB to start the module, resolves data or load other modules (using fapbLoadModule) before.
    • An [abstract].index state which is the module state entry point

Follow this state convention to have more clean states.

Loading other modules:

If you need some module before the state or module start, in the state resolve option use: "resolve: fapbLoadModule(MODULE_NAME)" or use inside a regular resolve.

FABP Workflow

  • Create a module with module-generator.js
  • Create controllers, services, views, etc in the module folder
  • Go to "app/applicationModules.js" and add this line "factorizator.registerModule("YOUR_MODULE_HERE");" this register the new created module into the app and it's available to use (if you have a menu item, link, o load this module in the app lifecycle)

About

Fast Angular Project Bootstrap is a CoC angular front-end architecture that allow quick angular projects in a less a minute.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published