🔶 بوت استرپ (Bootstrap) و تلی ویند (Tailwind) هر دو عالی هستند .

من بیشتر پروژه با بوت استرپ پیش میبرم و چون توسعه با آن راحت تر است.

تلی ویند چند وقتی باهات کار کردم اما به خاطر وجود کلاس های طولانی برای توسعه پروژه زمان زیادی می گیره و ور گرنه عالی هستند.

در آخر اگر تمایل ندارید هر دو چارچوب به کار بگیرید کافی است که از گرید بوت استرپ که کارش رسپانسیو سازی صفحات هست را به کار بگیرید و بقیه المان ها رو با HTML و CSS بنویسید.

#فرانت_اند

@TheRaymondDev

🔶 بوت استرپ اونقدر برگزیده است که مایکروسافت روی تمپلیت MVC و Blazor برای پروژه های سی شارپی به طور پیشفرض فعالش کرده!

یعنی وقتی یه پروژه‌ی خام استارت می کنی تحت وب، اینم نصب میشه و یه قالب مَشتی بی دردسر میده به برنامه نویسان تنبل مایکروسافت که بدون بلد بودن css بتونن خفن ترین رابط کاربری رو تحت وب بسازن.

حالا چون صحبت از گرید در بوت استرپ شد می‌خوام یه قابلیت خفن از نسخه‌ی ۵ به بعد رو بهتون بگم:

در بوت استرپ فرض بر اینه که برای حالت معمولی یا ریسپانسیو در هر حال صفحه ۱۲ ستون داشته باشه و شما برای چیدن عناصر در هر ردیف قبلاً باید مضربی از ۲ یا ۳ رو استفاده میکردین که بگین مثلاً یه تعداد مشخص آیکون چطور در یک ردیف کنار هم باشن.
ولی از نسخه‌ی ۵ به بعد این محدودیت برداشته شده!
یعنی مثلاً من می‌خوام ۷ تا آیکون یا ۵ تا کنار هم در یک ردیف با فواصل مساوی باشند. برای این کار دیگه حتا عدد نوشتن لازم نیست کافیه اینطوری بنویسم:

<div class="row">        ردیف

     <div class="col">     ستون۱
      ...
     </div>
     
     <div class="col">     ستون۲
      ...
     </div>
      ...
</div>

این یعنی شما فقط یه کلاس col به هر ستون میدی و هر چند تا ستون داخل یک row باشه خودش خودکار اون محدوده رو به تعداد مساوی تقسیم می کنه بین اون تعداد ستون!

قدیم ولی باید مثلاً اگه میخواستی از ۱۲ ستون در یک ردیف سه تاش مال یه div باشه کلاسش رو باید می نوشتی col-3
جالبه حالا مثلاً اگه بخواهی سه تا ستون وسط ردیف باشه و دو طرفش ستون خالی باشه، به تعداد مساوی هر چند تا div با کلاس col و بدون اینکه محتوایی داخلش بذاری همینطور خالی کافیه در دو طرف اون سه تا div که محتوا یا آیکون دارن بذاری.

نویسنده : @pedramrahimi1975

@TheRaymondDev

کلیدهای سفارشی Bootstrap

رنگ کلیدهای بوت استرپ محدود به ۵ رنگ یا همین حدوده.
یه سایت کد جالبی ارائه کرده که با زحمت زیاد به صورت آفلاین ذخیره اش کردم تا با سرعت خیلی بالا به هر رنگ دلخواه کلید بوت استرپی بسازیم!
اولین پارامتر برنامه اسم کلاسی هست که به رنگ اون کلید میدیم و هر جا این نام کلاس رو به کار ببریم به کلید مورد نظر دست پیدا خواهیم کرد.
کافیه فقط کدهای css رو که جنریت کرده به پروژه اضافه کرده باشیم.

#code #codegenerator #css #bootstrap

🔶 تعریفای عجیبی از فریم ورک و کتابخونه میبینم😁
----------
از نطر مهندسی و از نظر فرانتی میگم (فرانتی شوخی بود از نظر بیزنسی )
از نظر مهندسی :حداقل ویژگی فریمورک اینه کد تو رو کال میکنه 'اصل هالیود'
we call you
مثال :
شما کدت رو میفرستی ب ری اکت دام و اون اپلیکیشن رو ران میکنه
اصلا چرا به ری اکت میگن فریم ورک؟ خود سایتش میگه لایبرری ! توبیشتر بلدی انگار؟

منظور ترکیب حداقلی——->
react +react dom
هست برای همین بهش میگن فریمورک (من باشم میگم میکروفریمورک )
خود اون کدی ک شما توازReact امپورت میکنی اونReact ,کتابخونست

