#JS
#HTML
#Editor
معرفی چند ادیتور آنلاین HTML کاربردی

برای نوشتن کدهای HTML می توانید از یک ادیتور آنلاین HTML استفاده کنید. در این ادیتور آنلاین HTML امکان نوشتن جاواسکریپت و CSS هم به صورت همزمان وجود دارد.

بهترین موضوع درباره ادیتور آنلاین HTML این است که شما آن را مستقیم روی مرورگر خود استفاده می‌ کنید و می توانید نتیجه آن را ببینید.


1-ادیتور آنلاین Codepen

Codepen محیطی برای توسعه کدهایتان است. در این ادیتور آنلاین HTML شما قابلیت به اشتراک گذاری و ذخیره کدهایتان را دارید. خود ادیتور فضای ساده ای دارد و یک پلتفرم برای HTML، CSS و جاواسکریپت دارد و سایز هر صفحه را می توانید خودتان تغییر دهید.

2-ادیتور آنلاین JSFiddle

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

3-ادیتور آنلاین JSBin

JSBin مانند یک نسخه جمع و جورتر JSFiddle است. شما می توانید کدهایی با فرمت جاواسکریپت، HTML و یا CSS را ادیت کنید. تنها کافیست از گزینه های بالای صفحه استفاده کنید و هر یک از فرمت کدهایی که می خواهید استفاده کنید را انتخاب کنید. شما همچنین می توانید از دو صفحه نمایش و کنسول به صورت همزمان استفاده کنید تا تسلط بیشتری روی کد داشته باشید.

ادیتور JSFiddle به شما اجازه می دهد تا از منابع خارجی هم به کدهایتان ادیتور آنلاین HTML اضافه کنید اما در JSBin تنها کتابخانه هایی از پیش تعریف شده از جاواسکریپت وجود دارد و شما آن ها را می توانید اضافه کنید. اما این کتابخانه به اندازه کافی گستردگی دارد که کار شما را راه بندازند. از کتابخانه های jQuery تا React و Angular در این ادیتور آنلاین HTML وجود دارد.


4-ادیتور آنلاین Liveweave

ادیتور آنلاین Liveweave مشابه مورد قبل است اما این ادیتور دیزاین زیباتری دارد اگرچه سلیقه شما ممکن است قبلی را بپسندد. همانند JSFiddle، این ادیتور هم به شما اجازه می دهد تا به صورت پویا کد خود را اجرا کنید. همچنان مانند ادیتور آنلاین JSFiddle در اینجا هم شما می توانید از منابع خارجی مانند jQuery به کدتان اضافه کنید. اما این ادیتور آنلاین تعدادی ویژگی منحصر به فرد هم دارد.

Lorem Ipsum Generator به شما امکانی می دهد تا کد را روی جایی که نشانگر قرار دارد نگه دارید. همچنین ویژگی CSS Explorer به شما امکان این را می دهد که یک ابزار WYSIWYG برای ساخت استایل های CSS داشته باشید. Color Explorer به شما امکان این را می دهد که تم مورد علاقه خود را با رنگ دلخواه داشته باشید. Vector Editor هم به شما امکان ساخت تصاویر گرافیکی وکتور برای سایتتان را می دهد.

4-ادیتور آنلاین HTMLhouse

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

یکی از ویژگی های این ادیتور آنلاین HTML این است که شما می توانید کدهایتان را به صورت خصوصی منتشر کنید و یک URL برای آن دریافت کنید. شما می توانید کدهایتان را در معرض دید عموم هم قرار دهید که در این صورت کدها در قسمت HTMLhouse's Browse page به نمایش در می آید. این ویژگی ساده اما کاربردی است و شما می توانید کدهایتان را به صورت واقعی و در یک URL تماشا کنید.

@ABlueDeveloper

💥 نمودار اصلی و غیر جعلی

💥جالب است که We Chat حتی توی نمودارنیست



@ABlueDeveloper

💎💎💎 به گفته حسین بیگی ؛⁣عضو کمیسیون امنیت ملی و سیاست خارجی مجلس ، #تلگرام فردا ( پنج شنبه ) احتمالا رفع فیلتر خواهد شد!⁣

مرجع تخصصی برنامه نویسان
@ABlueDeveloper

آموزش تصویری ساخت گزارش در MVC با استفاده از Stimul Report

#رایگان

