[[oktatas:web:angularjs|< AngularJS]]

====== Kódszervezés ======

===== Inline stílus =====
<code>
app/
    index.html
    angular.js
</code>




===== Sztereotip stílus =====

Ez jó.

<code>
app/
   css/
      app.css
   js/
      app.js
      controllers.js
      directives.js
      filters.js
      services.js
   lib/
      angular.js
   partials/
      login.html
      parkolas.html
      jarmu.html
   index.html
</code>

===== Specifikus stílus =====

<code>
app/
    css/
        app.css
    js/
        controllers/
            loginCtrl.js
            parkolasCtrl.js
            jarmuCtrl.js
        directives/
        filters/
        services/
        app.js
    lib/
        angular.js
    partials/
        login.html
        parkolas.html
        jarmu.html
    index.html
</code>
===== Tárgykör, terület vagy tartomány stílus =====

<code>
app/
    application/
        app.css
        app.js
    login/
        login.css
        loginCtrl.js
        login.html
    parkolas/
        parkolas.css
        parkolasCtrl.js
        parkolas.html
    jarmu/
        jarmu.css
        jarmuCtrl.js
        jarmu.html
    lib/
        angular.js
    index.html
</code>

Ez tűnik a legjobbnak, mivel az ember egy tárgykörön belül egyszerre dolgozik adott
tárgykörön belüli .css, .js és .html fájlokkal.

===== A codeschool.com ajánlása =====

<code>

Projekt01
    |--css/
    |
    |--javascript/
    |      |--controllers/
    |      |     |--notes-create-controller.js
    |      |     |--notes-edit-controller.js
    |      |     |--notes-index-controller.js
    |      |     |--notes-show-controller.js
    |      |--filters/
    |      |--services/
    |      |--directives/
    |
    |--templates/
    |     |--pages/
    |          |--notes/
    |          |    |--notes.index.html
    |	       |
    |          |--users/
    |               |--users-index.html
    |
    |--index.html

</code>