برنامه ای برای نوشتن اسکریپت های جاوا. بهترین ویرایشگر برای کدهای HTML، PHP، CSS، JS چیست؟ یادگیری جاوا اسکریپت از طریق جاوا اسکریپت آن

برای ما توسعه دهندگان، انتخاب یک ویرایشگر کد منبع چیز کوچکی نیست. این محیطی است که ما بیشتر وقت خود را در آن می گذرانیم. بهره وری ما به ویرایشگر کد بستگی دارد.

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

• سهولت استفاده- ویرایشگر چقدر برای مبتدیان آسان است، وقتی برای اولین بار آن را باز می کنیم چقدر بصری است.
• قدرت- معیاری برای همه نوآوری ها، قابلیت های ویرایش کد، تکمیل خودکار، حالت های ویرایش و غیره.
• قابلیت گسترش- آیا ویرایشگر از افزونه ها، کتابخانه های اضافی پشتیبانی می کند.
• زیبایی شناسی- ما عاشق زیبایی در کارمان هستیم، چقدر محیط دلپذیر است، چقدر کد مرتب در آن به نظر می رسد.
• سرعت- ویرایشگر چقدر سریع شروع می شود، چقدر سریع فایل های بزرگ را باز می کند.
• پلت فرم متقابل- آیا ویرایشگر برای چندین سیستم عامل در دسترس است یا خیر.
• قیمت- ارزان ترین قیمت بالاترین نمره را دریافت می کند.

ویرایشگرهای کد در گروه هایی ارائه می شوند که به انواع خاصی از توسعه دهندگان پاسخ می دهند.

برای گورو

می پرسی استادان چه کسانی هستند؟ اساساً اینها افرادی هستند که از ویرایشگرها استفاده می کنند کد برنامهحتی قبل از اینکه به دنیا بیای سازهای این گروه سنگین و پهن است. آنها را می توان از یک پنجره ترمینال اجرا کرد و طبق سنت یونیکس، تمام تنظیمات آنها در یک فایل پیکربندی تعریف شده است.

vim

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

ایمکس

توسعه Emacs در دهه 1970 آغاز شد و تا به امروز ادامه دارد. این ویرایشگر به دلیل توسعه پذیری خود شناخته شده است. این یکی از اولین ویرایشگرهایی است که از برجسته سازی کد، تراز خودکار کدها و پشتیبانی از بسیاری از زبان های برنامه نویسی پشتیبانی می کند. مانند Vim، آن نیز کراس پلتفرم است و می تواند از طریق یک پنجره ترمینال یا رابط کاربری گرافیکی. Emacs رایگان و متن باز است.

برای حرفه ای ها

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

کسوف

Eclipse اغلب برای توسعه برنامه های جاوا استفاده می شود. این نرم افزار از افزونه هایی پشتیبانی می کند که امکان پشتیبانی از زبان های برنامه نویسی اضافی را فراهم می کند. افزونه هایی برای C/C++، Ruby، PHP و دیگران وجود دارد. Eclips اشاره کد قدرتمندی را ارائه می دهد که بر اساس مستندات و بررسی نحو در زمان واقعی ساخته شده است. شرکت های بزرگمانند گوگل، ابزارهای توسعه خود را برای این پلتفرم ارائه می کنند. به راحتی می توانید برای اندروید و App Engine برنامه ایجاد کنید. Eclipse رایگان و متن باز است.

استودیو آپتانا

Aptana یک محیط توسعه است که برای برنامه های سنگین AJAX طراحی شده است. این محیط از محبوب ترین زبان های وب پشتیبانی می کند: PHP، JavaScript، HTML، CSS، Ruby، Python و غیره با کمک افزونه ها. همچنین یکپارچه سازی Git وجود دارد، توانایی آزمایش برنامه روی سرور محلیو تعداد زیادی کد مفید برای هر زبان برنامه نویسی. مانند Eclipse، Aptana نیز رایگان و منبع باز است.

