برنامه نویسی و طراحی
23 subscribers
8 photos
2 videos
1 file
74 links
در این كانال نكات و كدهای برنامه نویسی و همینطور تجربه كاربری و طراحی به اشتراك گذاشته می شود.
Download Telegram
جلسه اول از دوره "ویو از ابتدا تا پیشرفته"

در این ویدئو با ویو آشنا می شویم، دلیل انتخاب ویو رو میفهمیم، ابزار مورد نیاز رو میشناسیم، ویو رو نصب می كنیم و آماده كار با ویو خواهیم شد.
كدهای پروژه رو می تونید از گیت هاب بنده دانلود كنید:
برای هر قسمت یك برنچ در نظر گرفته شده، با انتخاب اون برنچ شما به فایل های اون جلسه دسترسی خواهید داشت، مثلا اگر برنچ 05 رو انتخاب كنید فایل ها و تغییراتی كه تا جلسه 05 اعمال شده رو خواهید دید. همینطور با استفاده از دكمه clone or download می تونید پروژه رو دانلود كنید.
https://github.com/A-Programmer/VueForBegginers

#Vue #Vue_01 #Learning_Vue

http://t.me/WebDevelopmentReferences
تزریق وابستگی در دات نت كور:

در دات نت كور سیستم تزریق وابستگی به صورت توكار وجود دارد كه سریع و كم حجم می باشد و شما مجبور به استفاده از سایر IoC ها مثل Ninject, AutoFac و StructureMap نیستید.
به سه روش می توانید سرویس ها را تزریق كنید:
1. Transient:
در این حالت سرویس در هر فراخوانی اجرا می شود.
2. Scoped:
در این حالت سرویس در هر Request یك بار اجرا می شود.
3. Singleton:
در این حالت سرویس تنها در فراخوانی اول ایجاد می شود و دفعات بعد از همان سرویس استفاده می شود.
كنترلر ها در ASP Core به صورت Scoped تزریق می شوند تا اطلاعات یک HttpContext برای هر Request بازخوانی شود.

#ASP_Net_Core #ASPNet #Dependency_Injection

http://t.me/WebDevelopmentReferences
📡📡 اطلاعیه شماره یك:

با عرض سلام خدمت كاربران عزیز، باید به اطلاع عزیزان برسانیم در صورت فیلتر شدن تلگرام می توانید برای دسترسی به مطالب و آموزش ها صفحه اینستاگرام، لینكدین و تویبتر ما را دنبال كنید.

Instagram: https://www.instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin

Facebook: http://facebook.com/MrSadin
مقداردهی دراپ دان لیست در ASP.NET Core :

حتما در پروژه ای كه با دات نت كور انجام می دهید پیش خواهد آمد كه دراپ دان لیستی را با واكشی از دیتابیس مقداردهی كنید مثل لیست دسته بندی های اخبار، لیست كشورها و....
برای این كار ابتدا به هر روشی كه كار میكنید لیست را از دیتابیس واكشی كرده سپس توسط ویوبگ به ویو ارسال می كنیم و در نهایت در سمت ویو لیست را درون یك دراپ دان لیست قرار می دهیم:

اكشن متد مورد نظر:
[HttpGet]
public ActionResult TestAction()
{
ViewBag.Categories = db.Categories.ToList();
return View();
}
سپس در ویو مربوطه كد زیر را می نویسیم:
<select asp-for="Menu.Id" asp-items="@(new SelectList(@ViewBag.Categories,"Id","Title"))">
<option disabled selected>Choose Category</option>
</select>
نكته: بنده در این مثال به صورت مستقیم به دیتابیس وصل شدم و لیست دسته ها را واكشی كردم كه قطعا برای كوتاه نویسی به این صورت انجام داده ام و در پروژه های اصلی باید لایه سرویس این كار را برای ما انجام دهد.

#DropDowList #DotNetCore #ASPNet

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
#تگ_هلپر چیست؟