🌎 https://goo.gl/NJ5FV7
—------------------------------—
@ABlueDevepoler

🌟 آموزش گام به گام استفاده از پروکسی

🌟 با فعال کردن پروکسی داخل تلگرام میتونید بدون استفاده از فیلترشکن به تلگرام وصل بشید

@ABlueDeveloper

#فوری


❌تلگرام رفع فیلتر شد
من الان این پست رو بدون استفاده از وی پی ان رو موبایل براتون گذاشتم


@ABlueDeveloper

#fun

programmer Vs Designer

@ABlueDeveloper

#fun

وقتی شما میزنی ویندوز آپدیت شه Vs آپدیت تموم میشه ! 😁

@ABlueDeveloper

#Ebook
#CLR
#CLR_via_CSharp_3rd_Ed

اگه میخواین از طرز کار CLR و اینکه دقیقا چه کارایی زمان اجرا انجام دیده را کامل بدانید.
بنده شخصا پیشنهاد میکنم کتاب زیر را بخوانید
👇
@ABlueDeveloper

#Angular5InVsCode
#Angular5
#VisualStudioCode

✅✅✅✅✅✅✅✅✅✅✅
آموزش راه اندازی angular 5 در Vs Code


@ABlueDeveloper

‎پسورد وای فای تون رو بگذارید 2444666668888888
‎اگر دوست تون پرسید چیه بگید 12345678

‎دومی نوشته: من 10 دقیقه داشتم سعی می کردم بفهمم منظور اون اولی چی بوده!

@ABlueDeveloper

#Send_SMS
⚙️احراز هویت پیامکی از طریق
✅ ارسال پیامک از طریق URL
🔹کد فعال سازی
🔹احراز هویت پیامکی خودکار
✅کاملا رایگان
URL
https://goo.gl/tpwQAH

@ABlueDeveloper

#منهای_برنامه_نویسی

💎 حسادت، عصبانیت و تنفر ما را ترک نخواهند کرد، پس باید یاد بگیریم تا چگونه با آن‌ها دوست باشیم! و این ما باشیم که کنترلشان می‌کنیم، نه آن‌ها ما را!

@ABlueDeveloper

زبان فارسی به طور رسمی به تلگرام اضافه شد

🔹دقایقی پیش نوتیفیکیشنی در تلگرام ارسال شد که به کاربران امکان انتخاب زبان فارسی را به عنوان زبان رسمی اپلیکیشن می داد
@ABlueDeveloper

#DependencyInjection
#InversionOfControl
#DI
#Ioc


انواع تزریق وابستگی

IOC یک اصطلاح جنریک است. به جای اینکه برنامه متدها را در فریم ورک فراخوانی کند، فریم ورک پیاده سازی های برنامه را فراخوانی می کند. تزریق وابستگی شکلی از IOC است، که پیاده سازی ها از طریق سازنده ها/تنظیم کننده ها/ سرویس های lookup به شیء پاس داده می شوند که روی شیء تزریق خواهد شد و به درستی رفتار خواهد کرد. فریم ورک های تزریق وابستگی برای استفاده از DI طراحی شده اند و می توانند رابط ها (interface) را تعریف کرده تا پیاده سازی ها را آسان کنند.

لیست فریم ورک های تزریق وابستگی

در زیر لیستی از نگهدارنده های (container) محبوب تزریق وابستگی را شرح می دهیم.

Spring.NET

Spring.NET یکی از فریم ورک های open source محبوب برای تزریق وابستگی است که NET 4.0.، NET Client Profile 3.5. و 4.0، Silverlight 4.0 و 5.0 و Windows Phone 7.0 و 7.1 را پشتیبانی می کند.

Castle Windsor

Castle Windsor یک کانتینر کامل IOC برای .NET و Silverlight است. ورژن فعلی آن 4.0 است که در جولای 2017 منتشر شد. Castle Windsor را می توان از GitHub یا NuGet دانلود کرد. مزایای استفاده از Castle Windsor این است که کامل بوده و با decorator آشناست و به خوبی مستندشده است.

Unity