نکته:در ادامه صحبتی از معماری میشه شما تو فرانت پترن uiداری نمونه بارزش میشه انگولار
درنهایت ui logicمینویسی نه بیزنس لاجیک

این mvc برای خیلی ها دردسر ساز شده متاسفانه
مثال های دیگه
مثلا لاراول و جنگو مونولیث فریمورکن یعنی تا حد زیادی همه نیاز های شما رو هندل میکنند
فرعی :
مونولیث چیه‌؟ در اینجا یعنی معماری اپلیکیشن همینه ک فریمورک میگه(گفتم در این مفهمومی که اینجا صحبت میکنیم )
میتونی باهاش بجنگی(با کی ؟‌با معماری فریمورک) و تبدیلش یکنی به کلین ارکیتکچر مثلا ک ... خوبی و بدی خودشو رو داره تو لاراول دیدم میگن خب پروژه بزرگ شد بریم ddd حالا درکشون از ddd واردش نشم خیلی بهتره
ایا کد ثانویه میشه به فریمورک های مونولیث اضافه کرد ؟ بله کلی پکیج هست براشون

ایا فریمو ورک غیر مونولیث هم هست؟بله
مثال میزنی ؟
فلسک(معماری خاصی رو فورس نمیکنه)
اکسپرس
سیمفونی (؟)
----------
لایبرری یعنی شما کالش میکنی یه چیزی بهت میده
مثل کتابخونه ریاضی تو هر زبانی
نکته : تو استاندارد لایبری زبان ها بعضا فریمورک پیدا میشه
tinker توپایتون مثلا
و...

اما دید تجاری -»»»>
دید تجاری
محصولی با عنوان
دات نت فریمورک !‌
،همه میدونن دات نت یه ران تایمو +clrو... هزار تا چیز دیگست
فریمورک ، اسم تجاریشه به معنای یه چارچوب
تو 'دات نت فریمورک' چند تا فریمورک از' نظر معنای مهندسی نرم افزار' معروفش مثلا میشهasp فریمورک ،ef و.. یا بگیم بود =)
حالا اسم گذاری ها 'فریمورک' تو فرانت دومی هستن
تجاریین
لایبری هم ک تعریف نمیخواد هرجا خواستی استفاده میکنی دیگه
تمپلیت ها هم ک اسمشون مشخصه کسی اینجا تنبل نیست😁
موقع ساخت پروژه برات میسازه
دفعه بعد در موردmvcمینویسم😁
گذشتهmvc
نظر مارتین فولر درمورد mvc
نظر رابرت مارتین درموردmvc
وسوال اصلی ایا لاراول اینجور ک میگهmvcهست ؟
یاaspmvc

خب برم کانال خودمو بزنم البته پرایوت و حق عضویت میگیرم (مزاحی بیش نبود)
نویسنده : mehdi

@TheRaymondDev

🔶 لینک مقاله های پولی مدیوم رو به این سایت بفرست تا برات باز کند.

https://readmedium.com/

#ابزار

@TheRaymondDev

🔶 نرم افزار postman که API ها را تست می کند, ایران را تحریم کرده است.

#خبر

@TheRaymondDev

🔶 جایگزین Postman :

https://insomnia.rest/

#نرم_افزار

@TheRaymondDev

تو نسخه جدید MySQL هم امکان نوشتن توابع با JavaScript اضافه شده؛ این پیاده‌سازی براساس ران‌تایم GraalVM هستش؛ نسخه‌ایی هم که ساپورت میکنه ECMAScript 2021 هست؛ البته این پشتیبانی از JS فعلاً فقط توی نسخه‌های پولی و نسخه‌هایی که روی Cloud هستن وجود داره...

@DevTwitter | <Sirwan Afifi/>

🔶 دقیقه پیش نزدیک خونه ام انفجار گاز رخ داد
داخل خونه تخریب شده
😢

به خیر گذشت.

🙏

🔶 دلیل دانشگاه نرفتن من

@TheRaymondDev

🔶 ابزار نمایش ارز

این یک ابزار ساده وب است که قیمت‌های ارزهای مختلف را نمایش می‌دهد، شامل قیمت سکه، دلار آمریکا، یورو و لیر ترکیه است.

https://github.com/miladniroee/iran-currency-js

#ابزار

@TheRaymondDev

وقتی پیامک واریزی اولین درآمد دلاریتو میبینی:

| Monireh |

〰️〰️〰️〰️〰️〰️
⚡️@pgtweet

🔶 در مملکتی که هر روز اینترنت قطع و وصلی داره که نباید انتظار پیشرفت ایران رو داشت.

صادقانه بگم پیشرفت اقتصاد دیجیتالی ایران تقریبا متوقف شده است و مهاجرت متخصصان ایران روز به روز بیشتر شده است.

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


@TheRaymondDev