18 نكته از JQuery:
در این مقاله 18 نكته یا ترفند زیبا از JQuery گفته شده است كه بسیار پركاربرد هستند.
لینك مقاله:
http://www.prideparrot.com/blog/archive/2011/9/interesting_things_from_jquery

#JQuery #FrontEnd

@WebDevelopmentReferences

معرفی شش افزونه ویژوال استادیو كد.

اگر شما از ویرایشگر ویژوال استادیو كد استفاده می كنید حتما می دانید كه این ویرایشگر ابزارهای كمكی در اختیار شما قرار می دهد كه می تواند روند كار را برای شما آسان و سریع تر كند.
در این مقاله به معرفی بعضی از ابزارهای مفید می پردازیم.
1. Docker Support (https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker)
امروزه داكر یكی از داغ ترین ترندها بین برنامه نویسان می باشد و شما هم به عنوان برنامه نویس نمی خواهید این امكان پر استفاده را از دست بدهید.
این افزونه رسمی داكر برای ویژوال استادیو كد می باشد.
ویژگی های كلیدی:
-ساده سازی عمل ساخت و اجرای كانتینرها
-ساخت فایل های داكر و كامپوز به صورت خودكار
-دستورات فایل های داكر و داكر كامپوز به صورت توكار در كامند اضافه می شوند.
-دارا بودن قابلیت سینتكس هایلایتینگ
2. Visual Studio Keymap(https://marketplace.visualstudio.com/items?itemName=ms-vscode.vs-keybindings)
استفاده از كلیدهای میانبر در برنامه نویسی صرفه جویی بسیار زیادی در كدنویسی است.پر كاربرد ترین كلیدهای میانبر كپی و پیست هستند كه تمام كاربران كامپیوتر با آن ها آشنایی دارند.
با این افزونه به راحتی می توانید كلیدهای میانبر شخصی خود را معرفی كنید و به سلیقه خودتان از میان برها استفاده كنید.
ویژگی های كلیدی:
-تمام كلیدهای میانبر ویژوال استادیو را در اختیار شما میگذارد.
-به راحتی می توانید كلیدهای میانبر خود را تعریف كنید.
-میانبر های ویندوز، لینوكس و مك را برای شما آماده می كند.
-كلیدهای میانبر دیگر افزونه ها را نیز برای شما نمایش می دهد و می توانید آنها را تغییر دهید.
3. React Redux ES6 Snippets(https://marketplace.visualstudio.com/items?itemName=sledsworth.react-redux-es6-snippets)
این افزونه حاوی قطعا كدهای پر استفاده ری اكت و ریداكس با ES6 برای جاوا اسكریپت می باشد كه روند كدنویسی را سریع تر می كند.
با استفاده از این افزونه تنها با نوشتن كلمات كلیدی سه حرفی و فشردن كلید تب قطعه كد مربوطه را خواهید داشت و نیازی به تایپ كردن كل قطعه كد نیست.
همینطور با استفاده از كلیدهای كنترل+اسپیس(فاصله) به تمام كلمات كلیدی دسترسی خواهید داشت.
4. Debugger for Chrome(https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
امروزه مرورگر كروم یكی از پر طرفدار ترین مرورگرها هم برای برنامه نویسان و هم برای كاربران عادی می باشد و این معروفیت در بین برنامه نویسان را مدیون قابلیت ها و افزونه های بسیار مفید برای برنامه نویسان می باشد.
افزونه ای كه نام برده شد برای دیباگ یا خطایابی كدهای جاوا اسكریپت در مرورگر كروم می باشد.
5. C#(https://marketplace.visualstudio.com/items?itemName=ms-vscode.csharp)
اگر شما از زبان سی شارپ استفاده می كنید و پروژه شما دات نت كور می باشد باید از این افزونه استفاده كنید كه توسط OmniSharp ارائه شده است.
ویژگی های كلیدی:
-خطایابی كدهای سی شارپ شما
-قابلیت های syntax highlighting, IntelliSense, Go to Definition, Find All References و بسیاری قابلیت دیگر
6. JQuery Code Snippets(https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets)
اگر هنووز هم شما از كتابخانه جی كوئری در پروژه های خود استفاده می كنید، این افزونه می تواند كدنویسی را برای شما سریع تر كند.
با نصب این افزونه به قطعه كدهای جی كوئری دسترسی پیدا میكنید كه با نوشتن كلمات كلیدی و فشردن كلید تب تمام آن قطعه كد برای شما نوشته می شود، همینطور با نوشتن jq می توانید لیست تمام كلمات كلیدی را ببینید.

#Visual_Studio_Code_Extension #Extension #Docker_Support #Visual_Studio_Keymap #React_Redux_ES6 #Debugger_For_Chrome #C_Sharp
#JQuery_Code_Sippets

http://t.me/WebDevelopmentReferences

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