netbeans

محیط دیگری برای جاوا، اما مانند Eclipse، می تواند برای زبان های اضافی گسترش یابد: PHP، Python، C/C++ و غیره. این برنامه روی لینوکس، ویندوز و OSX اجرا می شود. Netbeans می تواند روند توسعه برنامه های دسکتاپ را با استفاده از آن سرعت بخشد بکشید ورها کردن سازنده. نقطه ضعف عملکرد است - Netbeans می تواند در پروژه های بزرگ کند باشد. این ویرایشگر کد رایگان و متن باز است.

رویا باف

Dreamweaver بخشی از برنامه های Adobe Suite برای طراحان وب است. این فقط از محبوب ترین زبان های برنامه نویسی وب - PHP، ASP.NET، JavaScript، HTML، CSS پشتیبانی می کند. بسیار مبتدی پسند، با پشتیبانی از ویرایش WISIWYG، نمایش زنده، تست کردن سرور راه دورو توسعه برنامه با موبایل جی کوئری و Phonegap. Dreamweaver در OSX و Windows در دسترس است. اگر کل بسته برنامه را با قیمت 399 دلار خریداری کنید، استفاده از آن فایده ای ندارد. اما اگر جداگانه خرید کنید، ممکن است چیزی در آن وجود داشته باشد. حتی راحت تر خواهد بود.

استودیوی تصویری

Visual Studio یک محیط توسعه همه در یک برای ویندوز است. این ویرایشگر از تعداد زیادی زبان پشتیبانی می کند: C/C++، C#، VB.NET و F# که در محیط تعبیه شده اند. دارای تکمیل کد قدرتمند، اسناد اشتراک، بررسی خطا، اشکال زدایی، طراحی فرم، ایجاد طرح پایگاه داده و موارد دیگر. قیمت از 500 دلار شروع می شود، اما نسخه اکسپرس این برنامه به صورت رایگان در دسترس است.

xcode

Xcode راه حل اپل برای توسعه OSX و برنامه های iOS. پشتیبانی از C، C++، Objective-C، Objective-C++، Java، AppleScript، Python و Ruby. با Xcode می‌توانید برنامه‌ها را بنویسید، اشکال‌زدایی و آزمایش کنید. دارای رابط ساز و شبیه ساز دستگاه های تلفن همراه، برای تست برنامه های iOS. Xcode قبلا یک ویرایشگر پولی بود، اما اکنون آن را به صورت رایگان ارائه می کنند.

کدا 2

Coda یک ویرایشگر همه در یک برای توسعه دهندگان وب است. پشتیبانی از انتقال فایل FTP، ناوبری کد و ساختار فایل، سایت ها و گروه های سایت، مدیریت MySQLو خیلی بیشتر. با Coda 2 جدید، می توانید از iPad خود برای مرور استفاده کنید. قیمت ثابت 99 دلار است، اما می توانید با 75 دلار تخفیف دریافت کنید.

برای زیبایی شناسان

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

TextMate

TextMate بیشتر گرافیکی است ویرایشگر متنبرای osx پشتیبانی از ماکروها، ذخیره سازی کد، قطعات، ادغام پوسته، مدیریت پروژه. احتمالاً Text Mate 2 با همه چیز ممکن ارائه خواهد شد. هزینه ویرایشگر حدود 50 دلار است.

متن عالی 2

Sublime یک ویرایشگر بین پلتفرمی زیبا است. تقریباً برای هر زبان برنامه نویسی سریع و از نظر عملکرد غنی است. از چندین انتخاب، تاشو کد، ماکروها، پروژه ها و موارد دیگر پشتیبانی می کند. ویرایش تمام صفحه نیز امکان پذیر است که در نمایشگرهای بزرگتر عالی به نظر می رسد. قابل اجرا بر روی لینوکس، ویندوز و OSX. این ویرایشگر با یک دوره آزمایشی نامحدود ارائه می شود، اما شما باید یک مجوز 59 دلاری خریداری کنید که می تواند در هر رایانه استفاده شود.

