#نکته_آموزشی #css
⭕ موقعیت ثابت
🔶️ اگر همیشه می خواهید بدانید یک المان در کجای وب سایت شما قرار دارد، موقعیت قطعی و ثابت (absolute positioning)، کلید عملی کردن آن می باشد. اگر مرورگر خود را به عنوان یک جعبه اتصال بزرگ می دانید، موقعیت ثابت به شما اجازه می دهد این کنترل را داشته باشید که آن المان در کجای جعبه خواهد ماند. از کد دستوری بالا، راست، پایین و چپ همراه با یک مقدار پیکسلی استفاده کنید تا بر جایی که یک المان قرار می گیرد، کنترل داشته باشید.
✅ دستور CSS بالا تعیین می کند که یک المان در موقعیت 20 پیکسلی از لبه های بالا و راست مرورگر شما باقی بماند. همچنین می توانید از موقعیت ثابت در درون یک div استفاده کنید.
🖥 @FunProGraming
⭕ موقعیت ثابت
🔶️ اگر همیشه می خواهید بدانید یک المان در کجای وب سایت شما قرار دارد، موقعیت قطعی و ثابت (absolute positioning)، کلید عملی کردن آن می باشد. اگر مرورگر خود را به عنوان یک جعبه اتصال بزرگ می دانید، موقعیت ثابت به شما اجازه می دهد این کنترل را داشته باشید که آن المان در کجای جعبه خواهد ماند. از کد دستوری بالا، راست، پایین و چپ همراه با یک مقدار پیکسلی استفاده کنید تا بر جایی که یک المان قرار می گیرد، کنترل داشته باشید.
✅ دستور CSS بالا تعیین می کند که یک المان در موقعیت 20 پیکسلی از لبه های بالا و راست مرورگر شما باقی بماند. همچنین می توانید از موقعیت ثابت در درون یک div استفاده کنید.
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ متوقف کردن تمام استایل ها
🔶️ دقت داشته باشید که از این ترفند باید خیلی کم استفاده کنید، چرا که اگر از این دستور برای هر چیزی استفاده کنید، در طولانی مدت با مشکلاتی رو به رو خواهید شد. اما در صورتی که می خواهید بخاطر یک المان خاص یک استایل CSS دیگر را نادیده بگیرید، در دستور css خود بعد از استایل!importatnt استفاده کنید. برای مثال، اگر می خواهید سرفصل های H2 در بخش خاصی از سایت بجای آبی بودن، قرمز باشد، باید از دستور یا کد CSS که در عکس بالا آمده است استفاده کنید.
🖥 @FunProGraming
⭕ متوقف کردن تمام استایل ها
🔶️ دقت داشته باشید که از این ترفند باید خیلی کم استفاده کنید، چرا که اگر از این دستور برای هر چیزی استفاده کنید، در طولانی مدت با مشکلاتی رو به رو خواهید شد. اما در صورتی که می خواهید بخاطر یک المان خاص یک استایل CSS دیگر را نادیده بگیرید، در دستور css خود بعد از استایل!importatnt استفاده کنید. برای مثال، اگر می خواهید سرفصل های H2 در بخش خاصی از سایت بجای آبی بودن، قرمز باشد، باید از دستور یا کد CSS که در عکس بالا آمده است استفاده کنید.
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ وسط چین
✅ وسط چین گول زننده است، چون به چیزی که می خواهید وسط باشد بستگی دارد. بیایید نگاهی به CSS آیتم هایی که بر اساس محتوا باید وسط باشند، بیندازیم.
🔶️ متن
متن با استفاده از text-align:center; در وسط قرار می گیرد. اگر می خواهید در یک سمت قرار گیرد، به جای وسط چین از چپ و راست استفاده کنید.
🔶️ محتوا
تگ div (یا هر المان دیگری) می تواند با اضافه کردن حالت block و استفاده از حاشیه های خودکار (auto margins) در وسط قرار بگیرد. کد دستوری CSS به شکل زیر خواهد بود.
در تصویر بالا به این علت برای عرض، مقدار «هرچیز کمتر از 100% یا anything under 100%» گذاشته شده است که اگر مقدار آن 100% باشد، در آن زمان تمام پهنا را در بر می گیرد و دیگر نیازی به وسط گذاری نبود. بهتر است یک عرض ثابت مثل 60% یا 550 پیکسل یا غیره داشته باشیم.
🖥 @FunProGraming
⭕ وسط چین
✅ وسط چین گول زننده است، چون به چیزی که می خواهید وسط باشد بستگی دارد. بیایید نگاهی به CSS آیتم هایی که بر اساس محتوا باید وسط باشند، بیندازیم.
🔶️ متن
متن با استفاده از text-align:center; در وسط قرار می گیرد. اگر می خواهید در یک سمت قرار گیرد، به جای وسط چین از چپ و راست استفاده کنید.
🔶️ محتوا
تگ div (یا هر المان دیگری) می تواند با اضافه کردن حالت block و استفاده از حاشیه های خودکار (auto margins) در وسط قرار بگیرد. کد دستوری CSS به شکل زیر خواهد بود.
در تصویر بالا به این علت برای عرض، مقدار «هرچیز کمتر از 100% یا anything under 100%» گذاشته شده است که اگر مقدار آن 100% باشد، در آن زمان تمام پهنا را در بر می گیرد و دیگر نیازی به وسط گذاری نبود. بهتر است یک عرض ثابت مثل 60% یا 550 پیکسل یا غیره داشته باشیم.
🖥 @FunProGraming
#نکته_آموزشی #css
⭕ تنظیم عمودی (برای یک خط متن)
🔶️ از این تکنیک CSS قطعاً در منو استفاده می شود. رمز آن یکسان قرار دادن ارتفاع منو و ارتفاع خط متن است. در زمان ادیت وب سایت ها، با این تکنیک زیاد مواجه خواهید شد. برای مثال:
🖥 @FunProGraming
⭕ تنظیم عمودی (برای یک خط متن)
🔶️ از این تکنیک CSS قطعاً در منو استفاده می شود. رمز آن یکسان قرار دادن ارتفاع منو و ارتفاع خط متن است. در زمان ادیت وب سایت ها، با این تکنیک زیاد مواجه خواهید شد. برای مثال:
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ معنای کلمات متداولی که میشنوید
معنای کلمات متداولی که معمولا دات نت کار ها خواهند شنید. مخصو.صا تازه کار های عزیز
✅ کلمه سوم : IL
مخفف : Intermediate Language
معنا : زبان واسطی که در مرحله اول کامپیا برنامه ها، تمامی کد های نوشته شده با زبان های دات نت (اعم از سی شارپ، وی بی و ..) به این زبان ترجمه می شوند. (باز هم جهت سازگاری بین زبان های مختلف در دات نت)
🔸️نکته : شما می توانید کل برنامه خود را به زبان IL بنویسید و سپس آن را اجرا کنید. ولی اصولا هیچ آدم عاقلی این کار را نمیکنه
🖥 @FunProGraming
🔶️ معنای کلمات متداولی که میشنوید
معنای کلمات متداولی که معمولا دات نت کار ها خواهند شنید. مخصو.صا تازه کار های عزیز
✅ کلمه سوم : IL
مخفف : Intermediate Language
معنا : زبان واسطی که در مرحله اول کامپیا برنامه ها، تمامی کد های نوشته شده با زبان های دات نت (اعم از سی شارپ، وی بی و ..) به این زبان ترجمه می شوند. (باز هم جهت سازگاری بین زبان های مختلف در دات نت)
🔸️نکته : شما می توانید کل برنامه خود را به زبان IL بنویسید و سپس آن را اجرا کنید. ولی اصولا هیچ آدم عاقلی این کار را نمیکنه
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ معنای کلمات متداولی که میشنوید
معنای کلمات متداولی که معمولا دات نت کار ها خواهند شنید. مخصو.صا تازه کار های عزیز
✅ کلمه چهارم : CIL
مخفف : Common Intermediate Langiage
معنا : معالد همون IL هست.
نکته: استفاده از IL متداول تر است.
-------------------------------------------------
✅ کلمه ی پنجم: VES
مخفف : Virtual Executation Systeme
معنا : معادل CLR هست
نکته: CLR متداول تر است.
-------------------------------------------------
✅کلمه ی ششم : CLI
مخفف : Common Language Interface
معنا : به مجموعه CLR و CTS و CLI می گویند
🖥 @FunProGraming
🔶️ معنای کلمات متداولی که میشنوید
معنای کلمات متداولی که معمولا دات نت کار ها خواهند شنید. مخصو.صا تازه کار های عزیز
✅ کلمه چهارم : CIL
مخفف : Common Intermediate Langiage
معنا : معالد همون IL هست.
نکته: استفاده از IL متداول تر است.
-------------------------------------------------
✅ کلمه ی پنجم: VES
مخفف : Virtual Executation Systeme
معنا : معادل CLR هست
نکته: CLR متداول تر است.
-------------------------------------------------
✅کلمه ی ششم : CLI
مخفف : Common Language Interface
معنا : به مجموعه CLR و CTS و CLI می گویند
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ سریالیزشین چیست ؟
✅ Serialize :
فرآیندی برای تبدیل یک آبجکت و یا گرافی متشکل از چند آبجکت به یک حالت خطی (و جریان وار) از بایت ها برای انتقال و یا ذخیره سازی در محلی دیگر است.
✅ Deserialize :
عمل برعکس سریالیزشین است؛ یعنی دوباره ساختن آبجکت از روی جریانی از بایتها .
⭕ انواع فرمت ها در سریالیزشین :
✅ 1- Binary : بصورت باینری سریالایز میکند. (فشرده ترین و efficient ترین حالت است)
✅ SOAP -2 : بصورت soap سریالایز میکند. (برای ارسال در شبکه و جایی که از تحت دات نت بودن کلاینتها مطمئن نیستیم)
✅ XML -3 : بصورت xml سریالایز میکند. (برای ارسال تحت شبکه - مزیت : خوانایی)
⭕ برخی از موارد کاربرد سریالزیشین:
✅ 1- کپی یک انشعاب از آبجکتها
✅ 2- انتقال اطلاعات در شبکه
✅ 3- نگهداری state ها و snapshot های مختلف در یک برنامه (برای موارد حساس : مثل تراکنشهای بانکی و ...)
🖥 @FunProGraming
🔶️ سریالیزشین چیست ؟
✅ Serialize :
فرآیندی برای تبدیل یک آبجکت و یا گرافی متشکل از چند آبجکت به یک حالت خطی (و جریان وار) از بایت ها برای انتقال و یا ذخیره سازی در محلی دیگر است.
✅ Deserialize :
عمل برعکس سریالیزشین است؛ یعنی دوباره ساختن آبجکت از روی جریانی از بایتها .
⭕ انواع فرمت ها در سریالیزشین :
✅ 1- Binary : بصورت باینری سریالایز میکند. (فشرده ترین و efficient ترین حالت است)
✅ SOAP -2 : بصورت soap سریالایز میکند. (برای ارسال در شبکه و جایی که از تحت دات نت بودن کلاینتها مطمئن نیستیم)
✅ XML -3 : بصورت xml سریالایز میکند. (برای ارسال تحت شبکه - مزیت : خوانایی)
⭕ برخی از موارد کاربرد سریالزیشین:
✅ 1- کپی یک انشعاب از آبجکتها
✅ 2- انتقال اطلاعات در شبکه
✅ 3- نگهداری state ها و snapshot های مختلف در یک برنامه (برای موارد حساس : مثل تراکنشهای بانکی و ...)
🖥 @FunProGraming
#نکته_آموزشی #css
⭕افکت های هاور
✅ از این تکنیک CSS برای دکمه ها، لینک های متن، بخش هایی از سایت، آیکون ها و غیره استفاده می شود. اگر می خواهید وقتی یک فرد موس را بر روی چیزی تکان می دهد رنگ آن تغییر پیدا کند، از همان کد دستوری CSS استفاده کنید، اما :hover را به آن اضافه کنید و استایل آن را تغییر دهید. برای مثال به عکس بالا توجه کنید.
✅ این دستور این چنین عمل می کند که وقتی فردی بر روی تگ سرفصل شما (h2) می رود، رنگ آن از مشکی به قرمز تغییر می کند. موضوع جالب درباره ی استفاده از :hover این است که دیگر نیازی نیست بار دیگر اندازه ی فونت را مشخص کنید (اگر نمی خواهید تغییر دهید). این دستور فقط آن چیزی که شما مشخص می کنید را تغییر می دهد.
🖥 @FunProGraming
⭕افکت های هاور
✅ از این تکنیک CSS برای دکمه ها، لینک های متن، بخش هایی از سایت، آیکون ها و غیره استفاده می شود. اگر می خواهید وقتی یک فرد موس را بر روی چیزی تکان می دهد رنگ آن تغییر پیدا کند، از همان کد دستوری CSS استفاده کنید، اما :hover را به آن اضافه کنید و استایل آن را تغییر دهید. برای مثال به عکس بالا توجه کنید.
✅ این دستور این چنین عمل می کند که وقتی فردی بر روی تگ سرفصل شما (h2) می رود، رنگ آن از مشکی به قرمز تغییر می کند. موضوع جالب درباره ی استفاده از :hover این است که دیگر نیازی نیست بار دیگر اندازه ی فونت را مشخص کنید (اگر نمی خواهید تغییر دهید). این دستور فقط آن چیزی که شما مشخص می کنید را تغییر می دهد.
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ استفاده از Place Holder ها در کار با رشته ها
فرض کنیم که :
int a = 3, b = 5;
✅ حال میتونیم به جای نوشتن :
string result = a.ToString() + "+" + b.ToString() + "=" + (a + b).ToString();
✅ بسادگی بنویسیم :
string result = string.Format("{0}+{1}={2}", a, b, a + b);
✅ استفاده از Place Holder ها (حالت دوم) ضمن خوانایی بیشتر برنامه، معمولا کدنویسی کمتری نیز طلب میکند.
🖥 @FunProGraming
🔶️ استفاده از Place Holder ها در کار با رشته ها
فرض کنیم که :
int a = 3, b = 5;
✅ حال میتونیم به جای نوشتن :
string result = a.ToString() + "+" + b.ToString() + "=" + (a + b).ToString();
✅ بسادگی بنویسیم :
string result = string.Format("{0}+{1}={2}", a, b, a + b);
✅ استفاده از Place Holder ها (حالت دوم) ضمن خوانایی بیشتر برنامه، معمولا کدنویسی کمتری نیز طلب میکند.
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ برش یا Crop کردن یک تصویر (یک برش مستطیلی از تصویر)
private static Image cropImage(Image img, Rectangle cropArea)
{
Bitmap bmpImage = new Bitmap(img);
Bitmap bmpCrop = bmpImage.Clone(cropArea,
bmpImage.PixelFormat);
return (Image)(bmpCrop);
}
✅ مثال از نحوه ی استفاده :
private void button1_Click(object sender, EventArgs e)
{
pictureBox2.Image = cropImage(pictureBox1.Image, new Rectangle(10,10,100,100));
}
🖥 @FunProGraming
🔶️ برش یا Crop کردن یک تصویر (یک برش مستطیلی از تصویر)
private static Image cropImage(Image img, Rectangle cropArea)
{
Bitmap bmpImage = new Bitmap(img);
Bitmap bmpCrop = bmpImage.Clone(cropArea,
bmpImage.PixelFormat);
return (Image)(bmpCrop);
}
✅ مثال از نحوه ی استفاده :
private void button1_Click(object sender, EventArgs e)
{
pictureBox2.Image = cropImage(pictureBox1.Image, new Rectangle(10,10,100,100));
}
🖥 @FunProGraming
🔻 #نکته_آموزشی #سی_شارپ
🔶️ بدست آوردن مقدار یک Enum از عدد متناظر آن
public T NumToEnum<T>(int number)
{
return (T)Enum.ToObject(typeof(T), number);
}
✅ مثال - با فرض داشتن :
public enum DaysOfWeek
{
Monday,
Tuesday,
Wednesday,
Thursday,
Friday,
Saturday,
Sunday
}
✅ میتوانیم بنویسیم :
int day = 3;
DaysOfWeek d = NumToEnum<DaysOfWeek>(day);
//d is now DaysOfWeek.Thursday
🖥 @FunProGraming
🔶️ بدست آوردن مقدار یک Enum از عدد متناظر آن
public T NumToEnum<T>(int number)
{
return (T)Enum.ToObject(typeof(T), number);
}
✅ مثال - با فرض داشتن :
public enum DaysOfWeek
{
Monday,
Tuesday,
Wednesday,
Thursday,
Friday,
Saturday,
Sunday
}
✅ میتوانیم بنویسیم :
int day = 3;
DaysOfWeek d = NumToEnum<DaysOfWeek>(day);
//d is now DaysOfWeek.Thursday
🖥 @FunProGraming