در ASP.NET Core امكان جدیدی معرفی شد به نام TagHelper كه اگر بخواهیم به صورت ساده توضیح دهیم، این امكان را برای ما فراهم می كند كه از المنت ها HTML در ویو استفاده می كنیم ولی در زمان اجرا این المنت تبدیل به كدهای نهایی می شود.
در طول انجام پروژه شاید ندانسته از این امكان استفاده می كردید زیرا به صورت پیش فرض یك سری تگ هلپرهایی توسط دات نت كور در اختیار ما قرار داده شده است و می توانیم تگ هلپر های اختصاصی نیز داشته باشیم.
به عنوان مثال زمانی كه یك تگ a را به صورت زیر می نویسید در اصل از تگ هلپر استفاده كرده اید:
<a asp-action="Index" asp-controller="Home">Home</a>
این مثال یك نمونه ساده از تگ هلپر بود كه استفاده كرده اید.
می توانیم تگ هلپر های اختصاصی خودمان را بنویسیم و در طول پروژه از آنها استفاده كنیم، به عنوان مثال در ادامه لینك آموزش ساخت تگ هلپری برای نمایش خط پیشرفت یا همان پراگرس بار را برای شما قرار داده ام.
حتی می توانید تگ هلپری داشته باشید كه دیتاسورس را به عنوان ورودی دریافت كرده و داده ها را صورت جدول برای ما نمایش بدهد.
یكی از مزیت های استفاده از تگ هلپر بالا بردن سرعت كدنویسی و استفاده چندبار از آن می باشد.
مقاله آموزش ساخت تگ هلپر اختصاصی در ASP.NET Core :
https://gist.github.com/A-Programmer/a37833e2c466eeef3657fe1b12af6d35

#ASP_Net_Core
#ASPNet
#TagHelper

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
اجرای آنلاین كدهای سی شارپ:

با امكان جدیدی كه مایكروسافت در اختیار كاربران قرار داده است می توانید كدهای سی شارپ را در قالب بروژه كنسول به صورت آنلاین در مرورگر اجرا كنید!

حتما با سایت هایی كه اجازه اجرای آنلاین كدهای جاوا اسكریپت، اچ تی ام ال و سی اس اس را می دهد آشنا هستید، حالا با این امكان می توانید كدها سی شارپ را هم به صورت آنلاین در مرورگر خود اجرا كنید كه برای اهداف تست یا آموزشی بسیار مفید است.

برای استفاده از این امكان به وب سایت زیر مراجعه نمایید:
https://try.dot.net

همینطور برای مطالعه مستندات می توانید به آدرس زیر مراجعه نمایید:
https://try.dot.et/docs

#C_Sharp
#Online_Editor

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
Lazy Loading چیست؟

Lazy Loading یا بارگذاری احمقانه یك تكنیك برای به تاخیر انداختن بارگذاری تصاویر و ویدئو در صفحات وب به جای بارگذاری كل صفحه می باشد.
این تكنیك باعث كم شدن زمان انتظار كاربر برای بارگذاری می شود.

در ادامه به چند افزونه جی كوئری برای Lazy Loading اشاره خواهیم كرد.