برای عملگرایان

Notepad++

این ویرایشگر قدرتمند و سبک برای هر توسعه دهنده ای که از ویندوز استفاده می کند ضروری است. اگرچه نام یادداشت توسعه یافته را نشان می دهد، اما ابزار قدرتمندی است. برای مبتدیان آسان است، اما برای حرفه ای ها نیز مناسب است. Notepad++ از هر زبان برنامه نویسی محبوب پشتیبانی می کند. پشتیبانی از تقسیم محیط کاری به دو پنجره ویرایش، مرورگر FTP، ماکروها و قابلیت های ویرایش متن قدرتمند. Notepad++ کاملا رایگان است. ممکن است.

متن رانگلر

TextWrangler یک ویرایشگر رایگان و سبک برای OSX است. پشتیبانی از تمامی زبان های برنامه نویسی قابلیت جستجو و جایگزینی قدرتمند، دستکاری متن، مقایسه فایل، پشتیبانی از FTP و موارد دیگر را ارائه می دهد.

CodeLobster

CodeLobster دارای ویژگی های ساده و قدرتمند برای برنامه نویس وب است. مناسب برای تمام نسخه های سیستم عامل ویندوز: 8، 7، ویستا، XP، 2003، 2000، ME، سرور. سفارشی سازی محیط کاری انعطاف پذیر، نکات ابزار ویژگی، اشکال زدایی، و لیست کارهای انجام شده. این ویرایشگر به طور خاص برای یک توسعه دهنده وب توصیه می شود، می توان آن را به راحتی برای کار با فریمورک های مختلف گسترش داد: CakePHP، CI، Drupal، JQuery، Yii، Smarty، Symfony، WP، Facebook. نسخه سبک ویرایشگر به صورت رایگان در دسترس است. با مجموعه ابزار 40 دلاری، در مجموعه کاملافزونه ها و افزونه های بیش از 100 دلار.

بهترین ویرایشگر کد ...

ویرایشگر خود را در این لیست پیدا نکردید؟ در نظرات زیر به ما بگویید ویرایشگر مورد علاقه شما چیست!

ویرایشگر کد یک ابزار مفید برای هر برنامه نویسی است. و همه برای خود انتخاب می کنند: کسی از عملکرد قدردانی می کند ، کسی از تحرک قدردانی می کند ، برای کسی نکته اصلی طراحی و راحتی است. برخی حتی دوست دارند در Notepad کد بنویسند، اما این مانند تلاش برای ساختن خانه با چکش است.

جاوا اسکریپت یک زبان قدرتمند و دمدمی مزاج است. از یک سو، بسیاری از چارچوب ها و کتابخانه ها، از سوی دیگر، ساده ترین نحو و خطرات مرتبط با "دینامیک" نیست. بنابراین، برای کار با آن، انتخاب یک ویرایشگر مهم است. انتخاب صحیحکد شما را تمیز نگه می دارد، سرعت بالاتوسعه، حداقل خطا و لذت از کار. انتخاب یکی از صدها ویرایشگر موجود زمان زیادی می برد، بنابراین ما برخی از کارها را برای شما انجام داده ایم. در اینجا 5 مورد از بهترین ها آورده شده است.

طوفان وب

WebStorm از JetBrains در هر دو مظاهر عالی است: به عنوان یک IDE از کار با سیستم های کنترل نسخه پشتیبانی می کند، به شما امکان می دهد از راه دور کد را به عنوان یک ویرایشگر - امکانات استاندارد مانند برجسته سازی نحو، تکمیل خودکار، ناوبری اجرا کنید.

مزایای:

• LiveEdit - مشاهده تغییرات ایجاد شده در کد بدون نیاز به ذخیره آن؛
• تعامل با فریم ورک هایی مانند React، Angular، Meteor.
• بیش از صد تست داخلی برای تشخیص خطا؛
• ادغام با موکا، نقاله، جست، کارما برای تست های واحد.
• دیباگر تمام عیار برای اشکال زدایی کد روی سرور و سمت مشتری;
• ناوبری برای عملیات همزمانبا چندین فایل؛
• تکمیل کد، برجسته سازی نحو.

ایرادات:

• هزینه 129 دلار برای سال اول بهره برداری.
• برای کدنویسان تازه کار، عملکرد اضافی است.

کد ویژوال استودیو

شاخه ای از Visual Studio IDE که بر کار با کد متمرکز شده است. یادگیری آن آسان، استفاده آسان و در عین حال کاربردی است.

مزایای:

• تکمیل متنی هر دو نحو و متغیرهای مورد استفاده، ماژول ها، توابع و غیره.
• اشکال زدایی با نقاط شکست، پشته تماس، کنسول تعاملی.
• پشتیبانی از اسنیپت ها و قالب ها؛
• ادغام با Git؛
• رابط کاربری راحت و ساده؛
• ویرایشگر رایگان

ایرادات:

• چند پلاگین

متن عالی

یک ویرایشگر بین پلتفرمی راحت و تست شده با رابط کاربری قابل تنظیم و توانایی انجام اقدامات بی اهمیت با استفاده از کلیدهای میانبر.

مزایای:

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

ایرادات:

• هزینه نسخه کامل 70 دلار است.
• عدم وجود تحلیلگر کد برای قرار دادن لینک ها

ویرایشگر اتم

در سال 2015، یک ویرایشگر کد از Git معرفی شد که طرح Sublime Text را کپی می کند و در Chromium پیچیده می شود.

مزایای:

• بیش از 50 ماژول باز
• رابط کاربری راحت و دلپذیر؛
• رایگان؛
• تکمیل کد و برجسته کردن.
• مدیر بسته، که در حال حاضر بیش از 3.5 هزار مورد وجود دارد.
• تنظیمات انعطاف پذیر ویرایشگر، پلاگین ها، تم های رابط؛
• ویرایش و پیمایش با استفاده از کلیدهای میانبر.

ایرادات:

• کارآیی پایین؛
• بسته خالی "خارج از جعبه".

براکت ها

در سال 2014، Brackets برنامه نویسان را با باگ ها و کاستی ها ترساند، اما اکنون با عملکردهای جدید با کیفیت بالا به تدریج اعتماد به نفس خود را به دست می آورد.

مزایای:

• تجهیزات غنی "خارج از جعبه"؛
• حالت پیش نمایش زنده - پیش نمایشویرایش در مرورگر در زمان واقعی؛
• مدیر بسته؛
• نمایش تصاویر و رنگ های استفاده شده در کد؛
• تکمیل خودکار و برجسته سازی نحو.
• تحلیلگر کد؛
• رایگان.

ایرادات:

• تمرکز قوی بر روی وب و HTML+CSS+JavaScript.
• توسعه آهسته؛
• عملکرد کند به دلیل عملکردهای پیش نمایش

این راز نیست که امروزه جاوا اسکریپتبه یکی از محبوب ترین زبان های برنامه نویسی تبدیل شد. در دهه 90، در زمان تولد این زبان، زمانی که تنها با هدف افزودن تعامل به صفحات وب و بهبود تجربه کاربر ایجاد شد، چه کسی تصور می کرد که به چنین ارتفاعات بی سابقه ای برسد. پس از همه، اکنون می توانید تقریباً هر کاری را روی آن انجام دهید. آیا می خواهید یک وب سایت بنویسید: هم باطن و هم فرانت اند در جاوا اسکریپت؟ لطفا! میخوای بنویسی اپلیکیشن موبایلدر جاوا اسکریپت؟ مشکلی نیست میکروکنترلر را برنامه ریزی کنید - و در اینجا جاوا اسکریپت به کمک می آید.