Unity (Unity Application Block) یک کانتینر تزریق وابستگی کم وزن و توسعه پذیر است که نسبتا پیچیده تر می باشد. Unity از کانتینر و داده های XML استفاده می کند و پشتیبانی قدرتمندی از XML داشته و با برنامه های WPF کار می کند. تحت مجوز عمومی مایکروسافت بوده و رایگان است. Unity به صورت‌مسأله هایی که توسعه دهندگان در مهندسی نرم افزار مبتنی بر مولفه با آن درگیرند می پردازد. همچنین شامل افزونه Interception container است که به توسعه دهنگان اجازه می دهد تا مدیریت exception، logging یا حتی کدهای سفارشی خود بین فراخواننده و فراخوانده شده را تزریق کنند.

Structure Map

Structure Map تزریق وابستگی برای .NET است که می تواند برای بهبود کیفیت معماری سیستم شیءگرا با کاهش هزینه های ماشینی تکنولوژی های طراحی خوب مورد استفاده قرار گیرد. تحت مجوز Apache 2 OSS منتشر شده است، رایگان می‌باشد و توسعه‌دهنده می‌تواند آن را دانلود کرده، تغییر دهد و مجددا توزیع کند.

Autofac

Autofac کانتینر IOC برای #Microsoft .NET C، ورژن‌های 3.0 و بالاتر می‌باشد. مجوز آن تحت MIT است. وابستگی‌های میان کلاس‌ها را مدیریت می‌کند، چنان که برنامه‌ها با تغییر در اندازه و پیچیدگی، همچنان آسان باقی بمانند.

Ninject

یک فریم‌ورک تزریق وابستگی همگانی، فوق‌العاده سبک و open source برای .NET، Mono، .NET Compact Framework و Silverlight می‌باشد. مجوز آن تحت Apache 2 است. Ninject به شما کمک می‌کند تا از تکنیک‌های تزریق وابستگی برای شکستن برنامه‌یتان به اجزای کاملا یکپارچه و پیوسته بدون محدودیت استفاده کنید، و سپس آن‌ها را به صورت انعطاف‌پذیر به هم متصل می‌کند.

مزایای تزریق وابستگی

تزریق وابستگی به جداسازی کلاس‌ها کمک می‌کند. DI و IOC کار را برای توسعه‌دهنده آسان می‌کنند تا بتواند وابستگی بین اشیاء را مدیریت کند. این امر باعث می‌شود تا توسعه‌دهنده راحت‌تر بتواند ارتباطات اساسی را با قراردادهای خود نشان دهد. در نتیجه کدها ماژولارتر می‌شوند. همچنین قابلیت استفاده مجدد کدها افزایش یافته و نگهداری و تست کدها بهبود می‌یابد.

معایب تزریق وابستگی

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

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

با استفاده از فریم‌ورک تزریق وابستگی، کلاینت‌ها به پیکربندی داده وابسته هستند. این کار وقتی برنامه نیازی به پیکربندی سفارشی زیادی ندارد، برای توسعه‌دهندگان یک کار اضافی محسوب می‌شود.

نتیجه‌گیری

محبوبیت تزریق وابستگی در جامعه توسعه‌دهندگان همچنان رو به رشد است. IOC در مورد اینکه چه کسی شروع به برقراری تماس می‌کند، صحبت می‌کند، در حالی که DI در مورد نحوه دستیابی وابستگی یک شیء روی اشیای دیگر، از طریق انتزاع (abstraction)، صحبت می‌کند. اگر از تزریق وابستگی استفاده می‌کنید، سبک‌های زیادی برای انتخاب بین آن‌ها وجود دارد


@ABlueDeveloper

#Edge
براساس گزارش مایکروسافت، طی به‌روزرسانی ماه آینده مرورگر اج، این مرورگر سرانجام از آیپد پشتیبانی خواهد کرد

🔹نسخه پیش نمایش این آپدیت ماه فوریه در دسترس کاربران قرار میگیرد
@ABlueDeveloper

ریاضیات نشان می دهد چگونه در طول یکسال، "اندکی بهتر یا بدتر بودن"، موفقیت یا شکست شما را رقم میزند


@ABlueDeveloper

#Logo
دوستان یه سایت خوب برای درست کردن لوگو !‌بنظرم خیلی سایت پرکاربرد و جالبیه حتما سر بزنید!‌

📌 آدرس سایت :

https://logojoy.com



@ABlueDeveloper

برای مهندسین بن بستی وجود ندارد. آنان یا راهی خواهند یافت٬ یا راهی خواهند ساخت.
🌹🌹🌹🌹🌹🌹🌹🌹🌹

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

🌹🌹🌹🌹🌹🌹🌹🌹

@ABlueDeveloper