pooria vakili
pooria vakili
خواندن ۱ دقیقه·۴ سال پیش

چطور پروژه هامون section بندی کنیم

فرض میگیریم یک فایل اصلی داریم به نام pages که سه فایل جاوااسکریپت دارد به نام های about ,news post این سه تا فایل فقط سه چیز navbar وfooter وprovider اصلی پروژه مشخص میکنید.

مثلا فایل about چطور قسمت بندی کنم

یک فایل components اصلی داریم که زیر مجموعه همه فایل های pages من و هر فایلی به یک فولدر components تقسیم بندی میکنیم مثلا about-componets و خود about زیر مجموعه های خاص خودش دارد.

مثلا فایل about که provider دارد و یک فایل about section

هر قسمت از سایت section بندی میکنیم مثلا این سایت 3تا section دارد

که این section اول که اینطوری نام گذاری میکنی about-about-header

این section دوم که اینطوری نام گذاری میشود about-about-item-withpicture که هرکدوم یک فایل جداگانه js که همشون به about-about-provider معرفی میشه که این about-about-provider به یک provider اصلی وصل میشه

اینم section سوم پروژه about است صفحه هات بعدی فرض میگیرم اینطوری است

مثلا فایل post-components دارم سه حالت دارد

قسمت header ،with picture یا with-video و اگر section زیاد داشت اینطور section بندی میکنی

1-post-post-header

1-post-post-item

2-post-post-item2

3-post-post-item-withpicture

3-post-post-item-withvideo

layout

1-navbar-componets

1-footer-componets

این دو تا فایل مثل همین about قسمت بندی میکنیم

هر پروزه ای همین طوری استراکچر بندی کنیم کدهامون تا حد زیادی کم می شود.





چطورپروژه هاموننقاشی کنیم
front-end developer
شاید از این پست‌ها خوشتان بیاید