البته برخی از جنبه های منفی در این رویکرد وجود دارد. استفاده از جاوا اسکریپتدر همه جا، اما اگر در مورد آن فکر کنید، چقدر می توان با یادگیری یک زبان در زمان و تلاش صرفه جویی کرد، به خصوص اگر همان برنامه باید روی پلتفرم های مختلف کار کند. آیا در مورد پلتفرم های مختلف صحبت می کنید؟ هوم... درست است - پلتفرم‌های مختلف - حالا JS می‌تواند برنامه‌های دسکتاپ برای ویندوز، لینوکس، مک را بپردازد؟ پاسخ ساده است: ملاقات - NW.js.

Node.jsیک پلت فرم نرم افزاری مبتنی بر موتور V8 است که اسکریپت ما را به کد ماشین ترجمه می کند. این پلت فرمدر سال 2009 اساساً برای کار با پشتیبان سایت ها ایجاد شد.

وب کیت- موتور رایگان توسعه یافته است توسط اپل. اولین بار به عنوان بخشی از سافاری در سال 2003 معرفی شد
بنابراین، کد نوشته شده در JS برای این فناوری به هر دو ماژول Node.js و API استاندارد مرورگر (به ترتیب WebKit) دسترسی خواهد داشت.

شروع سریع

این همه خوب و خوب است، اما از کجا شروع کنید؟ می توانید مخزن کد منبع را در github پیدا و دانلود کنید. همچنین در اینجا می‌توانید لینک‌های دانلود مستقیم پلتفرمی که توسعه روی آن انجام می‌شود پیدا کنید. از جمله موارد دیگر، ما نیاز به نصب node.js داریم.

پس از دانلود و نصب نرم افزار لازم، برنامه خود را در JS مورد علاقه خود نوشته اید (نحوه انجام این کار را در زیر بخوانید) و همه چیز را در یک پوشه بومی سازی کرده اید. نیمی از کار انجام شده است، اکنون سخت ترین و طولانی ترین چیز باقی مانده است - بسته بندی همه چیز در یک فایل و آماده شدن برای توزیع. برای ساده کردن، می توانید استفاده کنید کتابخانه های آمادهمانند nw-builder. اگر قبلاً با node.js کار کرده باشید، نصب کتابخانه دشوار نیست. همانطور که می دانید، node.js شامل مدیر بسته npm، که باید از خط فرمان با آن کار کنید. برای نصب هر کتابخانه ای باید دستور زیر را اجرا کنید:

> npm install [libname] [گزینه‌ها]
لطفاً توجه داشته باشید که کتابخانه را می توان هم به صورت محلی و هم به صورت جهانی برای نصب محلیاز گزینه استفاده کنید --save-dev، برای جهانی -g. بنابراین، با اجرای دستور، کلکتور خود را برای NW.js به صورت جهانی نصب می کنیم:

> npm نصب nw-builder -g
برای ساخت برنامه ما، باید این دستور را اجرا کنید (می توانید گزینه های بیشتری را در اسناد پیدا کنید):

> nwbuild -p [platform_name] -o [folder_path_for_built_version] [application_path]
نام پلتفرم می تواند مقادیر زیر باشد: win32, win64, osx32, osx64, linux32, linux64.

در طول توسعه، نیازی به ساختن برنامه در هر بار نیست، می توانید به سادگی آن را همانطور که هست اجرا کنید و در یک پنجره جداگانه باز می شود. برای این کار باید برنامه nw.exe را از خط فرمان اجرا کنید و مسیر پوشه را با برنامه خود به عنوان پارامتر ارسال کنید. علاوه بر این، اگر از ویندوز استفاده می کنید، می توانید به سادگی پوشه را بکشید و رها کنید کد منبعبرنامه های کاربردی در JS (توجه داشته باشید که کل پوشه است) در nw.exe.

سلام دنیا!

