مهدی
6 ماه پیش توسط مهدی مطرح شد
9 پاسخ

نحوه فولدر بندی پروژه فرانت اند

سلام دوستان برنامه نویس
فولدر بندی پروژه ای که چند صفحه ای هست دقیقا چطوره؟😅
مثلا پوشه های styles. scripts, images, fonts و... باید مشترک باشه؟
اولین باره قالب چند صفحه ای میزنم برا نمونه کار و فروش میخوام ببینم درستش چطوریه


ثبت پرسش جدید
مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 6 ماه پیش آپدیت شد
1

@error.404
@salar.mohammad2013
@ossvahid
ممنون از راهنمایی دوستان 🙏
طبق چند تا قالبی که دیدم و تجربه خودم بنظرم همچین فولدر بندی خوبه
حالا تایپ میکنم که بقیه دوستان هم اگه خواستن استفاده کنن یا نظرشون رو بگن...

public/index.html
public/work-samples.html
public/blog.html
public/assest/styles/(files css)
public/assest/scripts/(files js)
public/assest/images/(images)
public/assest/fonts/(fonts)


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
1

سلام بهترین روشی که من استفاده میکنم اینه

  • فایل index.html در دایرکتوری پروژه بدون ذخیره شدن در هیچ دایرکتوری
  • پوشه static
  • در پوشه static فولدر css
  • در پوشه ی css فایل هایی مربوط به سی اس اس
  • برگردید به همون دایرکتوری static یک فولدر ایجاد کنید با نام js
  • در آن فولدر فایل های مربوط به جاوااسکریپت رو بگذارید
  • یا مثلا تایپ اسکریپت استفاده کردید برید یه پوشه توی static ایجاد کنید و فایل هایی مربوط به تایپ اسکریپت رو اونجا بگذارید
  • یا مثلا برای تصویر ها دوباره توی static یک پوشه با نام imgs ایجاد کنید
    به همین راحتی
    موفق باشید

محمد رضا
تخصص : Full Stack Developer
@salar.mohammad2013 6 ماه پیش مطرح شد
1

@error.404
سلام
فک کنم منظورشون جدا سازی اطلاعات داخل فایل js و css برای هر صفحه هست که میگن مشترک باشه یا نه
معمولا پنل های مرتبط به هم فایل هاشون مشترکه
مثلا کل پنل ادمین فایل های مورد نیازش توی صفحه master یا همون index قرار داده میشه و یک بار لود میشه برای همه ی صفحات
مگر این که شما در صفحه ای پکیج خاصی رو بخایی فقط استفاده کنی که بدرد بقیه صفحات نخوره و سنگین باشه
مثلا کتاب خونه های نموداری مثل chartJs توی این حالت باید فقط توی همون صفحه فراخوانی بشه
اما توی خیلی از قالب های که میخری هم گاهی میبینی همه چی رو لود کردن چون اونی که استفاده میکنه خودش باید حواسش باشه

در کل شما سایت راست چین باز کن
قالب هاش رو بزن برای مشاهده دمو
برو کدش ببین فایلاش توی هر صفحه چطور import شده
این که دیگ نمونه فروشگاهی هست که خودتم مثل همونا میخایی باشی پس چند نمونه رو ببین چیکار کردن خیالت راحت شه


oss_vahid
تخصص : wp developer
@ossvahid 6 ماه پیش مطرح شد
2

همرو ریختی داخل static که خخخ
@error.404


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
1

@ossvahid
خخخخخخخخخخخ
امممممممممم
فولدر بندی من اینطوری انجام میدم
ولی میتونه استاتیک رو فولدرش رو برداره بعد فایل ها رو دوباره فولدر بندی کنه ولی بدون فولدر استاتیک


مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 6 ماه پیش آپدیت شد
1

@error.404
@salar.mohammad2013
@ossvahid
ممنون از راهنمایی دوستان 🙏
طبق چند تا قالبی که دیدم و تجربه خودم بنظرم همچین فولدر بندی خوبه
حالا تایپ میکنم که بقیه دوستان هم اگه خواستن استفاده کنن یا نظرشون رو بگن...

public/index.html
public/work-samples.html
public/blog.html
public/assest/styles/(files css)
public/assest/scripts/(files js)
public/assest/images/(images)
public/assest/fonts/(fonts)


Majid Goudarzi
تخصص : برنامه نویس
@masterspyware 6 ماه پیش مطرح شد
1

بستگی داره فریم ورکت چی باشه.

البته پیشنهاد میکنم که اصولی کار کنی و فایل های کامپایل شده رو داخل سورس نذاری.

مثلا میتونی برای css از talwin استفاده کنی.

درکل بنظرم ازین استاندارد استفاده کن:
assets/css
assets/js
dist/images
از آنجایی که وقتی پروژت بزرگتر بشه،باید برای دایرکتوری دیتاهات،یک فضای جداگانه تخصیص بدی،دایرکتوری dist رو از assets بیرون بذار


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
0

@mehdi8686h
درود ......
بله اینطور که شما دایرکتوری بندی کردید هم درست هست. میتوانید از پوشه public برای ذخیره فای هایی از جمله عکس ها، ویدیو ها، فایل Css و ... استفاده کنید.
البته هر کسی فولدر بندی را به شکلی که دوست دارد انجام می دهد. اما بهترین راه برای فولدر بندی استفاده از فولدر های جداگانه برای فایل های مربوطه است.
موفق و پیروز باشید


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 6 ماه پیش مطرح شد
0

@mehdi8686h
به نظر من فایل index.html را در هیچ فولدری نریزید! چون زیاد از این راه استفاده نمیشه.


مهدی
تخصص : توسعه دهنده فرانت اند
@mehdi8686h 6 ماه پیش مطرح شد
0

@error.404
دوست عزیز public فولدر اصلی هست


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام