Skip to content

Instantly share code, notes, and snippets.

@demisx

demisx/_angularjs-1-component-organization.md

Last active July 14, 2023 14:07
Show Gist options
  • Save demisx/cbbf605db31e7c9f5cf6 to your computer and use it in GitHub Desktop.
Save demisx/cbbf605db31e7c9f5cf6 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. demisx revised this gist Apr 28, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -85,7 +85,7 @@
    | |__lo-dash/
    | |__...
    |
    |__config/ # project-wide config files not relevant to any existing folder, if any
    |__config/ # global project-wide config files not relevant to any existing folder, if any
    |
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    | |__chai/
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    |--_build/ # output build directory for gulp-processed files
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project-wide config files not relevant to any existing folder, if any
    |__config/ # global project-wide config files not relevant to any existing folder, if any
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/
  2. demisx revised this gist Apr 28, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    [app-name]/ # app root directory
    |--_build/ # automatic build output directory
    |--_build/ # output build directory for gulp-processed files
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    [app-name]/ # app root directory
    |--_build/ # automatic build output directory
    |--_build/ # output build directory for gulp-processed files
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project-wide config files not relevant to any existing folder, if any
  3. demisx revised this gist Apr 28, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory
    |--_build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory
    |--_build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project-wide config files not relevant to any existing folder, if any
  4. demisx revised this gist Feb 2, 2015. 3 changed files with 22 additions and 22 deletions.
    22 changes: 11 additions & 11 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
    | | | |__[animation-name]-animation.spec.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_spec.js # filter unit test
    | | | |__[filter-name]-filter.spec.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_spec.js # directive unit test
    | | | |__[directive-name]-directive.spec.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_spec.js # model unit test
    | | | |__[model-name]-model.spec.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_spec.js # service unit test
    | | | |__[service-name]-service.spec.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -38,9 +38,9 @@
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__index.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
    | | |__checkmark-filter.spec.js
    | | |__string-parser-service.js
    | | |__string-parser-service_spec.js
    | | |__string-parser-service.spec.js
    | | |__...
    | |
    | |__layouts/ # layout specific partials
    @@ -54,19 +54,19 @@
    | | |__[ui-state-1]/ # ui state 1
    | | | |__index.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit test
    | | | |__config.spec.js # state config unit test
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name]-controller.spec.js # state controller unit test
    | | | |__[view-name].html # state view partial
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__index.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state config unit test
    | | | |__config.spec.js # child state config unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[ui-state-1.1]-controller.spec.js # child state controller unit test
    | | | |__[view-name].html # child state view partial
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
    14 changes: 7 additions & 7 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
    | | | |__[animation-name]-animation.spec.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_spec.js # filter unit test
    | | | |__[filter-name]-filter.spec.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_spec.js # directive unit test
    | | | |__[directive-name]-directive.spec.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_spec.js # model unit test
    | | | |__[model-name]-model.spec.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_spec.js # service unit test
    | | | |__[service-name]-service.spec.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -38,8 +38,8 @@
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__index.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
    | | |__checkmark-filter.spec.js
    | | |__string-parser-service.js
    | | |__string-parser-service_spec.js
    | | |__string-parser-service.spec.js
    | | |__...
    ...
    8 changes: 4 additions & 4 deletions angularjs-1-component-organization-l3-states.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -7,19 +7,19 @@
    | | |__[ui-state-1]/ # ui state 1
    | | | |__index.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit tes
    | | | |__config.spec.js # state config unit tes
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name]-controller.spec.js # state controller unit test
    | | | |__[view-name].html # state view template
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__index.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state unit test
    | | | |__config.spec.js # child state unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[ui-state-1.1]-controller.spec.js # child state controller unit test
    | | | |__[view-name].html # child state view template
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
  5. demisx revised this gist Jan 30, 2015. 2 changed files with 4 additions and 2 deletions.
    3 changes: 2 additions & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -29,7 +29,8 @@
    | | | |
    | | | |__vendor/ # 3rd party libraries used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__index.js # subcomponent module definition and dependencies
    | | | |__config.js # subcomponent specific config
    | | | |__[animation-name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    3 changes: 2 additions & 1 deletion angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -29,7 +29,8 @@
    | | | |
    | | | |__vendor/ # 3rd party librariess used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__index.js # subcomponent module definition and dependencies
    | | | |__config.js # subcomponent specific config
    | | | |__[animation-name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
  6. demisx revised this gist Jan 28, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__index.js # module definition and dependencies
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    |__app/
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__index.js # module definition and dependencies
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
  7. demisx revised this gist Jan 28, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -84,7 +84,7 @@
    | |__lo-dash/
    | |__...
    |
    |__config/ # project config files not required to run the actual application
    |__config/ # project-wide config files not relevant to any existing folder, if any
    |
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    | |__chai/
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    |__.build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project config files not required to run the actual application
    |__config/ # project-wide config files not relevant to any existing folder, if any
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/
  8. demisx revised this gist Jan 28, 2015. 4 changed files with 19 additions and 13 deletions.
    16 changes: 9 additions & 7 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
    @@ -35,7 +35,7 @@
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__index.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
    | | |__string-parser-service.js
    @@ -51,7 +51,7 @@
    | |
    | |__states/ # application UI states (can be 'routes/' if a concept of states is not used)
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__index.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit test
    | | | |__[view-name]-controller.js # state controller
    @@ -61,7 +61,7 @@
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__index.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state config unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
    @@ -85,8 +85,6 @@
    | |__...
    |
    |__config/ # project config files not required to run the actual application
    | |__karma.js # karma unit test runner config
    | |__protractor.js # protractor e2e test runner config
    |
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    | |__chai/
    @@ -104,11 +102,15 @@
    | | | |__[page-object-name].js # page object
    | | | |__...
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__protractor.config.js # protractor config file
    | | |__...
    | |
    | |__unit/
    | |__helpers/ # unit test specific helpers
    | |__state-test-helpers.js # helper functions for testing UI router states
    | | |__matchers.js # customer matchers
    | | |__state-test-helpers.js # helper functions for testing UI router states
    | |__karma.config.js # karma config file
    | |__karma.setup.js # karma global vars and requires
    | |__...
    |
    |__bower.json
    8 changes: 6 additions & 2 deletions angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,18 +5,22 @@
    |__config/ # project config files not required to run the actual application
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/ # collection of various helpers and end-to-end specs
    |__specs/
    | |__e2e/ # end-to-end specs
    | | |__helpers/ # e2e specific helpers
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | | |__...
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__protractor.config.js # protractor config file
    | | |__...
    | |
    | |__unit/
    | |__helpers/ # unit test specific helpers
    | |__state-test-helpers.js # helper functions for testing UI router states
    | | |__matchers.js # customer matchers
    | | |__state-test-helpers.js # helper functions for testing UI router states
    | |__karma.config.js # karma config file
    | |__karma.setup.js # karma global vars and requires
    | |__...
    |
    |__bower.json
    4 changes: 2 additions & 2 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -3,7 +3,7 @@
    |__app/
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__index.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_spec.js # animation unit test
    @@ -35,7 +35,7 @@
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__index.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
    | | |__string-parser-service.js
    4 changes: 2 additions & 2 deletions angularjs-1-component-organization-l3-states.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    | |__layouts/
    | |__states/ # application UI states
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__index.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit tes
    | | | |__[view-name]-controller.js # state controller
    @@ -15,7 +15,7 @@
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__index.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
  9. demisx revised this gist Jan 17, 2015. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -84,7 +84,7 @@
    | |__lo-dash/
    | |__...
    |
    |__config/ # project related config files
    |__config/ # project config files not required to run the actual application
    | |__karma.js # karma unit test runner config
    | |__protractor.js # protractor e2e test runner config
    |
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    |__.build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project related config files
    |__config/ # project config files not required to run the actual application
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/ # collection of various helpers and end-to-end specs
  10. demisx revised this gist Jan 15, 2015. 3 changed files with 16 additions and 3 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -34,7 +34,7 @@
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
    15 changes: 14 additions & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,20 @@
    |__config/ # project related config files
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/ # collection of various helpers and end-to-end specs
    |__specs/ # collection of various helpers and end-to-end specs
    | |__e2e/ # end-to-end specs
    | | |__helpers/ # e2e specific helpers
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | | |__...
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__...
    | |
    | |__unit/
    | |__helpers/ # unit test specific helpers
    | |__state-test-helpers.js # helper functions for testing UI router states
    | |__...
    |
    |__bower.json
    |__gulpfile.json
    |__package.json
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -34,7 +34,7 @@
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_spec.js
  11. demisx revised this gist Jan 5, 2015. 1 changed file with 4 additions and 3 deletions.
    7 changes: 4 additions & 3 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -98,16 +98,17 @@
    | |__...
    |
    |__specs/
    | |__e2e/ # end-to-end tests
    | |__e2e/ # end-to-end specs
    | | |__helpers/ # e2e specific helpers
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | | |__...
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__...
    | |
    | |__helpers/ # global spec helpers
    | |__ui-router-helpers.js # helper functions for testing UI router states
    | |__unit/
    | |__helpers/ # unit test specific helpers
    | |__state-test-helpers.js # helper functions for testing UI router states
    | |__...
    |
    |__bower.json
  12. demisx revised this gist Jan 5, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -102,6 +102,7 @@
    | | |__helpers/ # e2e specific helpers
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | | |__...
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__...
    | |
  13. demisx revised this gist Jan 5, 2015. 1 changed file with 3 additions and 2 deletions.
    5 changes: 3 additions & 2 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -99,12 +99,13 @@
    |
    |__specs/
    | |__e2e/ # end-to-end tests
    | | |__helpers/ # e2e specific helpers
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | |__[spec-name].js # e2e test
    | | |__[spec-name-describing-feature].js # e2e test
    | | |__...
    | |
    | |__helpers/ # various spec helpers
    | |__helpers/ # global spec helpers
    | |__ui-router-helpers.js # helper functions for testing UI router states
    | |__...
    |
  14. demisx revised this gist Jan 5, 2015. 2 changed files with 12 additions and 8 deletions.
    10 changes: 6 additions & 4 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -51,17 +51,19 @@
    | |
    | |__states/ # application UI states (can be 'routes/' if a concept of states is not used)
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit test
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name].html # state view partial
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state config unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[view-name].html # child state view partial
    10 changes: 6 additions & 4 deletions angularjs-1-component-organization-l3-states.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,17 +5,19 @@
    | |__layouts/
    | |__states/ # application UI states
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__config_spec.js # state config unit tes
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name].html # state view template
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__config_spec.js # child state unit test
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[view-name].html # child state view template
  15. demisx revised this gist Jan 5, 2015. 5 changed files with 22 additions and 22 deletions.
    18 changes: 9 additions & 9 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_test.js # animation unit test
    | | | |__[animation-name]-animation_spec.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_test.js # filter unit test
    | | | |__[filter-name]-filter_spec.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_test.js # directive unit test
    | | | |__[directive-name]-directive_spec.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_test.js # model unit test
    | | | |__[model-name]-model_spec.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_test.js # service unit test
    | | | |__[service-name]-service_spec.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -37,9 +37,9 @@
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_test.js
    | | |__checkmark-filter_spec.js
    | | |__string-parser-service.js
    | | |__string-parser-service_test.js
    | | |__string-parser-service_spec.js
    | | |__...
    | |
    | |__layouts/ # layout specific partials
    @@ -54,7 +54,7 @@
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_test.js # state controller unit test
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name].html # state view partial
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    @@ -63,7 +63,7 @@
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_test.js # child state controller unit test
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[view-name].html # child state view partial
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
    4 changes: 2 additions & 2 deletions angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,11 @@
    [app-name]/ # app root directory
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project related config files
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__specs/ # collection of unit test helpers and end-to-end specs
    |__specs/ # collection of various helpers and end-to-end specs
    |__bower.json
    |__gulpfile.json
    |__package.json
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    [app-name]/
    ...
    |__app/ # container for all user-generated app code
    |__app/ # container for all user-generated application code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    | |__states/ # application states (can be 'routes/' if a concept of states is not used)
    14 changes: 7 additions & 7 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,16 @@
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_test.js # animation unit test
    | | | |__[animation-name]-animation_spec.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_test.js # filter unit test
    | | | |__[filter-name]-filter_spec.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_test.js # directive unit test
    | | | |__[directive-name]-directive_spec.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_test.js # model unit test
    | | | |__[model-name]-model_spec.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_test.js # service unit test
    | | | |__[service-name]-service_spec.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -37,8 +37,8 @@
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_test.js
    | | |__checkmark-filter_spec.js
    | | |__string-parser-service.js
    | | |__string-parser-service_test.js
    | | |__string-parser-service_spec.js
    | | |__...
    ...
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-l3-states.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -8,16 +8,16 @@
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_test.js # state controller unit test
    | | | |__[view-name]-controller_spec.js # state controller unit test
    | | | |__[view-name].html # state view template
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_test.js # child state controller unit test
    | | | |__[ui-state-1.1]-controller_spec.js # child state controller unit test
    | | | |__[view-name].html # child state view template
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
  16. demisx revised this gist Jan 5, 2015. 2 changed files with 12 additions and 11 deletions.
    20 changes: 11 additions & 9 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -94,15 +94,17 @@
    |
    |__scripts/ # shell executable and config scripts
    | |__...
    |
    |__tests-e2e/ # end-to-end tests
    | |__page-objects/ # collection of page objects
    | | |__[page-object-name].js # page object
    | |__[test-name].js # e2e test
    | |__...
    |
    |__tests-request/ # request tests (e.g. 3rd party API's are mocked)
    | |__...
    |
    |__specs/
    | |__e2e/ # end-to-end tests
    | | |__page-objects/ # collection of page objects
    | | | |__[page-object-name].js # page object
    | | |__[spec-name].js # e2e test
    | | |__...
    | |
    | |__helpers/ # various spec helpers
    | |__ui-router-helpers.js # helper functions for testing UI router states
    | |__...
    |
    |__bower.json
    |__gulpfile.json
    3 changes: 1 addition & 2 deletions angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,8 +5,7 @@
    |__config/ # project related config files
    |__node_modules/ # 3rd party vendor node.js modules global to the entire app
    |__scripts/ # shell executable and config scripts
    |__tests-e2e/ # end-to-end tests
    |__tests-request/ # request tests (e.g. 3rd party API's are mocked)
    |__specs/ # collection of unit test helpers and end-to-end specs
    |__bower.json
    |__gulpfile.json
    |__package.json
  17. demisx revised this gist Dec 25, 2014. 2 changed files with 28 additions and 24 deletions.
    28 changes: 15 additions & 13 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,16 +5,17 @@
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[name]-animation.js # component specific animation
    | | | |__[name]-animation_test.js # animation unit test
    | | | |__[name]-filter.js # component specific filter
    | | | |__[name]-filter_test.js # filter unit test
    | | | |__[name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[name]-directive_test.js # directive unit test
    | | | |__[name]-model.js # component specific model
    | | | |__[name]-model_test.js # model unit test
    | | | |__[name]-service.js # component specific service
    | | | |__[name]-service_test.js # service unit test
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_test.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_test.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_test.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_test.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_test.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -29,11 +30,12 @@
    | | | |__vendor/ # 3rd party libraries used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__[name]-animation.js # subcomponent specific animation
    | | | |__[animation-name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_test.js
    | | |__string-parser-service.js
    @@ -53,7 +55,7 @@
    | | | |__config.js # state specific config
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_test.js # state controller unit test
    | | | |__[view-name].html # state view template
    | | | |__[view-name].html # state view partial
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    @@ -62,7 +64,7 @@
    | | | |__config.js # child state specific config
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_test.js # child state controller unit test
    | | | |__[view-name].html # child state view template
    | | | |__[view-name].html # child state view partial
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    24 changes: 13 additions & 11 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,16 +5,17 @@
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # component specific configuration
    | | | |__[name]-animation.js # component specific animation
    | | | |__[name]-animation_test.js # animation unit test
    | | | |__[name]-filter.js # component specific filter
    | | | |__[name]-filter_test.js # filter unit test
    | | | |__[name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[name]-directive_test.js # directive unit test
    | | | |__[name]-model.js # component specific model
    | | | |__[name]-model_test.js # model unit test
    | | | |__[name]-service.js # component specific service
    | | | |__[name]-service_test.js # service unit test
    | | | |__[animation-name]-animation.js # component specific animation
    | | | |__[animation-name]-animation_test.js # animation unit test
    | | | |__[filter-name]-filter.js # component specific filter
    | | | |__[filter-name]-filter_test.js # filter unit test
    | | | |__[directive-name].html # directive template
    | | | |__[directive-name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[directive-name]-directive_test.js # directive unit test
    | | | |__[model-name]-model.js # component specific model
    | | | |__[model-name]-model_test.js # model unit test
    | | | |__[service-name]-service.js # component specific service
    | | | |__[service-name]-service_test.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    @@ -29,11 +30,12 @@
    | | | |__vendor/ # 3rd party librariess used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__[name]-animation.js # subcomponent specific animation
    | | | |__[animation-name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__app.js
    | | |__checkmark-filter.js
    | | |__checkmark-filter_test.js
    | | |__string-parser-service.js
  18. demisx revised this gist Dec 24, 2014. 2 changed files with 1 addition and 3 deletions.
    3 changes: 1 addition & 2 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,5 @@
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory (non-minified dev version)
    |__.dist/ # production ready distribution code (i.e. concatenated, minified)
    |__.build/ # automatic build output directory
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    1 change: 0 additions & 1 deletion angularjs-1-component-organization-l1.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,5 @@
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory
    |__.dist/ # distribution code
    |__app/ # container for all user-generated app code
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    |__config/ # project related config files
  19. demisx revised this gist Dec 16, 2014. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    [app-name]/ # app root directory
    |__.build/ # automatic build output directory
    |__.dist/ # distribution code
    |__.build/ # automatic build output directory (non-minified dev version)
    |__.dist/ # production ready distribution code (i.e. concatenated, minified)
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
  20. demisx revised this gist Dec 14, 2014. 3 changed files with 9 additions and 9 deletions.
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -70,9 +70,9 @@
    | | |__[ui-state-2]/ # ui state 2
    | | |__...
    | |
    | |__app.js # global app module definition and dependencies
    | |__config.js # global config (constants, values, states, routes etc.)
    | |__index.html # main application bootstrap entry page
    | |__app.js # global app module definition and dependencies
    | |__config.js # global app configuration
    | |__index.html # application bootstrap entry page
    |
    |__bower_components/ # 3rd party vendor client libraries global to the entire app
    | |__angular/
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    | |__states/ # application states (can be 'routes/' if a concept of states is not used)
    | |__app.js # global app module definition and dependencies
    | |__config.js # global config (constants, values, states, routes etc.)
    | |__index.html # main application bootstrap entry page
    | |__app.js # global app module definition and dependencies
    | |__config.js # global app configuration
    | |__index.html # application bootstrap entry page
    ...
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-l3-layouts.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -4,8 +4,8 @@
    | |__components/
    | |__layouts/ # layout specific partials
    | | |__default.html # default application layout
    | | |__home.html # home page layout, if different from default
    | | |__public.html # public section layout, if different from default
    | | |__secure.html # secure section layout, if different from default
    | | |__home.html # home page layout, if different from default
    | | |__public.html # public section layout, if different from default
    | | |__secure.html # secure section layout, if different from default
    | | |__...
    ...
  21. demisx revised this gist Dec 14, 2014. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -4,4 +4,7 @@
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    | |__states/ # application states (can be 'routes/' if a concept of states is not used)
    | |__app.js # global app module definition and dependencies
    | |__config.js # global config (constants, values, states, routes etc.)
    | |__index.html # main application bootstrap entry page
    ...
  22. demisx revised this gist Dec 14, 2014. 2 changed files with 6 additions and 6 deletions.
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -27,11 +27,11 @@
    | | | | |__fr-FR/
    | | | | |__...
    | | | |
    | | | |__vendor/ # 3rd party libs used by this component
    | | | |__vendor/ # 3rd party libraries used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__config.js # subcomponent specific config
    | | | |__[name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    6 changes: 3 additions & 3 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -26,11 +26,11 @@
    | | | | |__fr-FR/
    | | | | |__...
    | | | |
    | | | |__vendor/ # 3rd party libs used by this component
    | | | |__vendor/ # 3rd party librariess used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__config.js # subcomponent specific config
    | | | |__[name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
  23. demisx revised this gist Dec 14, 2014. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # config (constants, values, states, routes etc.)
    | | | |__config.js # component specific configuration
    | | | |__[name]-animation.js # component specific animation
    | | | |__[name]-animation_test.js # animation unit test
    | | | |__[name]-filter.js # component specific filter
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -4,7 +4,7 @@
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # config (constants, values, states, routes etc.)
    | | | |__config.js # component specific configuration
    | | | |__[name]-animation.js # component specific animation
    | | | |__[name]-animation_test.js # animation unit test
    | | | |__[name]-filter.js # component specific filter
  24. demisx revised this gist Dec 13, 2014. 2 changed files with 1 addition and 1 deletion.
    0 _angularjs-1-component-organization-intro.md → _angularjs-1-component-organization.md
    View file
    File renamed without changes.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l3-states.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    ...
    |__app/
    | |__components/
    | |__layouts/ #
    | |__layouts/
    | |__states/ # application UI states
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
  25. demisx renamed this gist Dec 13, 2014. 1 changed file with 0 additions and 0 deletions.
    0 gistfile1.txt → ...rjs-1-component-organization-l3-states.sh
    View file
    File renamed without changes.
  26. demisx revised this gist Dec 13, 2014. 4 changed files with 30 additions and 3 deletions.
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-all.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -48,7 +48,7 @@
    | | |__secure.html # secure section layout, if different from default
    | | |__...
    | |
    | |__states/ # application states (can be 'routes/' if a concept of states is not used)
    | |__states/ # application UI states (can be 'routes/' if a concept of states is not used)
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    [app-name]/ # app root directory
    [app-name]/
    ...
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    2 changes: 1 addition & 1 deletion angularjs-1-component-organization-l3-layouts.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    [app-name]
    [app-name]/
    ...
    |__app/
    | |__components/
    27 changes: 27 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,27 @@
    [app-name]/
    ...
    |__app/
    | |__components/
    | |__layouts/ #
    | |__states/ # application UI states
    | | |__[ui-state-1]/ # ui state 1
    | | | |__app.js # state module definition and dependencies
    | | | |__config.js # state specific config
    | | | |__[view-name]-controller.js # state controller
    | | | |__[view-name]-controller_test.js # state controller unit test
    | | | |__[view-name].html # state view template
    | | | |__[ui-state-1].scss # state specific CSS
    | | | |__[image-name].{png|gif|jpg} # state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | | |__[ui-state-1.1]/ # child ui state 1.1
    | | | |__app.js # child state module definition and dependencies
    | | | |__config.js # child state specific config
    | | | |__[ui-state-1.1]-controller.js # child state controller
    | | | |__[ui-state-1.1]-controller_test.js # child state controller unit test
    | | | |__[view-name].html # child state view template
    | | | |__[ui-state-1.1].scss # child state specific CSS
    | | | |__[image-name].{png|gif|jpg} # child state specific image(s)
    | | | |__i18n/ # resource files with locale specific localization rules for this state
    | | |__[ui-state-2]/ # ui state 2
    | | |__...
    ...
  27. demisx revised this gist Dec 13, 2014. 3 changed files with 12 additions and 7 deletions.
    1 change: 1 addition & 0 deletions angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    [app-name]/ # app root directory
    ...
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    8 changes: 5 additions & 3 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,6 @@
    [app-name]/ # app root directory
    |__app/ # container for all user-generated app code
    [app-name]/
    ...
    |__app/
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    @@ -37,4 +38,5 @@
    | | |__checkmark-filter_test.js
    | | |__string-parser-service.js
    | | |__string-parser-service_test.js
    | | |__...
    | | |__...
    ...
    10 changes: 6 additions & 4 deletions angularjs-1-component-organization-l3-layouts.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,11 @@
    [app-name]/ # app root directory
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    [app-name]
    ...
    |__app/
    | |__components/
    | |__layouts/ # layout specific partials
    | | |__default.html # default application layout
    | | |__home.html # home page layout, if different from default
    | | |__public.html # public section layout, if different from default
    | | |__secure.html # secure section layout, if different from default
    | | |__...
    | | |__...
    ...
  28. demisx revised this gist Dec 13, 2014. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions angularjs-1-component-organization-l3-layouts.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    [app-name]/ # app root directory
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    | | |__default.html # default application layout
    | | |__home.html # home page layout, if different from default
    | | |__public.html # public section layout, if different from default
    | | |__secure.html # secure section layout, if different from default
    | | |__...
  29. demisx revised this gist Dec 13, 2014. 1 changed file with 40 additions and 0 deletions.
    40 changes: 40 additions & 0 deletions angularjs-1-component-organization-l3-components.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,40 @@
    [app-name]/ # app root directory
    |__app/ # container for all user-generated app code
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc.
    | | | |__app.js # module definition and dependencies
    | | | |__config.js # config (constants, values, states, routes etc.)
    | | | |__[name]-animation.js # component specific animation
    | | | |__[name]-animation_test.js # animation unit test
    | | | |__[name]-filter.js # component specific filter
    | | | |__[name]-filter_test.js # filter unit test
    | | | |__[name]-directive.js # component specific directive (can be a UI widget)
    | | | |__[name]-directive_test.js # directive unit test
    | | | |__[name]-model.js # component specific model
    | | | |__[name]-model_test.js # model unit test
    | | | |__[name]-service.js # component specific service
    | | | |__[name]-service_test.js # service unit test
    | | | |__[component-1].{scss|less} # component specific CSS
    | | | |__[image-name].{png|gif|jpg} # component specific images
    | | | |__data/ # component specific JSON data files and related assets
    | | | |__i18n/ # resource files with locale specific localization rules for this component
    | | | | |__en-US/
    | | | | | |__[resource-name-1].json
    | | | | | |__[resource-name-2].json
    | | | | | |__...
    | | | | |__fr-FR/
    | | | | |__...
    | | | |
    | | | |__vendor/ # 3rd party libs used by this component
    | | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout`
    | | | |__config.js # subcomponent specific config
    | | | |__[name]-animation.js # subcomponent specific animation
    | | | |__... # same structure as `component-1`, except `app.js` module definition
    | | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc.
    | | | |__...
    | | |__utils/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions
    | | |__checkmark-filter.js
    | | |__checkmark-filter_test.js
    | | |__string-parser-service.js
    | | |__string-parser-service_test.js
    | | |__...
  30. demisx revised this gist Dec 12, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions angularjs-1-component-organization-l2-app.sh
    View file
    Original file line number Diff line number Diff line change
    @@ -3,3 +3,4 @@
    | |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.)
    | |__layouts/ # layout specific partials
    | |__states/ # application states (can be 'routes/' if a concept of states is not used)
    ...