اکنون که می دانید چگونه برنامه را اجرا کنید، چگونه آن را در یک فایل کامپایل کنید، بیایید چیزی بنویسیم. به سنت، آشنایی با پلت فرم جدیدبا نوشتن برنامه Hello, world شروع می شود.

برای این برنامه، ما حتی نیازی نداریم جاوا اسکریپت، فقط HTML. بیایید یک پوشه با نام ایجاد کنیم سلام دنیا. بیایید یک فایل داخل آن قرار دهیم index.htmlبا نشانه گذاری زیر:

علاوه بر این، برای هر برنامه تحت NW.js، یک فایل مورد نیاز است که باید فراخوانی شود package.json. اطلاعات از آن برای ساخت برنامه گرفته می شود. بیایید ساده ترین نسخه فایل را ایجاد کنیم و آن را در یک پوشه قرار دهیم سلام دنیا. بنابراین:

( "نام": "hello-world"، "نسخه": "1.0.0"، "توضیحات": "اولین برنامه"، "اصلی": "index.html"، "نویسنده": "توسعه دهنده"، "پنجره" ": ( "نوار ابزار": غلط، "عرض": 500، "ارتفاع": 200 ) )
محتوای فایل کاملاً قابل توضیح است (توجه داشته باشید فیلدهای مورد نیاز فقط اصلی و نام). AT اصلیشما باید یک فایل نشانه گذاری بنویسید که نقطه ورود به برنامه باشد. بخش پنجرهگزینه های پنجره را تنظیم می کند (در این حالت نوار ابزار را خاموش می کنیم و اندازه پنجره را 500x200 می کنیم).

علاوه بر این، می توانید فیلدهایی مانند (برای لیست کاملگزینه ها، به مستندات مراجعه کنید):

• آیکون- مسیر آیکون را مشخص کنید (یک استاندارد را دوباره تعریف کنید)
• موقعیت- می توانید موقعیت پنجره را هنگام بارگذاری مشخص کنید ( خالی, مرکزیا موش)
• حداقل عرض, حداقل_قد,حداکثر_عرض, حداکثر ارتفاع- محدودیت اندازه پنجره
• قابل تغییر اندازه- یک مقدار بولی که نشان می دهد کاربر می تواند اندازه پنجره را تغییر دهد یا خیر
• تمام صفحه- حالت تمام صفحه را فعال کنید
• کیوسک- حالت کیوسک را فعال کنید
• شفاف- پنجره را شفاف کنید

برنامه ایجاد شده است و می توان آن را راه اندازی کرد. پس از شروع (برای نحوه انجام این کار به بخش بالا مراجعه کنید)، باید پنجره زیر را دریافت کنید:

برنامه نوشته شده است، اما فقط یک عنصر div در آن وجود دارد و اصلا منطقی وجود ندارد، اما اگر یک نشانه گذاری غنی از عناصر و منطق پیچیده داشته باشیم، چه؟ یک عنصر از فایل پیکربندی به کمک ما می آید. نوار ابزار، که ما آن را روی false قرار دادیم. برای در دسترس قرار دادن ابزارهای اشکال زدایی، باید نوار ابزار را روی true تنظیم کنید. با انجام این کار، هنگام شروع برنامه، پنجره زیر را دریافت خواهیم کرد:

پس از کلیک بر روی دکمه در گوشه سمت راست بالا، پنجره دیگری باز می شود که ابزارهای آشنای توسعه دهنده را نمایش می دهد:

کار با کنترل های بومی

NW.js به شما امکان می دهد با کنترل های بومی کار کنید. کار بر روی یک مثال را در نظر بگیرید منو. برای کار با کنترل های بومی UI در nw.js، باید از ماژول استفاده کنید nw.gui، که می تواند به این صورت متصل شود:

Vargui = نیاز ("nw.gui");
الگوی عمومی برای استفاده از کنترل ها:

Var element = new gui.ElementName(option);
بنابراین، برای ایجاد آیتم های منو، می توانید از ساختار زیر استفاده کنید:

Varmenu = new gui.Menu();
علاوه بر این، هر ویژگی شی که ایجاد کردیم را می توان به راحتی با استفاده از ساختارهای JS استاندارد تغییر داد، مانند این:

Menu.title = "(!LANG: عنوان جدید"; !}
منو ایجاد شده است، اکنون باید آن را پر کنید، روش هایی برای دستکاری عناصر کودک وجود دارد:

Menu.append(new gui.MenuItem((برچسب: "برچسب آیتم منو"))); menu.removeAt(0);
علاوه بر این، برای افزودن انعطاف پذیرتر عناصر به منو، می توانید از روش استفاده کنید درج کنید، که در پارامترهای آن باید عبور کرد آیتم منوو شماره موقعیت جایی که آن را درج کنید ( موقعیت قبل از اولین عنصر 0 است).

برای دسترسی به عناصر ایجاد شده می توانید از ویژگی استفاده کنید موارد:

Menu.items.title = "(!LANG: عنوان جدید" !}
توجه داشته باشید که نمی توانید مستقیماً عناصر ایجاد کنید:

Menu.items = new gui.MenuItem(); // به درستی نیست
مهمترین چیز هنگام کار با کنترل های بومی این است که به یاد داشته باشید هر گونه اشتباه در هنگام کار با آنها می تواند منجر به از کار افتادن کل برنامه شود، بنابراین باید بسیار مراقب باشید و در صورت امکان هنگام حذف عناصر، مقدار null را نیز به متغیر اختصاص دهید. به این ترتیب برای حذف کنترل، می توانید کارهای زیر را انجام دهید:

Control.remove(); کنترل = پوچ
برای بیشتر عملیات راحتبا کنترل ها، آنها از EventEmitter به ارث رسیده اند، بنابراین خبر خوب این است که ما می توانیم به راحتی با رویدادها کار کنیم، مانند این:

