طراخی فروشگاه اینترنتی

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

گاهی اوقات شاید برای شما هم پیش اومده باشه که خیلی سریع نیاز به ویرایش و یا نوشتن یک سری کد دارید و نرم افزارهایی مثل Dreamweaver و یا notepad++ دراختیار شما نیست البته میدونم که note pad ویندوز همیشه در اختیار هست ولی مطمئنم با هم هم نظر هستید که هیچ وقت ابزار مناسبی برای کدنویسی نبوده و نیست .

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

ابزار آنلاین liveweave چیست ؟

این ابزار که به صورت مجازی امکانات بسیار زیادی رو در اختیار شما قرار میده و شما میتونید با تعریف یک پروژه و شروع به کدنویسی HTML , CSS و JS ، نتیجه نهایی رو در همان صفحه ببینید که چیزی شبیه به نرم افزار Dreamweaver هست . جهت استفاده از این امکانات می بایست به وب سایت liveweave.com مراجعه کنید . در صفحه ابتدایی شما یک workspace 4 بخشی رو مشاهده میکنید . بخش اول HTML 5 و بخش دوم CSS 3 بخش سوم JavaScript و بخش نهایی نمایش نتیجه کدهای نوشته شده به صورت Live . در تصویر زیر میتونید شمای کلی این سرویس رو ببینید :

اگر به تصاویر بالا وگوشه سمت راست تصویر نگاه کنید ۴ گزینه رنگی موجود هست . این ۴ گزینه قابلیت تغییر چیدمان و حالت نمایش ۴ بخشی که در بالا توضیح دادم رو برای شما فراهم میکنه . همینطور با گزینه Dark Theme در بالای سایت سمت راست ، قابلیت این رو هم دارید که در صفحه روشن یا تیره کدنویسی کنید همچنین میتونید نمایش زنده یا Live Mode رو هم فعال یا غیر فعال کنید که نتایج کد ها همزمان در کادر چهارم نمایش داده نشود .

در liveweave چه امکانات دیگری داریم ؟

امکانات فراوان که این امکانات همه در منوی بالایی سایت قرار گرفته اند . در ادامه درباره این امکانات توضیح خواهیم داد :

منوی Tools

در این منو در گزینه اول که Template هست شما میتونید کدهای پیش فرض و ابتدایی رو مجددا لود کنید در حقیقت پروژه شما از ابتدا شروع میشه . در گزینه بعدی که Color & Palette Lab هست شما به یک صفحه دیگری منتقل میشید و در اونجا این قابلیت رو دارید که رنگ های مختلفی رو انتخاب کنید ، رنگ های جدیدی بسازید و یک پالت بسیار خوب رنگی با یک عالمه رنگ پیش فرض در دسترس داشته باشید .

در گزینه بعدی یعنی Download این قابلیت رو دارید که پروژه خودتون رو به صورت فایل HTML و یا Zip که شامل همه فایل ها یعنی HTML , CSS , JS میشه دانلود کنید .

در گزینه بعدی یعنی Generator و در گزینه زیر مجموعه اول Generate LOREM IPSUM text at cursor location میتونید با قرار دادن موس در هر نقطه از کدهاتون و انتخاب این گزینه یک متن پیش فرض یا همان لورم ایپسوم معروف رو فراخوانی کنین . در گزینه زیر مجموعه بعدی یعنی CSS3 Code Generator همونظور که از اسمش مشخصه و شما رو به یک صفحه دیگر منتقل میکنه میتونید کلی امکانات ویژه و جالب مثل Radius and Box Shadow و Text Shadow و Transforms و Columns و Gradient Background و  Border and Outline و Background رو در اختیار داشته باشید .

منوی Library

در این منو شما میتونید کلی JS های منتخب و پر کاربرد رو تنها با ۱ کلیک به فایلتون اضافه کنید . این JS ها به شرح زیر هستند :

امکان مدیرتی پروژه به صورت تکی یا گروهی

در همان منوی بالا گزینه ای با نام Team UP قرار دارد . با کلیک بر روی این گزینه یک ابزار جدید در سمت راست پایین صفحه پدیدار خواهد شد . در این ابزار شما میتونید با دریافت لینک مختص پروژه و اشتراک گذاری اون بین افراد گروهتون ، افراد مختلف دسترسی به این پروژه داشته باشند و هر فرد با مشخصات خودش کدها رو ویرایش و نگارش کنه .

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

هر نظری در مورد این ابزار آنلاین داشتید خوشحال میشیم از طریق بخش دیدگاه ها با ما در میان بگذارید .