چیدمان کدها در Front End و ساختار تشکیل پوشه ها حالت های مختلفی دارد، که شاید انواع آن را مشاهده کرده باشید، اما قبل از تشکیل یک پروژه باید هدفی فراتر از ایجاد آن داشته باشیم و آن توسعه است.
زمانی که به فکر توسعه یک پروژه در اوایل آن باشیم نظر ما نسبت به ساختار پروژه متفاوتر خواهد شد برای مثال از CDN - Content Delivery Network به جای قرار دادن فایل ها در خود پروژه، استفاده خواهیم کرد.
چیدمان و یا به طور ساده پوشه بندی ها در این نوع پروژه ها که از ابتدا برای آنها ساختار استانداردی طراحی نشده است میتواند با نوع ابزارهای ما طراحی شود، در ادامه با یک مثال توضیح خواهم داد.
توجه داشته باشید که برای شروع یک پروژه Angular شما نیازی به پوشه js ندارید چون قرار شد به توسعه آن متمرکز شوید، پس آن را به عنوان یک Application ببینید، پس از آن پوشه بندی های داخلی را شروع میکنیم:
| Application | -- Configs | -- Controllers | -- Services | -- Directives | -- Modules | -- Filters | -- Factories | -- app.js
پوشه بندی بالا به شما این کمک را خواهد کرد که یک برنامه قابل انتقال داشته باشید به این معنی که وابستگی های فایل ها خارج از پوشه Application نخواهد بود و شما میتوانید با کپی کردن این پوشه به یک پروژه دیگر مسیرتان را از نو طی نکنید و سریعتر باشید.
ممکن است ساختار پروژه شما متفاوت و به ابزارهای بیشتری نیاز داشته باشید با توجه به آنها پوشه بندی خود را توسعه دهید.
در پست بعدی پیشنهادی مبنی بر چگونگی نامگذاری فایل ها عنوان خواهم کرد...