Menuitem.on("click", function() ( // کاری مفید انجام دهید ));
منو ایجاد شده است، اما اگر برنامه را اجرا کنید، هیچ منویی نمی بینید. برای نمایش منو یک روش پاپ آپ وجود دارد که در پارامترهای آن باید مختصات نمایش منو را پاس کرد.

برای نشان دادن ویژگی های اصلی منو، اسکریپت زیر را به پروژه ایجاد شده قبلی اضافه کنید سلام دنیا:

Vargui = نیاز ("nw.gui"); var menu1 = new gui.Menu(); menu1.append(new gui.MenuItem((برچسب: "Item 1"))); var subMenu1 = new gui.Menu(); subMenu1.append(new gui.MenuItem((label: "Item 2"))); menu1.append(new gui.MenuItem(( label: "Submenu", submenu: subMenu1 ))); document.body.addEventListener("contextmenu", function(ev) ( ev.preventDefault(); menu1.popup(ev.x, ev.y); return false; ));
پس از اجرای برنامه، می توانیم منوی زمینه ایجاد شده برای بدنه را مشاهده کنیم. بنابراین، ما می توانیم یک منوی زمینه برای هر عنصر تعریف کنیم.

افزودن برچسب

ابزارهایی برای ایجاد منوهای بازشو و سایر عناصر مشابه برای وب سایت شما!

↓ جدید در دسته "جاوا اسکریپت، جاوا":

رایگان
Namo WebEditor 2006 Suite یک وب سایت ساز حرفه ای و بسیار قدرتمند است. طراح می تواند در دو حالت به طور همزمان کار کند: کدگذاری تصویری و دستی. کار با سازنده نیازی به دانش HTML یا سایر زبان های برنامه نویسی ندارد، زیرا خود برنامه کد تولید می کند.

رایگان
HTML TreeView Generator 1045 است یک ابزار ساده، که لیست های کشویی HTML درخت مانند را در یک صفحه وب ایجاد می کند. علاوه بر این، زمانی که کاربرد HTML TreeView Generator برای ایجاد آنها، هر کاربری می تواند بدون دانش جاوا اسکریپت، HTML یا CSS انجام دهد. همچنین این نرم افزارمی تواند پروژه های Visual Folder Tree Builder را وارد کند.

رایگان
Greasemonkey 0.9.2 یک افزونه بسیار کاربردی برای مرورگر معروف است موزیلا فایرفاکس. با افزودنی Greasemonkey، می‌توانید اسکریپت‌های جاوای سفارشی وابسته به صفحه را خودتان بنویسید. با این اضافه شدن به مرورگر موزیلافایرفاکس، شما می توانید به سرعت و به راحتی بسیاری از ویژگی های جدید را برای تغییر ظاهر صفحه ای که در اینترنت باز می کنید اضافه کنید.

رایگان
Apycom Java Menus and Buttons 5.00 بسته ای است که می تواند جعبه های ناوبری را برای وب سایت ها ایجاد کند. منحصر به فرد بودن برنامه منوها و دکمه های کشویی در این واقعیت نهفته است که نه تنها به متخصصان، بلکه به طراحان وب مبتدی نیز اجازه می دهد تا کار خود را انجام دهند تا هم ساده ترین منوهای کشویی و هم پنل ها یا دکمه های سه بعدی باشکوه را با تعداد زیادی ایجاد کنند. عملکردبه طور مستقل نصب شده است.

رایگان
Antechinus javascript Editor 9.0 build 3 یک ویرایشگر مفید و قدرتمند است که شامل همه چیز است توابع لازم، که به نوشتن یا ویرایش کد جاوا اسکریپت کمک می کند. Antechinus javascript Editor شامل حدود 30 مثال از نحوه افزودن جاوا اسکریپت به صفحات وب خود است.

رایگان
Anfy 2.1 یک کتابخانه است که شامل 52 برنامه کاربردی مبتنی بر فناوری جاوا برای ایجاد منوهای ناوبری و جلوه های بصری است. کتابخانه Anfy به لطف وجود برنامه هایی مانند Water، Tree Menu، Fireworks، Lake، Text Scroll، Fade Banner یا Anfy Cam، امکان دادن نوع جدیدصفحه وب شما با دسکتاپ، گرافیک و محافظ صفحه نمایش.

رایگان
Adobe Edge 1.0.0.38.9626 یک محصول با کیفیت از Adobe است که برای کارکرد ابزار حرفه ایدر مورد افزودن عناصر تعاملی به وب سایت ها با استفاده از استانداردهای HTML5، جاوا اسکریپت و CSS3 و بدون استفاده از فناوری Flash برای این کار.

رایگان
مجموعه javascriptS 7.0 نوعی مجموعه است که شامل بیش از 230 اسکریپت مختلف است. "مجموعه جاوا اسکریپت" به راحتی به شما کمک می کند تا سایت خود را به روشی که می خواهید طراحی کنید. این مجموعه از DHTML و جاوا اسکریپت قابلیت کار در آن را دارد اینترنت اکسپلورریا Netscape Navigator.

رایگان
مجموعه javascript 1.0 مجموعه ای جذاب از اسکریپت های نوشته شده به زبان جاوا اسکریپت است. "مجموعه جاوا اسکریپت" می تواند از قلاب هایی برای کد HTML استفاده کند که توانایی های آن را تکمیل می کند. به لطف قابلیت‌های برنامه JavaScript Collection، می‌توانید کلیدهای متحرک را برای انجام اقداماتی مانند تغییر مسیر به سند دیگر و موارد دیگر ایجاد کنید.

رایگان
MenuEditor1 1.0.3.122 ابزاری است که تقریباً به طور مستقل یک منوی کامل در صفحات اینترنت ایجاد می کند. برنامه MenuEditor به بی تجربه ترین کاربران نیز اجازه می دهد تا منوهایی با کیفیت حرفه ای ایجاد کنند که کاملاً با برنامه های مشابه متفاوت است.