1.[LazyYT.js](https://github.com/tylerpearson/lazyYT)

این افزونه برای بارگذاری ویدئو های یوتیوب بسیار مفید است.
در زمان بارگذاری اولیه سایت درون باكسی كه قرار است ویدئو یوتیوب نمایش داده شود یك تصویر پیش نمایش از ویدئو جایگزین می شود و با اشاره كردن موس روی باكس آی فریم مربوط به نمایش ویدئو یوتیوب جایگزین باكس می شود.


2.[JQuery Lazyload Any](https://github.com/emn178/jquery-lazyload-any)

این افزونه برای تمام المنت های صفحه كاربرد دارد نه تنها تصاویر بلكه ویدئو، متون و تمام المنت های موجود در صفحه را می توانید به كمك این افزونه با تكنیك Lazy Load نمایش دهید.


3. [Echo.js](http://toddmotto.com/echo-js-simple-javascript-image-lazy-loading/)

این افزونه یكی از ساده ترین افزونه ها در این زمینه می باشد كه حجم نهایی آن كمتر از یك كیلوبایت می باشد!


4. [BttrLazyLoading](http://bttrlazyloading.julienrenaux.fr/)

این فزونه به شما كمك می كند تا تصاویر را تنها در ویوپورت ها نمایش دهید، همچنین اجازه می دهد تا اندازه های مختلف برای یك تصویر را در 4 اندازه صفحه نمایش بارگذاری كنید.اگر از این افزونه استفاده كنید، تصاویر شما تا زمانی كه اسكرول كاربر به آنها نرسیده بارگذاری نمی شوند كه این باعث افزایش سرعت صفحه شما می شود.


5. [Lazy Load XT](https://github.com/ressio/lazy-load-xt/)

این افزونه بسیار سریع، قابل گسترش و همینطور موبایل گرا می باشد و به منظور بارگذاری تصاویر و ویدئو به صورت Lazy Loading استفاده می شود.
این افزونه به صورت توكار از فریم ورك JQueryMobile نیز پشتیبانی می كند.


در این مقاله به 5 افزونه اشاره شد كه برای تكنیك Lazy Loading می توانید از آنها استفاده كنید، در مقالات آینده افزونه های دیگری نیز معرفی خواهند شد.

#JQuery #JQuery_Lazy_Load #Lazy_Load #LazyYT #LazyLoadAny #Echo #BttrLazyLoading #LazyLoadXT

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
75 کوئری SQL که زندگی برنامه نویس را راحت تر می کند!

در این مقاله به 10 مورد از دستورات SQL اشاره شده است که بسیار پر کاربرد می باشند.

در مقالات بعدی ادامه دستورات معرفی خواهند شد.

https://gist.github.com/A-Programmer/c925de16348626d81c833b2d43bb51d0

#SQL #SQL_Query #75_Important_SQL_Queries

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
دلایل خاموش شدن ناگهانی لپ تاپ.

ممكن است برای شما هم پیش آمده باشد كه در حال كار كردن با لپ تاپ، خاموش شود، این اتفاق ممكن است دلایل مختلفی داشته باشد كه در ادامه به سه مورد شایع تر اشاره خواهیم كرد:

️ ۱- افزایش دمای پردازنده یا سایر چیپ ها
یکی از دلایل اصلی خاموش شدن ناگهانی، افزایش دمای پردازنده است که به دلیل ناکارآمد بودن سیستم خنک کننده رخ می دهد. خشک شدن خمیر سیلیکون، وجود اختلال در خنک کننده و گرد و خاک از عوامل اصلی این مشکل هستند که با سرویس به موقع برطرف خواهد شد.

️ ۲- وجود باتری فاسد در لپ تاپ:
باتری های از قطعات مصرفی لپ تاپ به حساب می آیند و عمر مشخصی دارند. بنابراین انتظار می رود و پس از ۴ الی ۵ سال کیفیت و ماندگاری خود را از دست بدهند .

️ ۳- اختلال در حافظه رم :
اختلال در حافظه رم می تواند خود را به اَشکال گوناگونی نشان بدهد. هنگ کردن، کُند شدن، پیغام خطای صفحه آبی، ری استارت های ناگهانی، خاموش شدن های ناگهانی و … از عوامل اختلال در رم هستند .

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
با سلام خدمت تمام كاربران عزیز.
همانطور كه مطلع هستید حدود یك ماه فعالیت كانال و اینستاگرام متوقف و هینطور روال تشكیل جلسات آموزشی دوره ها كند شد.

انشاالله بعد از تعطیلات تمام فعالیت ها به روال گذشته برگشته و مجدد در خدمت شما دوستان خواهیم بود.
Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
75 کوئری SQL که زندگی برنامه نویس را راحت تر می کند - قسمت دوم.
در این مقاله به ادامه کوئری های SQL می پردازیم.
🌐 https://gist.github.com/A-Programmer/61f4afff6465e70e30837f603c1da7cd

#SQL #SQL_Query #75_Important_SQL_Queries

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin

Linkedin: http://linkedin.com/in/mrsadin
پكیج : KSCheckMark TagHelper
حتما اتفاق افتاده در پروژه ای یك مقدار صحیح/غلط داشته باشید و بخواهید بر اساس صحیح یا غلط بودن مقدار آیكون چك یا ضربدر یا هر آیكون دیگه ای رو نمایش بدید.
كار معمول اینه كه تو همون ویو كد سی شارپ مینویسیم و شرط میذاریم.
اگر یخورده بخواهیم تمیزتر كار كنیم یك تگ هلپر مینویسیم.
پكیجی كه درست كردم همین كار رو برای شما انجام میده، یك تگ هلپر ساده س كه در قالب پكیج آماده كردم، فقط كافیه پكیج رو نصب كنید و استفاده كنید!
آدرس پكیج در نیوگت:
https://www.nuget.org/packages/KSCheckMark/
آدرس سورس پكیج در گیت هاب:
https://github.com/a-programmer/kscheckmark
طریقه استفاده هم به صورت زیر هست:
< i ks-value="true" ks-checked-class="fas fa-check" ks-unchecked-class="fas fa-times" ks-true-text="Checked!" ks-false-text="UnChecked!" ks-title="Title" >< /i >
شرح خصوصیات:
ks-value: مقدار صحیح یا غلط رو وارد میكنید(این خصوصیت ضروری هست)
ks-checked-class: نام كلاس در صورت صحیح بودن
ks-unchecked-class: نام كلاس در صورت غلط بودن
ks-true-text: متن نمایشی در صورت صحیح بودن
ks-false-text: متن نمایشی در صورت غلط بودن
ks-title: عنوان تگ
نكته: طبیعتا بعد از نصب پكیج باید نیم اسپیس KSCheckMark رو در فایل _ViewImport.cshtml اضافه كنید:
@addTagHelper *,KSCheckMark

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin
مقاله :
لود اطلاعات با اسکرول شدن صفحه در Xamarin Forms.
حتما در برنامه های موبایل دیده اید که وقتی در حال دیدن یک لیست از آیتم ها هستید و به انتهای لیست می رسید اطلاعات جدیدی به واکشی شده و نمایش داده می شود یکی از این اسکرول های بی انتها را در اینستاگرام دیده اید.
در این مقاله می خواهیم این امکان را در برنامه موبایل خودمان که با Xamarin Forms در حال توسعه آن هستیم پیاده سازی کنیم.

آدرس مقاله : http://sadin.ir/Articles/Article/how-to-load-data-by-scrolling-in-xamarin

Telegram: http://t.me/WebDevelopmentReferences

Instagram: http://instagram.com/sadin_k/

Twitter: http://twitter.com/MrSadin
مقاله: آموزش ساخت سایت مپ داینامیک در ASPNet Core

امروزه سایت مپ یکی از بخش های اصلی هر وب سایت به حساب می آید و یکی از مهمترین فاکتورهایی می باشد که بر روی سئو وب سایت شما تاثیر دارد.
سایت مپ یک فایل XML است که حاوی تمام لینک های وب سایت شماست که میخواهید توسط گوگل و دیگر موتورهای جست و جو دیده و ایندکس شوند.

آدرس مقاله: http://sadin.ir/Articles/Article/how-to-create-sitemap-in-aspnet-core-dynamically
مقاله : اشتباه بزرگ در استفاده از HttpClient

اگر شما هم با زبان سی شارپ برنامه نویسی می کنید حتما از HttpClient بارها استفاده کرده اید.استفاده نادرست از HttpClient باعث ناپایداری نرم افزار شما می شود!