برنامج للعمل مع جافا سكريبت. ما هو أفضل محرر HTML، PHP، CSS، JS Code؟ الشروط والدورات

جافا البرنامج النصي! - برنامج لطيف لخلق آثار جيدة على جافا سكريبت. مع هذا البرنامج، يمكنك تسهيل حياتك صراحة عند إنشاء مواقع. في الأساس، من المقصود للأشخاص الذين يكتبون للغاية لكتابة البرامج النصية أنفسهم وبشكل عام أي شيء على جافا سكريبت. بالطبع، مع خلقها، كان يركز على المبتدئين، على الرغم من أنك لا تزال بحاجة إلى الحد الأدنى من معرفة HTML للعمل معها.

ما هو جافا سكريبت؟

JavaScript هي لغة برمجة برمجية موجهة نحو الكائن مصممة لإنشاء صفحات HTML نشطة. ضمن "نشط" هنا، فهناك في الاعتبار صفحات HTML التي يتم بها وضع جميع أنواع العناصر المتغيرة بشكل حيوي، على سبيل المثال:

• انخفضت القائمة عند تحوم مؤشر الماوس.
• الصور المتحركة الصغيرة بعد المؤشر أو على سبيل المثال، تتحرك إلى جزء معين من الصفحة عند النقر على أي عنصر.
• كتل المعلومات (على سبيل المثال، مع وصف مختصر البضائع) مع وقت التمرير الآلي وأكثر من ذلك بكثير.

أولئك. يتيح لك JavaScript إنشاء عناصر ويب مثل هذه الطريقة التي تتفاعل بها أي طريقة مع المستخدم، والرد على تحريك مؤشر الماوس، والضغط على المفاتيح، والتمرير في الصفحة في المتصفح، إلخ. في نفس القائمة، أضف عناصر الويب التلقائية بالكامل تؤدي أي إجراءات دون مشاركة المستخدم.

كما هو الحال في أي لغة برمجة أخرى، فإن جافا سكريبت لديها مثل هذه المفاهيم كمتغيرات، صفائف، حسابات الحسابات الحسابية، إلخ. إلخ. أولئك. ل مساعدة جافا سكريبت يمكنك إنتاج حسابات معقدة وإدارة صفائف البيانات الكبيرة وأكثر من ذلك بكثير، والذي يبقى بعيدا عن مشهد زائر الموقع.

حتى الآن ميزات المبرمجة تفتح حقيقة أن جافا سكريبت لغة برمجة موجهة للكائنات، ولكن لن يتم النظر في هذا السؤال هنا.

دراسة جافا سكريبت من خلال جافا البرنامج النصي ذلك!

أحد الأسباب الرئيسية لجافا سكريبت باعتبارها شعبية عالية بين مبرمجي الويب المبتدئين هي حيازة لغة البرمجة، ما يسمى. "دخول العتبة المنخفضة". أولئك. يكفي دراسة المعرفة الأساسية ب HTML و Language CSS Markup.

Java Script IT برنامج! يوفر أدوات لإدراج سريع في صفحة HTML من رموز مجموعة متنوعة من عناصر الويب الجاهزة المكتوبة في JavaScript. يتم تقسيم جميع العناصر المتاحة إلى 3 فئات:

1. التطبيقات - عناصر تؤدي أي وظيفة مستقلة: راية، نص رسوم متحرك، صورة متحركة، إلخ.
2. النصوص - أساسا، يتم تقديم عناصر الويب التي تديرها المستخدم هنا: النماذج لإدخال نص على قناع (التواريخ، كلمات المرور، وما إلى ذلك)، كتل تسمح لك بإنشاء عرض شرائح مع التمرير التلقائي للصور، ومجموعة متنوعة من أزرار النظام ( على سبيل المثال، لفتح مربعات الحوار لتنزيل الملفات إلى الموقع).
3. و DHTML هي مجموعة متنوعة من العناصر التفاعلية التي تتألف من علامات HTML، CSS المتتالية الجداول وبرامج النصوص JavaScript (على سبيل المثال، القوائم المنسدلة أو النماذج المنبثقة / النماذج).

أي من العناصر المتاحة لها إعدادات خاصة به. بالنسبة للبساطة وراحة إدخال / تغييرها، يتم توفير نموذج خاص.

أدخل رمز JavaScript من خلال برنامج Java Script IT! يبدو مثل هذا:

• يقوم المستخدم بإنشاء ملف باستخدام ملحق HTM أو HTML على القرص. يمكنك استخدام ملف HTML النهائي المملوء بأي رمز.
• بعد ذلك، يتم تحديد أحد عناصر الويب المتاحة، بعد - يتم ملء النموذج بإعداداته (على سبيل المثال، أبعادعناصر القائمة، إلخ).
• يتم إدراج رمز JavaScript الذي تم إنشاؤه في ملف HTML إلى موضع المستخدم المطلوب (يتم ذلك في شكل إعدادات عنصر الويب).
• مستعد.

في جاوة البرنامج النصي ذلك! بنيت في وحدة متصفح ويندوز القياسية المتصلة متصفح الانترنت.وبعد يتم عرض نتيجة العمل مباشرة بعد اكتمال نهاية عنصر الويب. يمكنك أن ترى النتيجة في أي متصفح آخر، والتي يكفي لفتح ملف HTML الذي تم إنشاؤه / تم تحريره.

إذا كنت تفتح في المتصفح مصدر صفحات HTML، يمكنك أن ترى واستكشاف رمز JavaScript نفسه. يمكنك هنا تحريرها، وتغيير القيم المختلفة يدويا. وبالتالي، سيكون المستخدم قادرا على الحصول على مهارات برمجة JavaScript الأساسية، وهي كيفية إدراج التعليمات البرمجية في مستند HTML، ما هي الأوامر المستخدمة لتكوين تلك الخصائص أو غيرها من خصائص عنصر الويب، إلخ.

بالطبع، جافا البرنامج النصي ذلك! يمكنك استخدام وملء صفحات الويب مختلفة عناصر نشطةولكن بسبب تقادم البرنامج، فمن الأكبر مناسبة للتعريف برمجة AZA في جافا سكريبت.

يتم تخصيص هذا الفصل إلى لغة برمجة البرنامج النصي JavaScript. سوف تتعلم ما هي لغة جافا سكريبت وما هو ضروري لما هو ضروري.

النظر في ميزات إنشاء مكبرات الصوت في الصفحة، نموذج النموذج، وكذلك العمل مع الطبقات والأساليب.
جافا سكريبت.- هذا هو لغة برمجة نصية موجهة نحو الكائن مع بناء جملة، ومتجميعات متشابهة قليلا لغات C، باتو بيثونوبعد على الرغم من حقيقة أن اللغة لها اسم مماثل مع اللغة جافا البرمجة، لا شيء يجب القيام به، إلى جانب جزء الاسم، ليس لديهم.

حاليا جافا سكريبت.يتم استخدامه بشكل أساسي لإنشاء سيناريوهات مضمنة مضمنة في صفحات الويب التي تتيح لك التحكم الكامل في صفحات الويب نفسها، وهناك ومتصفحات الويب التي تكون فيها صفحات الويب هذه مفتوحة. وكذلك اللغة جافا سكريبت.في معظم الحالات، يتم استخدامه لإنشاء صفحات ويب تفاعلية وتطبيقات الويب.

الإنترنت مبني على التكنولوجيا " خدمة الزبائن.».
الخوادم هي أجهزة الكمبيوتر أو البرامج التي توفر أي خدمات للعملاء، مثل خادم الويب أو خادم بريد إلكتروني.
العملاء هم أجهزة الكمبيوتر أو البرامج التي تستخدم الخوادم التي يتم تقديمها، مثل متصفحات الويب أو العملاء البريديين.

سيناريوهات جافا سكريبت.- هذه برامج صغيرة تعمل على كمبيوتر المستخدم عند التنزيل من الخادم مع صفحات الويب.

نطاق جافا سكريبت

من بداية تطورها، تم تطبيق جافا سكريبت على كتابة سيناريوهات العملاء المختلفة. تم استخدامها على نطاق واسع لحل هذه المهام، مثل التحقق من المعلومات التي أدخلها المستخدم في النموذج، قبل إرسالها إلى خادم أو برمجة من الردود على أفعال المستخدم التي تجعل صفحات الويب تفاعلية. اليوم، بمساعدة لغة الجافا سكريبت، يتم إنشاء تطبيقات الويب بالكامل، بعضها أقل شأنا من "نظرائهم" لسطح المكتب. أمثلة جيدة يمكن العثور على تطبيقات الويب هذه بين خدمات Google، مثل تقويم Google - منظم متعدد الوظائف في متصفح الويب و جوجل وثيقة. وجدول البيانات - محرر النص والمجدول، مما يسمح بالعمل مع مستندات Office مباشرة في نافذة متصفح الويب. لإنشاء محتويات ديناميكية من صفحات الويب، استخدم لغة ديناميكية صفحات HTML HTML Dynamic (HTML الديناميكي)، الجزء الرئيسي هو جافا سكريبت مرة أخرى.

سيتم تطبيق لغة JavaScript ليس فقط على الإنترنت، ولكن أيضا في مثل هذه البرامج، مثل Adobe Dreamweaver، أدوبي أكروبات. قارئ I. أدوبي فوتوشوب. لتوسيع قدراتهم، على غرار استخدام اللغة Visual Basic في Microsoft Office.

الآن فكر في إنشاء البرامج النصية وطرق لتنفيذها في مستند HTML.

إنشاء البرامج النصية

سنقوم بتحليل جميع خطوات إنشاء برنامج نصي جافا سكريبت - من تنظيم بيئة العمل قبل توصيل التعليمات البرمجية إلى مستند HTML.

للعمل على البرامج النصية، سيكون أي محرر نصي تقريبا مناسبا، مما يتيح لنا إنشاء عادي الملفات النصية واحفظها بامتداد HTM أو HTML. على سبيل المثال، في غرفة العمليات نظام ويندوز من بين المعيار هناك اثنين من محرر النصوص المناسبة - المفكرة والفصاد. هناك أيضا محررون مصمم خصيصا لإنشاء صفحات ويب، مثل Microsoft FrontPage و Adobe Dreamweaver (المعروف سابقا باسم Macromedia Dreamweaver). تتيح لك مثل هذه المحررين إنشاء صفحات ويب باستخدام أدوات مرئية، ثم قم بتشغيل وضع عرض التعليمات البرمجية وإجراء تغييرات غير قياسية، على سبيل المثال، إضافة البرامج النصية. على النقيض من ذلك محرري النصيتم تمييز بناء جملة بناء جملة لغة HTML و JavaScript في مثل هذا المحررين، وهو مناسب للغاية.

بالإضافة إلى ذلك، يمكنك العثور على عدد كبير من محرري النصوص الأخرى التي تتيح لك إنشاء صفحات ويب وتسليط الضوء على بناء جملة HTML و JavaScript. تحتوي هذه المحررين أيضا على العديد من الفرص المفيدة الأخرى التي تبسط بشكل كبير عملية إنشاء صفحات الويب وتطوير البرامج النصية. يتم توزيع العديد من هذه المحررين مجانا أو مشرويا مجانا، وربما يجب عليهم فعل بعضهم.

ستنشئ البرامج النصية التي تدير صفحات الويب، لذلك ستحتاج إلى أي متصفح ويب للتحقق من أداء هذه المستندات. لاحظ أنه من خلال التحقق من أداء إنشائك في متصفح ويب واحد، من المستحيل أن تكون واثقا في أدائها وفي غيرها. وبالتالي، فإن صفحات الويب مرغوبة للتحقق في العديد من متصفحات الويب، وماذا سيكون أكثر، كلما كان ذلك أفضل.

يجب النظر في مطوري الويب بشكل أساسي مع خصوصيات متصفح الويب مايكروسوفت الإنترنت مستكشف. وبالتالي، يجب اختبار صفحات الويب الخاصة بها في متصفح الويب هذا، والتي تتوفر في كل منها نظام التشغيل شبابيك.
نحن أيضا استخدام متصفحات الويب شعبية جدا موزيلا فايرفوكس. والأوبرا، التي تسعى إلى زيادة المعايير. يمكن تنزيل Mozilla Firefox من http://www.mozilla.ru/ و Opera من الموقع.

بشكل منفصل، النظر في تصحيح البرنامج (السيناريو). عندما يكون البرنامج النصي كبيرا، فليس من السهل فهم ذلك، أي عملية العثور على الأخطاء والقضاء عليها يمكن أن تشغل معظم وقت التطوير في البرنامج بأكمله (أو السيناريو). لتبسيط وتسريع تصحيح الأخطاء التي تم إنشاؤها برامج خاصة، بالإشارة إلى مصححوبعد المصحح النموذجي لديه مثل هذه الفرص مثل التنفيذ خطوة بخطوة للبرنامج مع توقف في كل سطر التعليمات البرمجية أو مقدما من المحطات التي تحمل علامة هذه النقاط، وكذلك تتبع وتغيير قيم كل متغير مباشرة عند تنفيذ البرنامج.

هناك العديد من البرامج لتصحيح النصوص على JavaScript. على سبيل المثال، يحتوي مصحح الأخطاء في Microsoft Script Debugger على كل ما تحتاجه بنجاح تصحيح البرامج النصية بنجاح على JavaScript. يتم استخدامه بالاقتران مع متصفح Microsoft Internet Explorer Web. يتم توزيع هذا الضابط مجانا بواسطة Microsoft، ويمكن تنزيله من الموقع. بالإضافة إلى ذلك، يتم توزيع هذا المصحح محرر مايكروسوفت. FrontPage داخل برامج مايكروسوفت محرر البرنامج النصي، الذي لا يختلف عمليا عن Microsoft Script Debugger.

هناك أيضا موظفون آخرون، على سبيل المثال، لمتصفح الويب Mozilla Firefox، يتم إنشاؤه في شكل ملحقات. على وجه الخصوص، يمكن تنزيل مصحح الأخطاء في Firebug من الموقع، وإذا انتقلت إلى هذه الصفحة في متصفح الويب Mozilla Firefox، فسيتم تثبيت مصحح الأخطاء على الفور.

لن ننظر في عملية تصحيح الأخطاء في هذا الكتاب، لأن هذا موضوع منفصل يتطلب دراسة متأنية. لكتابة سيناريوهات بسيطة، فإن التصحيح غير مطلوب.

سيناريوهات تضمينها

النظر في تضمين البرامج النصية في صفحة ويب.
يتم تقديم السيناريوهات في وثيقة HTML بثلاثة طرق قياسية:

نص كبرنامج نصي بأي لغة. تم تحديد لغة البرنامج النصي باستخدام سمة الكتابة. على سبيل المثال، يتم استخدام التعليمات البرمجية التالية لتحديد لغة JavaScript:

لا يمكن تحديد هذه السمة، نظرا لأن قيمة "النص / جافا سكريبت" هي القيمة الافتراضية.

في رمز السيناريو، يمكنك استخدام التعليقات - النص الذي يتم تجاهله بواسطة مترجم JavaScript. تعليقات // I.

قد تكون التعليقات أيضا متعددة الخطوط، مما يجعل من الأسهل تصحيح البرنامج النصي وتسمح لك التعليق على منطقة المشكلة في التعليمات البرمجية. لهذا الغرض، يتم استخدام مجموعات من الأحرف / * * /،، مثل، على سبيل المثال، في التعليمات البرمجية التالية:

قد يتم احتواء البرامج النصية في صفحة الويب نفسها، كما هو موضح أعلاه، وفي ملف منفصل. بطاقة شعار

...

4. احفظ الملف، على سبيل المثال باسم Script1.html.
بعد إنشاء صفحة ويب مع برنامج نصي، يمكنك معرفة كيفية البحث في متصفح الويب. للتأكد من أن البرنامج النصي يعمل كما ينبغي، التحقق من ذلك في جميع متصفحات الويب المثبتة على جهاز الكمبيوتر الخاص بك.
5. قم بتشغيل مستعرض الويب وفتح صفحة الويب التي تم إنشاؤها.

لذلك، إذا فعلت كل شيء على حق، فستكون هناك عشرة رسائل "مرحبا، سلام !!!" على شاشة متصفح الويب الخاص بك. (الشكل 2.3).

عند تطوير البرامج النصية، عادة ما يتم فتح محرر النصوص في نفس الوقت، مما يخلق صفحة ويب وعدة متصفحات الويب التي يتم فيها تحديد أداء صفحة الويب التي يتم إنشاؤها. بعد إجراء تغييرات على البرنامج النصي، يكفي التبديل إلى متصفح الويب وانقر فوق الزر "تحديث".

تين. 2.3. البرنامج النصي الأول الخاص بك في متصفح الويب

بناء جملة وأدوات جافا سكريبت ثابتة

اشرح الآن العناصر الأساسية لجلد JavaScript: المتغيرات وأنواع البيانات والتعبيرات والأشجار المختلفة والوظائف وما إلى ذلك. هذه المعرفة أساسية، لأنها بدونها من المستحيل فهم بقية المواد.

العمل مع المعلومات

أي برنامج أو برنامج نصي يعمل مع المعلومات، أي أنهم يتلقون بعض البيانات، ومعالجتهم وفقا لخوارزمهم، ثم، كقاعدة عامة، نتيجة معينة في شكل صورة، صوت، ملف، إشارة برنامج آخر، إلخ، يتم إرجاع.

غالبا ما تقوم سيناريوهات العميل في كثير من الأحيان بمخزن مؤقت بين المستخدم وبرنامج الخادم وممارسة البيانات مسبقا والتحقق منها.

يمكن سيناريوهات العميل تلقي المعلومات بالطرق التالية:

/ البيانات المنصوص عليها في مطور البرنامج النصي (القيم الأولية)؛
/ البيانات التي تم الحصول عليها من المستخدم باستخدام النماذج؛
/ البيانات المرسلة عبر عنوان URL؛
/ معلومات تم الحصول عليها عن طريق معالجة الأحداث، على سبيل المثال، عند تحريك مؤشر الماوس، انقر فوق أو الضغط على المفاتيح؛
/ البيانات المستلمة من مواقع أخرى أو نقلها بواسطة برنامج الخادم.

فكر في إدخال / إخراج المعلومات في JavaScript باستخدام الأساليب الثلاث التالية: تنبيه ()، موجه () وتأكيد (). هذه الطرق تولد نافذة مختلفة الرسائل.

التنبيه () طريقة

تعرض طريقة التنبيه () مربع حوار التحذير مع الرسالة المقابلة. بعد قراءة الرسالة، يجب على المستخدم النقر فوق الزر "موافق" لإغلاق النافذة. حجة هذه الطريقة هي سلسلة.

في أبسط القضية، يتم تقديم نص التحذير المرفقة في علامات اقتباس داخل الأقواس المستديرة (قائمة 2.3).

سرد 2.3. العمل مع تحذير

يتم إنشاء نافذة التحذير من قبل المتصفح نفسه، لذلك قد يختلف ظهور النافذة في المتصفحات المختلفة. في التين. 2.4 يرد عرض النافذة الناتجة عن التعليمات البرمجية المقدمة في متصفح Internet Explorer.

تين. 2.4. العمل مع تحذير

طريقة موجه ()

يستخدم موجه () للحصول على بيانات من المستخدم (سرد 2.4).

سرد 2.4. العمل مع الطلب

عند استدعاءه، يعرض مربع الحوار دعوة مع حقل نص. قد تحتوي هذه الطريقة على حجتين. الحجة الأولى هي الرسالة المعروضة في مربع الحوار. الوسيطة الثانية هي النص الافتراضي الذي يجب أن يظهر في الحقل المقابل. بالإضافة إلى ذلك، ترجع هذه الطريقة قيمة - النص الذي دخل المستخدم.

بعد بدء الصفحة برمز أعلاه، سيظهر استعلام (الشكل 2.5)، تليها تحذير.

تين. 2.5. العمل مع الطلب

في هذا المثال، يتم استخدام متغير لإظهار عمل الطريقة السريعة ()، وفي طريقة التنبيه ()، يعمل التعبير كوسيطة. سيتم وصف هذه المفاهيم أدناه.

في الطريقة السريعة ()، يمكنك حذف الوسيطة الثانية، أي سلسلة واحدة فقط.

تأكيد () طريقة

تعرض طريقة تأكيد () مربع حوار التأكيد الذي يحتوي على زرين: موافق وإلغاء (إلغاء). توفر القائمة 2.5 رمز لإنشاء نافذة تأكيد، ولكن هذا السيناريو لا يشدد على الفرق بين أزرار موافق وإلغاء.

سرد 2.5.العمل مع التأكيد

انقر فوق أي من الأزرار ستغلق مربع الحوار (الشكل 2.6).

تين. 2.6. العمل مع التأكيد

يمكن أن يتفاعل البرنامج النصي بشكل مختلف عن طريق النقر فوق زر الماوس على أزرار موافق وإلغاء.

المتغيرات وأنواع البيانات

أثناء تفسير البرنامج النصي، ينقسم المتصفح التعليمات البرمجية إلى أحرف أو كلمات أو عبارات يمكن أن تتعرف عليها. هذه العناصر تسمى lexemes. في لغة JavaScript، يتم تقسيم Lexemes إلى أربعة أنواع: المعرفات والكلمات الرئيسية والضربي والعمليات.

معرفات

معرفات- هذه هي أسماء تشير إلى المتغيرات والوظائف والكائنات. لا يمكن استخدام بعض الأسماء كمعرف، لأن لديهم معنى خاص. يتم تشكيل المعرفات باستخدام مجموعات من الرموز المختلفة مع القيود التالية:

/ يجب أن تبدأ جميع المعرفات بالحرف؛
/ بعد الحرف الأول، يمكن أن تكون بقية الشخصيات أحرف وأرقام؛
تعتبر الحروف جميع الأحرف الكبيرة والصغيرة من الأبجدية اللاتينية: من A إلى Z ومن A إلى Z؛
/ رمز التسطير (_) يعمل كحرف وغالبا ما يستخدم بدلا من المساحة التي لا يمكن استخدامها في المعرفات؛
/ يعمل رمز الدولار ($) كحرف وعادة ما يستخدم مع جيل التعليمات البرمجية التلقائي.

مجلس
يجب عدم استخدام المعرفات التي تختلف فقط على رموز السجل العلوي والسفلي، على سبيل المثال Slagid و Flagid. هذه هي معرفات مختلفة قد تسبب أخطاء في العمل.

في علامة التبويب. 2.1 يتم إعطاء أمثلة على المعرفات المسموح بها وغير الصالحة.

مسموح	غير مقبول
عدد	2my.
عاشر	الجديد
عاشر	بلدي№.
شيء على ما يرام.	شيء على ما يرام

الجدول 2.1. أمثلة على معرفات جافا سكريبت

يرجى ملاحظة أن المعرف الجديد، على الرغم من أنه يحتوي على أحرف مسموح به، يشير إلى عدد الكلمات الرئيسية، لذلك لا يمكن أن يعمل كمعرف مستخدم.

الكلمات الرئيسية والحجز

الكلمات الدالة - هذه هي المعرفات المحددة مسبقا تشكل نواة لغة الجافا سكريبت. هذه الكلمات لها معنى خاص وأداء وظائف معينة. لا يمكن استخدام الكلمات الرئيسية لمعرفات المستخدمين. في علامة التبويب. 2.2 يتم تقديم قائمة الكلمات الرئيسية JavaScript.

فترة راحة	آخر.	الجديد	نوع من.
قضية	أخيرا.	باطل	فار.
قبض على	ل	إرجاع.	فارغ.
يكمل.	دور.	يحول	في حين
تقصير.	إذا.	هذا	مع.
حذف.	في.	رمي
فعل.	حالة.	يحاول.

الجدول 2.2. جافا سكريبت الكلمات الرئيسية

نبذة مختصرة.	تعهد	int.	قصير القامة
منطقية.	يصدر	واجهه المستخدم.	ثابتة.
بايت	يمتد.	طويل.	ممتاز
شار.	نهائي	محلي.	متزامنة.
صف دراسي	يطفو	طرد.	رمي
مقدار ثابت.	اذهب إلى.	خاص	عابر.
مصحح.	تنفذ.	محمي.	متطايره.
مزدوج.	يستورد	عام

الجدول 2.3. كلمات محفوظة جافا سكريبت

حرفي

حرفي- هذه هي أرقام أو خطوط تستخدم لتمثيل القيم في جافا سكريبت. يمكن أن تكون المعلومات متنوعة للغاية، لذلك القيم هي أنواع مختلفة. يتم استدعاء أبسط أنواع البيانات في جافا سكريبت الأنواع الرئيسية من البيانات: الأرقام والخطوط والقيم المنطقية.

الأرقام في JavaScript هي نوعان: أعداد صحيحة وأرقام النقطة العائمة. يمكن أن تكون القيم الإسرائيلية إيجابية، على سبيل المثال، 1، 2، 3، سلبية، على سبيل المثال -1، -2، -3، والتساوي الصفر. بالإضافة إلى ذلك، يمكن التعبير عن القيم الصحيحة في أنظمة الأرقام العشرية أو الثمانية أو السداسية عشرية.

قد تتضمن الأرقام الموجودة في التنسيق العشري أي تسلسل للأرقام من 0 إلى 9، والتي لا تبدأ مع الصفر.

قد تتضمن أرقام تنسيق Octal أي تسلسل للأرقام من 0 إلى 7، والتي تبدأ من الصفر.

قد تتضمن الأرقام الموجودة في التنسيق الستاسي عشري أي تسلسل للأرقام من 0 إلى 9 وحروف من A إلى F، والتي تبدأ في 0x.

النظر في أمثلة تمثيل الأعداد الصحيحة في تنسيقات مختلفة (الجدول 2.4).

تنسيق عشري	تنسيق الثماني	شكل سداسي عشري
45	055	0x2d.
– 255	– 0377	- 0xFF.
10000000	046113200	0 × 989680.
10	012	0xa.

الجدول 2.4. أمثلة على الأعداد الصحيحة

تحدد أرقام النقطة العائمة الأرقام العشرية مع جزء كسور. يمكن التعبير عن هذه الأرقام في شكل طبيعي أو في تمثيل أسي. في الحالة الأخيرة، يتم استخدام الرمز لتمثيل الطلب. هيا أو هياوبعد العشرية العشرية والنظام يمكن أن تكون إيجابية أو سلبية. فيما يلي أمثلة على أرقام النقطة العائمة.

1،4142135623-35.0 4567.0002 3.4e100 -5.456E-3 0.007

تدعم لغة الجافا سكريبت أنواع بيانات المنطق التي يمكن أن تستغرق قيمين فقط: True (الحقيقة) وكاذبة. القيم المنطقية (المنطقية) ضرورية للعمل مع الشروط التي ستعرفها لاحقا في هذا الفصل.

الانتباه!
الكلمات الرئيسية TRUE و FALSE يجب أن تدار على خطابات السجل السفلي.

ربما يكون نوع البيانات الأكثر استخداما في JavaScript هو سلسلة. خط- هذه مجموعة من الأحرف (ربما فارغة)، مرفقة في اقتباسات واحدة أو مزدوجة. يتم استخدام نوعين من الاقتباسات لأن السلسلة يمكن أن تحتوي على علامات اقتباس من أي نوع. فيما يلي أمثلة على حرفية السلسلة:

"خط النص" "روسيا!" "4567" "أنظمة التشغيل" لويس كارول "أليس في بلاد العجائب" "

في بعض الأحيان قد يكون من الضروري إعطاء الكمبيوتر لاستخدام الأحرف الخاصة، مثل Tabulation أو ترجمة الصف. لتمكين أي رمز يونيكود في السلسلة، تحتاج إلى إدخال رمزه بعد حرف الخدمة \\ u as \\ uxxxx. في علامة التبويب. 2.5 يتم إعطاء أحرف التحكم الأكثر استخداما بشكل متكرر.

تسلسل التحكم	يونيكود.	وصف	رمز
\\ ب.	\\ u0008.	العودة إلى وظيفة واحدة (بخلفها)
\\ t.	\\ u0009.	Tabulation الأفقي
\\ ن.	\\ u000a.	ترجمة الصف (خط جديد)
\\ الخامس.	\\ u000b.	جدولة عمودي
\\ F.	\\ u000c.	صفحة التقديم
\\ ر.	\\ u000D.	عودة النقل
\»	\\ u0022.	التنصيص	»
\’	\\ u0027.	اقتباس واحد	’
\\	\\ u005c.	عكس مائل لعنة	\

الجدول 2.5. إدارة الرموز

يتم استخدام أحرف التحكم في كثير من الأحيان لمحاذاة البيانات (قائمة 2.6).

سرد 2.6. محاذاة البيانات باستخدام أحرف التحكم

يعتمد مربع الحوار التنبيه () على المتصفح، وبالتالي، تحدث المحاذاة في المتصفحات المختلفة بطرق مختلفة. يتم تكييف الرمز أعلاه إلى برنامج Microsoft Internet Explorer (الشكل 2.7).

تين. 2.7. المحاذاة باستخدام أحرف التحكم

بالإضافة إلى الأرقام والصفوف والقيم المنطقية، هناك نوعان من أنواع البيانات الخاصة: الوظائف والكائنات. يمكن أن تكون الوظائف مدمجة، مثل التنبيه ()، ويمكن إنشاءها بواسطة المطور. بالإضافة إلى ذلك، يمكن أن تنتمي الوظائف إلى الكائن (في هذه الحالة أساليب). يمكن أيضا أن تكون الكائنات مدمجة (على سبيل المثال، المستند)، ويمكن أن تنشأ بواسطة مبرمج. ويعتقد أن قيمة NULL هي كائن.

المتغيرات

عامل- هذا هو الاسم المعين لخلايا ذاكرة الكمبيوتر، مما يخزن بيانات معينة أثناء تشغيل البرنامج النصي. المتغيرات تبسيط تشغيل مبرمج معالجة البيانات.

اسم المتغير هو معرف، وبالتالي يطيع نفس القواعد.

قبل استخدام المتغير، يجب الإعلان عن ذلك، أي، لحجز مساحة تخزين. لإعلان متغير، بعد الكلمة الرئيسية var، يجب عليك تحديد معرفها. يمكنك إعلان العديد من المتغيرات على الفور عن طريق تحديد أسمائها من خلال الفاصلة:

فار mydata1؛ var x، y، z؛ Var K، MSG1، MSG2، IM؛

في عملية إعلان المتغير، يمكن تهيئة ذلك، أي تعيين القيمة الأولية لذلك:

فار mystr \u003d "مرحبا،"؛ var k \u003d 1000، x \u003d 12، y \u003d -5؛ var s \u003d 1.34e-5، msg11 \u003d "خطأ"، العلم \u003d خطأ؛

في حين أن المتغير لن يحصل على قيمة، فمن غير المؤكد - غير محدد. لتحديد نوع المتغير، يمكنك استخدام عملية TypeOf، والتي ترجع سلسلة مع نوع متغير (قائمة 2.7).

سرد 2.7. أنواع البيانات

أنواع البيانات

في الكود أعلاه، استخدمنا طريقة المستند.WRITE ()، والتي تتيح لك إضافة سلسلة نصية مباشرة إلى الصفحة (الشكل 2.8).

تين. 2.8. أنواع البيانات

لعرض النص، قيم المتغيرات ونوعها من وسيطة من هذه الطريقة، عبارة عن تعبير معقد إلى حد ما. المزيد من التفاصيل حول التعبيرات سيشرح أدناه.

تنقسم متغيرات العمل إلى عالمية ومحلية. المتغير المعلن داخل الوظيفة محلية، ولا تملك هذه الميزة فقط إلى قيمتها. يتم إنشاء المتغيرات المحلية وتدميرها جنبا إلى جنب مع الوظيفة المقابلة. يتم الإعلان عن المتغيرات العالمية خارج الوظائف. مثل هذه المتغيرات تسمح وظائف تبادل البيانات.

مجموعة مصفوفة- هذا متغير خاص يسمح لك بتخزين عدة قيم في وقت واحد. عادة ما ترتبط هذه القيم مع بعضها البعض، على سبيل المثال، أسماء الأشهر وأيام الأسبوع. يمكن للمصفوفات تبسيط الكود بشكل كبير وعند استخدام الدورات، قلل من تعقيد تطوير البرنامج النصي.

النظر في مثال للإعلان ووضع قيم عناصر الصفيف (إدراج 2.8).

قائمة 2.8. العمل مع مجموعة

لاحظ أنه عند الإعلان عن مجموعة، يتم الإشارة إلى عدد العناصر بين قوسين، وعند الوصول إلى العنصر، يتم تعيين مؤشرها بين أقواس مربعة. بالإضافة إلى ذلك، يبدأ ترقيم عناصر الصفيف في لغة JavaScript من نقطة الصفر، لذلك سيكون العنصر الأول من الصفيف عنصر النجوم.

يجعل JavaScript من إمكانية إخراج جميع عناصر الصفيف، وليس إدراجها واحدا تلو الآخر. للقيام بذلك، اتصل بمجموعة نفسها. والنتيجة هي سلسلة يتم فيها سرد جميع عناصر الصفيف من خلال الفاصلة (الشكل 2.9).

تين. 2.9. انسحاب جميع عناصر الصفيف

يمكن تعيين قيم عناصر الصفيف عند إعلان صفيف. في هذه الحالة، ليس من الضروري الإشارة إلى عدد العناصر في الصفيف (إدراج 2.9).

سرد 2.9. تهيئة الصفيف

لا يمكن تحديد البعد من الصفيف، لأن لغة الجافا سكريبت لا تتطلب هذا. يمكن توسيع مجموعة يتم توسيع نطاق البيانات. علاوة على ذلك، يمكنك إعلان عنصر مع فهرس. ن.من شأنها أن تزيد من طول الصفيف إلى ن + 1.وبعد يمكنك تعلم طول الصفيف باستخدام خاصية الطول (قائمة 2.10).

سرد 2.10. حجم الصفيف

على الرغم من حقيقة أنه في الحقائق عناصر في الصفيف 6، طول الصفيف 100 (الشكل 2.10).

تين. 2.10. حجم الصفيف

التعبيرات

التعبيرات- هذه هي المعاملات مجتمعة عن طريق العمليات. عادة، تعمل المتغيرات كمعاملات، ولكن التعبيرات الأخرى يمكن أن تكون أيضا. على سبيل المثال. اثنين - الثنائيةوبعد بعد ذلك، فكر في العمليات في جافا سكريبت.

عمليات الواجب

واحدة من العمليات المستخدمة بشكل متكرر هي عملية التخصيص. في أبسط القضية، تقوم هذه العملية بتعيين قيمة المتغير:

يمكن استخدام هذه العملية في وقت واحد لعدة متغيرات:

mSG1 \u003d MSG2 \u003d "Hello"

عمليات التعيين الأخرى هي مجموعات من عمليات التخصيص والحسابات أو الترابط (الجدول 2.6).

الجدول 2.6. عمليات التعيين مجتمعة

عمليات حسابية

/ إضافة - علامة زائد (+). على سبيل المثال، 5 + 7 \u003d 12.
/ الطرح - علامة ناقص (-). على سبيل المثال، 67 - 43 \u003d 24.
/ الضرب - النجمة (*). على سبيل المثال، 2 * 2 \u003d 4.
/ التسليم - ميزة مائلة (/). على سبيل المثال، 45/5 \u003d 9.
/ الحنجرة من القسم - النسبة المئوية (٪). على سبيل المثال، 7٪ 5 \u003d 2.
/ للعمل مع الأرقام، يتم استخدام العمليات الحسابية.

في البرمجة، تزيد العمليات أو تقلل المتغير لكل وحدة (زيادة عمليات الزيادة). يشار إلى الزيادة بواسطة تسلسل ++ ، وانخفاض - تسلسل — وبعد على سبيل المثال، أنا ++. هو تعبير بديل أنا \u003d 1 + 1.

التمييز بين البادئة وشكل postfix لهذه العمليات. في حالة عملية البادئة، يتم إجراء زيادة أو تقليل أولا، ويتم حساب التعبير:

أنا \u003d 4.
++ i * 2 \u003d 10

إذا تم استخدام عملية Postfix، فسيتم حساب التعبير لأول مرة، ثم زيادة أو نقصان في المتغير:

أنا \u003d 4.
أنا ++ * 2 \u003d 8

الإدراج 2.11 يدل على العمل بعمليات حسابية.

القائمة 2.11.وبعد عمليات حسابية

عمليات حسابية

في هذا المثال، يمكن الإشارة إلى أن العمليات الحسابية تطيع القواعد الرياضية. على سبيل المثال، يتم تنفيذ الضرب قبل إضافة (الشكل 2.11).

يتم ذلك على حساب أولوية العمليات التي يمكن تغييرها باستخدام الأقواس.

تين. 2.11. عمليات حسابية

عمليات المقارنة

تستخدم عمليات المقارنة لمقارنة المعاملات. في هذه العمليات، قد لا تكون المعاملات ليست فقط أرقاما، ولكن أيضا السلاسل والقيم والكائنات المنطقية. في علامة التبويب. 2.7 يتم تقديم جميع عمليات المقارنة.

الجدول 2.7. عمليات المقارنة

إدراج 2.12 يوضح التعليمات البرمجية التي يتم فيها استخدام عمليات المقارنة.

سرد 2.12.وبعد عمليات المقارنة

عمليات المقارنة

تتم مقارنة المتغيرات في التعليمات البرمجية أدناه. أنا \u003d 5. و m2 \u003d "5"وبعد يعتبرون متساوين، ولكن ليس متطابقين (الشكل 2.12).

تين. 2.12. عمليات المقارنة

العمليات على الأوتار

كما ذكرنا بالفعل، يمكن مقارنة السلاسل. بالإضافة إلى ذلك، يمكن دمجها مع عملية التسلسل. (+) أننا فعلنا بالفعل أكثر من مرة. على سبيل المثال:

S1 \u003d "مرحبا"؛ S2 \u003d "،"؛ S3 \u003d "السلام!"؛ S \u003d S1 + S2 + "" + S3؛

نتيجة لذلك، المتغير س. سوف تحتوي على سلسلة "مرحبا، العالم!".

بفضل المشاهدة التلقائية، يمكنك الجمع بين الأرقام والخطوط:

"السنة" + 2008 \u003d "عام 2008"

العمليات المنطقية

العمليات المنطقية تسمح الجمع بين التعبيرات التي ترجع القيم المنطقية. يدعم جافا سكريبت ثلاث عمليات منطقية.

تشغيل منطقي I. (&&) عائدات حقيقي.فقط إذا كانت كلا المعاملتين صحيحة. على سبيل المثال، (12) .

تشغيل المنطقية أو (||) عائدات حقيقي.إذا كان معامل واحد على الأقل صحيحا. على سبيل المثال، (22) .

تشغيل المنطق NE. (!) من غير المجهول ويغير قيمة القيمة المنطقية إلى العكس.

العمليات الشرطية

جافا سكريبت لديها عملية ?: الذي يعين قيمة المتغير اعتمادا على تنفيذ الحالة. النظر في المثال التالي:

علامة فارغة \u003d (a\u003e \u003d 0)؟ "إيجابي": "سلبي"؛

تؤثر نتيجة التعبير على علامة الاستفهام على قيمة المتغير: إذا كانت القيمة حقيقية، فسيتم احتساب التعبير على القولون، إذا كان التعبير الذي يقف بعد القراءة. في حالتنا، إذا كان المتغير أكبر من أو يساوي 0 ، عامل لافتة.يأخذ القيمة "الإيجابية"، وإلا - القيمة "سلبية".

في جافا سكريبت، هناك أيضا عمليات (على سبيل المثال، نعمة)، وهي نادرة للغاية وتحتاج إليها عند حل مهام محددة، وبالتالي لن نعتبرها.

الشروط والدورات

لتغيير إجراءات تنفيذ التعليمات البرمجية في JavaScript، هناك آليات متفرعة (إذا وتبديل المشغلين)مما يسمح لك باختيار أحد الإجراءات البديلة حسب الحالة. يتم استخدام مشغلي الدورة لتنفيذ التعليمات البرمجية المتعددة (بينما، للقيام به)وبعد دورات مريحة أيضا لمصفوفات التلاعب.

إذا المشغل

المشغل أو العامل إذا.يدير تسلسل تنفيذ الأوامر. بناء جملة هذا المشغل هو:

إذا (تعبير منطقي) (المشغلين)

في البداية، يتم احتساب تعبير منطقي، ثم إذا كان متساويا حقيقي.، يتم تنفيذ المشغلين؛ إذا كان متساويا خاطئةيتم تخطي المشغلين واستمرار تنفيذ البرنامج النصي.

النظر في مثال. لنفترض وظيفة f (x) مصممة على النحو التالي:

X + 10، مع X< 0 f(x)= x2 + 4, при 0 ≤ x ≤ 5 5 / x, при x > 5

لتحديد قيمة هذه الوظيفة في نقطة معينة، يمكنك استخدام التعليمات البرمجية الموضحة في القائمة 2.13.

سرد 2.13.وبعد مثال على المشغل إذا

إذا كنت مشغل آخر

غالبا ما تكون مريحة لاستخدام الشكل الكامل للمشغل الشرطي. باستخدام هذا المشغل، يمكنك تعيين الإجراءات التي يجب تنفيذها إذا كان التعبير المنطقي متساوي خاطئة:

إذا (التعبير المنطقي) (المشغلين 1) آخر (المشغلين 2)

علاوة على ذلك، يمكنك الجمع بين آخر.مع مشغل آخر إذا.وبعد في هذه الحالة، يمكنك التفكير في العديد من الخيارات البديلة وأداء المشغلين المناسبين:

إذا (التعبير المنطقي 1) (المشغلين 1) آخر إذا (التعبير المنطقي 2) (المشغلين 2) آخر (المشغلين 3)

أعد كتابة البرنامج النصي السابق لتحديد الدالة باستخدام ON IF. SELSE (إدراج 2.14).

سرد 2.14.وبعد مثال على المشغل إذا ..

كما يتضح من هذا الرمز، فإن الأقواس المجعد ليست مطلوبة إذا تم تنفيذ مشغل واحد فقط. ومع ذلك، يوصى باستخدامه دائما لتبسيط رمز القراءة.

تبديل المشغل

يقوم مشغل التبديل بمقارنة القيمة مع العديد من القيم الأخرى. يمكن تحقيق نفس التأثير باستخدام العديد من العبارات، ولكن يتيح لك مشغل التبديل إنشاء رمز موجز ومرئي:

التبديل (التعبير) (الحالة القيمة 1: مشغلو الحالة معنى 2: المشغلون .. الافتراضي: المشغلون)

لنفترض أنك بحاجة إلى إنشاء برنامج نصي يقوم بترجمة اسم الحيوانات من الإنجليزية (الإدراج 2.15).

سرد 2.15.

يسمح لك هذا الرمز بترجمة إحدى أسماء الحيوانات الثلاثة (الشكل 2.13).

تين. 2.13. نتيجة تشغيل مفتاح التشغيل

انتبه إلى مشغل الفاصل الذي يتوقف عن تنفيذ مشغل التبديل. خلاف ذلك، سيتم تنفيذ التعليمات البرمجية المتبقية في عبارة التبديل بغض النظر عن قيمة المتغير.

يستخدم المشغل لإنشاء دورة. يحتوي هذا المشغل على بناء الجملة التالي:

ل (تعبير التهيئة؛ الشروط التعبير؛ تعبير دورة) (المشغلين)

عادة ما يخدم تعبير التهيئة تحديد القيمة الأولية لعداد الدورة. يتوقف التعبير عن الحالة عن تنفيذ الدورة عندما يتطلب الأمر قيمة FALSE. عادة ما ينفذ تعبير الدورة زيادة أو تقليل عداد الدورة. يمكن تفويت أي من هذه التعبيرات، ولكن تتم تعيين النقطة المقابلة للفاصلة.

تقدم الإدراج 2.16 الرمز الذي يسمح لك بالعثور على الرقم العامل N! \u003d 1 ∙ 2 ∙ 3 \u200b\u200b∙ ... ... ∙ n باستخدام الدورة.

سرد 2.16. العثور على فصيل باستخدام المشغل

في هذا الرمز، يتم تنظيم دورة من 1 إلى x، وبالنسبة للبساطة، لا يتم التحقق من القيمة المقدمة من المقبولية. بناء على ذلك، يمكنك، على سبيل المثال، للحصول على قيمة اللانهاية (اللانهاية) بقيمة كبيرة من x.

يشبه المشغل بينما للمشغل، لكنه لا تهيئة العداد في إعلانه. بناء جملة هذا المشغل كما يلي:

بينما (تعبير الحالة) (المشغلين)

إذا كان التعبير عن الشرط في حين أن الدورة السرية خاطئة، فلن يتم تنفيذ المشغلين أبدا.
تقدم الإدراج 2.17 التعليمات البرمجية التي تتيح لك العثور على فصيل باستخدام دورة أثناء الوقت.

سرد 2.17. العثور على فصيل باستخدام المشغل في حين

القيام به .. أثناء الدورة

المشغل القيام به .. في الوقت نفسه مماثل تقريبا للمشغل. ومع ذلك، في هذا البيان، يتم فحص الحالة في النهاية، لذلك يضمن تنفيذ المشغلين، مرة واحدة على الأقل، بغض النظر عن حقيقة الحالة:

هل (المشغلين) أثناء (شروط التعبير)

توفر القائمة 2.18 رمزا يتيح لك العثور على فصائل باستخدام دورة Do.20ile.

قائمة 2.18. العثور على فصيل باستخدام المشغل تفعل؟

دورة ل .. في

تتيح لك دورة من أجل. تتيح لك إجراء المشغلين لكل خاصية كائن تقريبا. بناء جملة هذا المشغل كما يلي:

ل (الممتلكات في كائن) (المشغلون)

على سبيل المثال، باستخدام هذا المشغل، يمكنك إنتاج زيادة لجميع عناصر الصفيف (قائمة 2.19).

سرد 2.19. باستخدام for..in المشغل

نتيجة لتنفيذ هذا الرمز، ستزداد جميع عناصر الصفيف A بنسبة 1 (الشكل 2.14).

تين. 2.14. زيادة عناصر الصفيف

كسر ومتابعة المشغلين

في بعض الأحيان أثناء تنفيذ الدورة، هناك حاجة إلى مقاطعة الدورة بأكملها أو أحد تكراراتها. لهذا الغرض، يتم تقديم استراحة ومتابعة المشغلين. يتوقف مشغل الفاصل تماما عن تنفيذ الدورة وينقل عنصر التحكم في المشغلين بعد الدورة. يتقاطع المشغل المتابعة تنفيذ الدورة الحالية والعائدات إلى الخطوة التالية من الدورة. يظهر الفرق في هذه المشغلين في قائمة 2.20.

سرد 2.20. استخدام مشغلي الناتج من الدورة

يتيح لك هذا الرمز تحديد رقم وعناصر الأرقام التي تم إدخالها من المستخدمين المدخلة للمجموعة. في الوقت نفسه، من بين عناصر هذه الصفيف، قد يكون هناك الأصفار، ثم في عنصر الصفيف مع النتيجة ب، من الضروري إدخال Dash "-". نتيجة معالجة التعليمات البرمجية في هذه الحالة ترى في الشكل. 2.15.

تين. 2.15. استخدام مشغلي الناتج من الدورة

يدل الرمز أعلاه أيضا إمكانية إرفاق دورة واحدة إلى أخرى. من أثناء الدورتين، يمكنك الخروج فقط عند إدخال الصفر (القيمة الافتراضية). إذا قمت بإدخال أرقام أخرى، فلن تنهي الدورة العمل. يتم إيقاف دورة التنفيذ أثناء التنفيذ أحيانا إذا كان عنصر الصفيف A هو الصفر (لتجنب تقسيم إلى الصفر).

محرر الكود - أداة Programmer الأساسية. والجميع يلتقط: شخص يقدر الوظيفة، شخص التنقل، لشخص ما هو الشيء الرئيسي - التصميم والراحة. شخص ما يرغب في كتابة التعليمات البرمجية في المفكرة، ولكن يشبه محاولة بناء منزل بمطرقة.

جافا سكريبت هي لغة قوية وقابلة لها. من ناحية، ليست العديد من الأطر والمكتبات، من ناحية أخرى، هي أسهل بناء الجملة والمخاطر المرتبطة ب "الديناميات". لذلك، من المهم العثور على المحرر للعمل معها. سيضمن الاختيار الصحيح تنظيف التعليمات البرمجية وسرعة التطوير العالية والأخطاء الدنيا والسرور من العمل. ستقضي الكثير من الوقت في الاختيار من بين أحد مئات المحررين الحاليين، لذلك قمنا بتشغيل جزء من العمل المناسب لك. هنا أعلى 5.

العاصفة

تعاصم الإنترنت من JetBrains جميلة في كل من مظاهرها: ك IDE يدعم العمل مع أنظمة التحكم في الإصدار، يسمح لك بنشر التعليمات البرمجية عن بعد، مثل المحرر - وسائل الراحة القياسية، مثل تسليط الضوء على بناء الجملة ومضخة السيارات والملاحة.

فوائد:

• LiveEdit - عرض التغييرات التي تم إجراؤها على التعليمات البرمجية دون الحاجة إلى حفظها؛
• التفاعل مع الأطر، على سبيل المثال رد فعل، النيزك الزاوي؛
• أكثر من مئات الاختبارات المدمجة للكشف عن الأخطاء؛
• التكامل مع MOCHA، المنقلة، جيست، الكرمة للاختبارات الوحدة؛
• مصحح مصحح كامل على نطاق واسع لرمز التصحيح على الجوانب الخادم والعميل؛
• التنقل للعمل في وقت واحد مع ملفات متعددة؛
• رمز الرمز، الإضاءة الخلفية بناء الجملة.

سلبيات:

• يكلف 129 دولار للسنة الأولى من العمل؛
• لترميز المبتدئين، وظيفية زائدة عن الحاجة.

رمز الاستوديو المرئي.

Visual Studio IDE، تهدف إلى العمل مع التعليمات البرمجية. من السهل إتقانه، مريحة للاستخدام، وفي نفس الوقت الوظيفي.

فوائد:

• الأتمتة السياقية، بناء الجملة واستخدام المتغيرات والوحدات والوحدات والوظائف، وما إلى ذلك؛
• مصحح أخطاء مع نقاط التوقف، Challenches، وحدة تحكم تفاعلية؛
• دعم القصاصات والقوالب؛
• التكامل مع git؛
• واجهة مريحة وبسيطة؛
• محرر مجاني.

سلبيات:

• عدد قليل من الإضافات.

نص سامي

محرر مريح واختبار الوقت الذي تم اختباره الوقت، مع واجهة قابلة للتخصيص والقدرة على إجراء إجراءات تافهة باستخدام مفاتيح ساخنة.

فوائد:

• مفاتيح الاختصاري
• تنقل رمز في شكل بطاقة صغيرة؛
• القدرة على تغيير الموضوع البصري؛
• دعم مقتطف
• الإضاءة، تمرير السيارات للمتغيرات والبناء؛
• اتجاهات متعددة بسبب استخدام المؤشرات؛
• دعم نظم التجميع؛
• التحقق من بناء الجملة الحق أثناء الإدخال؛
• تخزين السيارات.

سلبيات:

• النسخة الكاملة تكلف 70 دولار؛
• لا يوجد محلل رمز لربط الروابط.

Atom Editor.

ظهرت في عام 2015 محرر الكود من GIT، ونسخ نص Sublime Text وملفوفة في الكروم.

فوائد:

• أكثر من 50 وحدة مفتوحة؛
• واجهة مريحة وممتعة.
• مجانا؛
• autocopter ورمز الإضاءة الخلفية؛
• حزم المدير التي هي بالفعل أكثر من 3.5 آلاف؛
• إعدادات محرر مرنة، حزم المكونات، واجهة؛
• التحرير والملاحة مع مفاتيح ساخنة.

سلبيات:

• أداء منخفض؛
• معدات فارغة "خارج الصندوق".

اقواس.

في عام 2014، أخافت الأقواس الأخطاء والمبرمجين العيوب، ولكن الآن إرجاع الثقة تدريجيا بوظائف ذات جودة جديدة.

فوائد:

• معدات غنية "خارج الصندوق"؛
• وضع المعاينة الحية - معاينة المحررين في المتصفح في الوقت الفعلي؛
• مدير مجموعة؛
• عرض في الرمز الصور والألوان المستخدمة؛
• autotopding وتسليط الضوء على بناء الجملة؛
• محلل رمز
• مجانا.

سلبيات:

• توجيه صارم على الويب و HTML + CSS + JavaScript؛
• تطوير بطيء
• انخفاض السرعة بسبب وظائف المعاينة.

في الوقت الحاضر جافا سكريبت. يحتل مركزا رائدا، إذا كنا نتحدث عن جزء العميل من منتجات البرامج ويستخدمه المبرمجين المحترفون ومطوري الويب في جميع أنحاء العالم. جافا سكريبت. - هذه لغة برمجة قوية مع العديد من الوظائف الموسعة والبنية التحتية مثل JQuery و Yui و Sprutcore وكابتشينو. لكن لديه بعض العيوب، على سبيل المثال، يعمل JavaScript في متصفحات مختلفة بشكل مختلف ويمكن أن تقيد الوصول إلى الموقع وراحته للمستخدم. لكن هذه العوامل يجب ألا تحد من قدرة هذه اللغة الرائعة.

للعديد من المبرمجين يعملون مع جافا سكريبت. قد يبدو صعبا بعض الشيء، لكن لدينا العديد من الأدوات لمطوري JavaScript، والتي ليست سهلة الاستخدام فقط، ولكن أيضا تظهر نتائج ممتازة في دقائق. وجود المعرفة في جافا سكريبت، يمكنك تنفيذ أي مهام - وثائق الكتابة، التحرير، الاختبار، التصحيح، إلخ.

أدوات الوثائق

jGrousedoc هو أداة تتيح لك توليد وثائق API من التعليقات في التعليمات البرمجية المصدر (البرنامج) والوثيقة، وبالتالي فإن جميع المفاهيم والوظائف الضرورية والمتغيرات والفئات والواجهات والأسماء السمعية، وما إلى ذلك، مما يؤدي إلى منتج مخصص رائع وبعد

JSDOC Toolkit هو تطبيق مكتوب باستخدام JavaScript لإنشاء تنسيقات القوالب تلقائيا وثائق HTML متعددة اللغات من شفرة مصدر JavaScript المصدر.

أدوات الضغط

JScompress هو ضاغط جافا سكريبت عبر الإنترنت يضغط ملفات JavaScript باستخدام خوارزميات الضغط مثل JSMIN و PACKER، وملفات JavaScript المضغوطة مثالية ببساطة للوسيط العام، حيث ينخفض \u200b\u200bحجمها بنسبة 30٪ -90٪.

ضاغط YUI هو بعد جافا سكريبت تم إنشاؤه من أجل الحصول على نسبة ضغط أعلى من الأدوات الأخرى التي يمكن أن تعطيها. بدءا من الإصدار 2.0 ضاغط YUI يضغط ملفات CSS باستخدام المنفذ بناء على تعبير ISAAC Schluter المعتاد.

يضغط ضاغط JavaScript ويحسن ملفات JavaScript الخاصة بك. لهذا السبب، يتم تحميلها بشكل أسرع وبالتالي تقلل من استخدام النطاق الترددي. نظرا لهذا، تظل أسماء الوظائف والمتغيرات العالمية سليمة.

ScriptAlizer هو أداة عبر الإنترنت لتقليل البرامج النصية Java و CSS التي تتيح لك حفظ مساحة على القرص الثابت نظرا لتقليل حجم التعليمات البرمجية. كما يزيل مساحات إضافية وعلامات تبويب وسلسلة فارغة ورموز للصفوف والتعليقات الجديدة، كما يحظر المحايد.

أدوات التنسيق

JSBeautifier هو أداة عبر الإنترنت تقوم بإعادة صياغة وتغيير سجلات المسافات البارزة (من كلمات الإشارة المرجعية والتطبيقية)، وشظايا "غير مرتبة" من رمز JavaScript وبرامج النصوص غير المركبة، وأيضا شظايا معقدة من البرامج النصية. ما عليك سوى إدخال التعليمات البرمجية وانقر فوق الزر "تزيين".

المحررين والأدوات IDE

Aptana Studio هي بيئة عمل لتطوير الويب من شركة رائدة في مجالها، مما يجمع بين منتجات البرامج القوية للعمل مع HTML و CSS و JavaScript. تعد Aptana Ratrails بيئة تطوير كاملة بالكامل لبناء تطبيقات احترافية تمديد رمز غني على Ruby & Rails و JavaScript و CSS و HTML.

SPKET IDE هي مجموعة قوية من الأدوات لتطوير JavaScript و XML، وكذلك عن جافا سكريبت، و XUL / XBL و Yahoo Widget. يوفر ميزات مثل توسيع التعليمات البرمجية وخطة التسليط الضوء على بناء الجملة وخطة المحتوى.

Komodo Edit عبارة عن محرر مجاني متعدد اللغات مفتوح المصدر للحصول على رمز جودة كتابة أسهل. وهو يدعم PHP، Python، Ruby، Perl و TCL، بالإضافة إلى لغات JavaScript، CSS، HTML، وقوالب، مثل RHTML، Template-Plankit، HTML-Smarty و Django.

أدوات لتصحيح الأخطاء

Firebug هو أقوى أداة للتطورات على الويب المستخدمة للتحقق من HTML وتعديل النمط والتخطيط في الوقت الفعلي، وتحليل استخدام الشبكة الدقيقة والأداء. يمكن استخدام ضابط JavaScript مع أي متصفح.

BlackBird هو مشروع تعليمات مفتوح المصدر يوفر طريقة سهلة لتسجيل المراسلة على JavaScript ووحدة التحكم الجذابة لعرضها وتصفيةها، مما يقلل من استخدام الوظيفة التنبيه أو التقليل الكاملة ().

وحدة التحكم FAUX هي جافا سكريبت يمكن إدراجها في المستند للحصول على وحدة تحكم الإعداد الأساسية في IE، ويمكنك استخدام ملفات YUI أو ملف Console.log () لتسجيل المعلومات بين المتصفحات.

JS BIN هو تطبيق ويب يساعد على اختبار شظايا رمز JavaScript و CSS في سياق محدد ورمز الأسهم. يسمح لك بتحرير واختبار JavaScript و HTML.

JSON هو تنسيق البيانات الذي يكتسب اليوم شعبية ويستخدم على نطاق واسع في العديد من مواقع الويب 2.0 مع Ajax. العديد من المواقع التي تقدم بيانات إرجاع API بتنسيق JSON. في كثير من الأحيان في البيانات المقدمة من JSON، يتم ضغط الفجوات من أجل تقليل مقدار البيانات المرسلة. يوفر لك هذا الموقع طريقة سريعة وسهلة لتنسيق JSON بطريقة يمكنك قراءتها.

Client Eclipse Marketplace (MPC) هو واجهة عميل غنية للعرض وتثبيت الحلول بناء على الكسوف. يوفر MPC تكاملا قويا للتركيب بين بيئة العمل الكسوف وسوق الكسوف، بالإضافة إلى حلول طباعة الطرف الثالث.

Venkman هو ضابط جافا سكريبت ل Mozilla، بناء على المتصفحات مثل Firefox 3.x، Netscape 7.x، Seamonkey 1.x و Mozilla Seamonkey 2.x. يتوفر الضابط أيضا كحزمة توسعية بتنسيق XPI.

JS.Class هي مجموعة من الأدوات لإنشاء برامج موجهة نحو الكائنات على جافا سكريبت بناء على Ruby. كما تقدم مدير دفعة قوية هدفه هو المساعدة في تنزيل تطبيقاتك ودعم جميع متصفحات الويب الرئيسية، بما في ذلك وحيد القرن والعقود والنارهوال.

أدوات لاختبار

يجعل Sugartest من السهل كتابة الاختبارات ل JavaScript، وهي تعمل على رأس JSUNATTEST، مثل DSL، والذي يحتوي على تثبيت، حذف، محتوى متداخلا، لا توجد تبعيات، ويتم عمل العمل ببساطة في الوقت نفسه بناء جملة معبري في الوقت نفسه.

jslint يأخذ مصدر جافا سكريبت ومسح أو مشاكل الملاحظات. إذا وجد مشكلة، فهذا يعرض رسالة تصفها، وأيضا يشير أيضا إلى الموقع حيث يجب ألا تكون المشكلة النحوية، كما تتحقق من اختيار النمط والبرامج الهيكلية.

تم إنشاؤه بواسطة John Resig (Jan Odvarko)، Fireunit هو API جافا سكريبت بسيط لاختبار بسيط على تسجيله وعرضه في علامة تبويب Firebug الجديدة.

JSUNIT هي وحدة نمطية تختار بنية جانب عميل JavaScript، مما يؤدي منفذ Junit، ويتضمن أيضا منصة لأتمتة الاختبار في المتصفحات والأجهزة الكمبيوتر المختلفة التي تعمل على تشغيل نظام التشغيل المختلفة.

YUI TEST هي بيئة اختبار لحلول JavaScript القائمة على المتصفحات التي يمكنك بسهولة إضافتها إلى حلول JavaScript. وحدات الاختبار. يوفر اختبار YUI أيضا ميزة تعريف خطأ محسن لتلك الأساليب التي تحرك الأخطاء، والاختبارات غير المتزامنة لاختبار الأحداث والاتصالات بناء على AJAX وأكثر من ذلك بكثير.

JSPEC هي بيئة اختبار صغيرة جدا ولكنها قوية للغاية تستخدم قواعد القواعد الخاصة بها ومجموعها، وتشمل العديد من تقلصات الحروف، وبناء جملة مقروءة، ودعم ASYNC وحنيف، وصف استثمر، صورة شائعة للعمل، دعم الملحقات، AJAX التقليد والكثير آخر.

Jslitmus هي أداة خفيفة الوزن لإنشاء تحكم متخصص للغاية في جافا سكريبت، والذي يعمل مع جميع المتصفحات الأكثر شيوعا. لديها مصدر مفتوح، رخصة نمط معهد ماساتشوستس للتكنولوجيا، ودورات اختبار التكيفية ويمكن وضعها أيضا على صفحات الويب الحالية أو التطبيقات.

يتم استخدام مدقق JavaScript المعلقة لتتبع صفحة الويب الخاصة بالعناصر A ؛؛، وعندما يجد عنصر HTML مع أحداث مضمنة، فإنه يبرز هذا القسم بإطار أحمر، وروابط جافا سكريبت: - التوت.

أدوات مفيدة أخرى

PrettyPink هو زخار JavaScript المتغير (Domper) المدمج في المتصفح، والذي يمنحك القدرة على طباعة كائنات أي نوع للعرض أثناء جلسات الإعداد بتنسيق الجدول. لا يتطلب أي طاولات أسلوب وصورة، يمكن أن تعمل مع عدد لا حصر له من الكائنات المتداخلة، يحمي من المراجع الدائرية / المتكررة ومتوافق تماما مع JSLINT.

Firediff هو امتداد ل Firebug، مصمم لتتبع التغييرات على DOM و CSS، أي أنه يراقب التغييرات التي توفر القدرة على فهم وظائف التطبيق، وتسجيل أيضا التغييرات التي تم إجراؤها وتعديل عرض الصفحة.

JS Charts هي مولد رسومات جافا سكريبت، مما يتيح لك إنشاء رسومات باستخدام قوالب مختلفة، مثل الرسم البياني والرسوم البيانية الخطية البسيطة.

PASEPEED هو ملحق Firefox / Firebug مفتوح المصدر، يستخدم لتقييم إنتاجية صفحات الويب والحصول على توصيات لتحسينها. كما أنه يسرع عمل موقعك، يقلل من استخدام عرض النطاق الترددي للخط وتكلفة الاستضافة.

يتضمن Profiler Rockstar Web Profiler أو Razor ثلاثة مكونات، وهي خادم Rockstar Profiler لتحليل اتصالات الشبكة وأداء الخادم، وتحقيق Profiler RockStar لتحليل أداء العميل لجانب العميل ووحدة التحكم في ملف تعريف Rockstar، وهي معلومات لتحليل تحليل البيانات المعنية بالأداء.

المحمول (تحت Safari) هيكل JavaScript في شكل مخفض يزن أقل من 8 كيلو بايت، يشير إلى مختبر Sizzle في iPhone، ويدعم CSS وتحولات الرسوم المتحركة، وهو موجه نحو الكائنات وتوسيعه بسهولة.

pHP.JS - مشروع مفتوح المصدر من أجل تحويل وظائف PHP عالية المستوى إلى منصات JavaScript ذات المستوى المنخفض، مثل متصفحات الويب، ملحقات المستعرض، محركات الهواء، محركات SSJS، مثل V8، وحيد القرن والبريدمونكي.

JSSPEC هي عبارة عن جافا سكريبت "السلوكيات"، والتي تظهر الفرق بين القيم المتوقعة والقيمة الحقيقية، يدعم بوضوح خط الضرر، يدعم الدعم الشرطي ل IE 6 أو IE 7، Firefox 2 و Safari 3.

Mochaui هي مكتبة لواجهات المستخدم في شكل تطبيق ويب استنادا إلى JavaScript على Mootools JavaScript المستخدمة في تطبيقات الويب وعناصر الويب على سطح المكتب والمواقع الإلكترونية والأحداث وصناديق الحوار الفردية.

تسلط Shightlight.js الضوء على بناء الجملة في مثال التعليمات البرمجية في المدونات، على المنتديات، وبشكل عام، على أي صفحة ويب. يجد تلقائيا كتل من التعليمات البرمجية، وحدد اللغة ويبرزها.

المكتبات المرافق ومكونات JavaScript

التحميل هو البرنامج المساعد ل JQuery، مما يجعل من السهل دمج العديد من التنزيلات على موقعك والتي تتطلب فلاش أو أي لغة تطوير داخلية أخرى. التنفيذ الرئيسي بسيط للغاية ويوفر فرصا هائلة لتعديل المستخدمين ذوي الخبرة.

يعد Burst مثالا على الرسوم المتحركة المميزة باستخدام تقنيات JavaScript و HTML5 ودون أي استخدام لتكنولوجيا الفلاش. يتم إنشاء ملف SVG باستخدام inkscape. الانفجار مماثلة بمثابة jQuery.

يبني JSTestdriver آلة اختبار على جافا سكريبت، والتي يمكن دمجها بسهولة في أنظمة معطفية مستمرة؛ يتيح لك تشغيل الاختبارات بسرعة على المتصفحات المختلفة لتسهيل تطوير أنماط TDD ويوفر تنفيذ الاختبار السريع، والتحكم بالكامل في DOM، والتحكم من سطر الأوامر وهلم جرا.

Booklaylet هو رمز Booker-Bookbird، قم بتنزيل أي محتويات من صفحة أخرى داخل النافذة المفتوحة باستخدام طبقات DIV وطبقات iFrame. يعمل مع متصفحات Firefox و Safari و Opera، ولكن لا يعمل مع Internet Explorer.

javascriptools هي مجموعة من المكونات والوظائف وفئات JavaScript، والتي تعمل فيها الوظائف عمليات أساسية مع الكائنات والخطوط وصفائف البيانات وحقول النماذج وما إلى ذلك. تحتوي المجموعة على جدول ديناميكي يدعم صفحة ترحيل الصفحات من الملفات والفرز والتحرير وتخصيصها بالكامل باستخدام CSS.

liteagax دليل على مفهوم فصول أياكس الخفيفة.

JSPDF هي مكتبة لتوليد وثائق PDF باستخدام JavaScript وأشجار مفتوحة. يمكن استخدامه في ملحقات Firefox، جانب خادم JavaScript مع بيانات URL في بعض المتصفحات.

Narwhal هو منصة عرضية، بيئة تطوير تفسيرية متعددة الجافا سكريبت، والتي تبني تطبيقات وهياكل JavaScript مثل Nitro. يتضمن مدير الحزم ونظام الوحدة النمطية والمكتبة القياسية لمترويفات الجافاسيبت المتعددة.

مكتبات مفيدة JavaScript وغيرها من الأدوات

طريقة TableCleoth هي وسيلة سهلة وغير مزيدة لإضافة أسلوب وصورة إجراءات في جداول عناصر HTML الخاصة بك. يضيف وظيفة تعيين أسماء فئة فردية حتى خطوط بديلة، وأضاد أسماء الفئات إلى وضع الماوس فوق المنطقة المحددة وخارجها.

Moousture هي مكتبة نزوح الماوس، مكتوبة فقط على جافا سكريبت ولديها القدرات والمرونة للفة لك. تتم كتابة المكتبة على Mootools، والتي تتبع المعايير الموجهة للكائنات. هدفها هو البدء في العمل على هيكل حركة الماوس المستقبلية في أي متصفح، بما في ذلك الأجهزة المحمولة الحديثة.

أدوات JQuery هي عبارة عن مجموعة من أهم مكونات واجهة المستخدم للمواقع الحديثة، حيث يمكن استخدام جميع الأدوات معا وتوسيع وتكوين وإعادة تدويرها. يتم استخدامه من قبل مواقع كبيرة في جميع أنحاء العالم.

يتم استخدام TIPIMAIGS لإنشاء وتسديد تصوير الأدوات فوق الصور، وإنشاء أجزاء مربعة من الصور وتجعلها وصفا يظهر في شكل غيوم من طرف. يدعم أيضا استخدام وظيفة رد الاتصال الخاصة.

qgallery هو برنامج صغير في شكل سطر الأوامر يعالج الصور بتنسيق JPEG وإعادة تسمية الملفات على وجه التحديد في بعض هياكل المجلدات لتشكيل معرض HTML ثابت للمنشورات، يقوم تلقائيا بإنشاء فهارس الصور للمعاينة والتعليقات لكل صورة وصور إضافية و HTML يمكن إضافته لاحقا.

يعد LivePipe UI مجموعة من الحاجيات العالية والتحكم في تطبيقات الويب 2.0 باستخدام إطار JavaScript النموذج الأولي، حيث يتم اختبار كل عنصر تحكم جيدا، مفتوحا جيدا، تم توثيقه واستبداله بمرونة بإصدار أكثر مبسطة في المتصفحات دون تمكين JavaScript.

javaScript Virtual Keyboard هو نظام الاستخدام المتعدد لإضافة واجهة لوحة مفاتيح رسومية لاختبار الحقول وحقول إدخال كلمة المرور وحقول النص. كما يوفر سهولة الوصول إلى الشخصيات الخاصة.

يمكن أن يقوم نصاء الجدول غير مزعج بإجراء برنامج نصي على الطاولة مع Stripes، يدعم حركة المؤشر على القائمة والآثار والآثار الأفقية والرأسية على نقل المؤشر فوق الخلايا الفردية، ويمكن أن تعمل مع مجموعة الصفوف و Collspans، كما يعمل بسرعة في Internet Explorer.

GlassBox هي واجهة مستخدم JavaScript خفيفة تستخدم النموذج الأولي والكاتفاء .ACULO.US لتحقيق بعض التأثيرات. يسمح لك GlassBox بإنشاء إطارات مضيئة مشرقة ومخططات ألوان وتأثيرات "ضمن" فلاش ".

Glimmer هو أداة تصميم تفاعلية أو تطبيق Windows يمكنه بسهولة إنشاء رسوم متحركة وإحساس التفاعل، وكذلك التأثيرات الأخرى. كما يولد JQuery و XHTML و CSS.

يتم استخدام المراقبين لأداء وظائف مفيدة، يسمح لك المرجعية بإنشاء عنوان URL من جافا سكريبت وتطبيقه على المفضلة لديك. أدخل رمز JavaScript الخاص بك، وستفعل الإشارات المرجعية كل شيء آخر.

يقوم مولد JavaScript Regex بإنشاء النسبي الصحيح للتعبيرات الأساسية التي يجب أن تدخل فيها فقط للاختبار وتمييز الأجزاء التي يجب أن تقارنها Regex. النسخة التجريبية من الأداة تسمح لك بإضافة سبع مجموعات.

يحتوي الجدول الرئيسي التوافق على روابط إلى جداول منفصلة. كما أن لديها مفاتيح متوافقة مع الجداول التي تحدد معتمدة تماما، بصعوبة أو غير مدعومة على الإطلاق.

ليس سرا في عصرنا جافا سكريبت. أصبحت واحدة من لغات البرمجة الأكثر شعبية. في التسعينيات البعيدة، في وقت اسم اللغة عندما تم إنشاؤها مع الغرض الوحيد المتمثل في إضافة تفاعل صفحات الويب وتحسين عملية التفاعل مع المستخدم، كان من شأنه أن يحقق أنه سيحقق غير مسبوق للغاية مرتفعات. بعد كل شيء، يمكنك الآن أن تفعل أي شيء تقريبا. تريد أن تكتب موقع ويب: وخلفي و Frontand على جافا سكريبت؟ مرحبا بك! هل تريد كتابة تطبيقات محمولة على جافا سكريبت؟ لا مشاكل. برنامج متحكم - ثم جافا سكريبت يأتي إلى مساعدتكم.

هناك بالطبع عيوب صغيرة في نهج استخدام JavaScript في كل مكان، ولكن إذا كنت تفكر في مقدار الوقت والقوة التي يمكن حفظها من خلال دراسة بعض اللغات فقط، خاصة إذا كان يجب أن يعمل التطبيق نفسه على منصات مختلفة. منصات مختلفة تقول؟ HMM ... بالضبط - منصات مختلفة - الآن JS يمكن أن تحمل تطبيقات سطح المكتب لنظام التشغيل Windows، Linux، Mac، كيف تسأل؟ الجواب بسيط: يجتمع - NW.JS..

node.js. - منصة البرامج المستندة إلى محرك V8 الذي يبث البرنامج النصي في رمز الجهاز. تأسست هذه المنصة في عام 2009 بشكل أساسي للعمل مع المواقع الخلفية.

WebKit. - محرك مجاني تم تطويره بواسطة Apple. لأول مرة تم الإعلان عنها في رحلات السفاري في عام 2003
لذلك، ستتوفر التعليمات البرمجية المكتوبة في JS لهذه التكنولوجيا مثل وحدات Node.js و API للمتصفح القياسي (على التوالي، WebKit)

بداية سريعة

كل هذا جيد بالتأكيد، ولكن لماذا تبدأ؟ في GitHub، يمكنك العثور على مستودع وتنزيله مع شفرة المصدر. يمكنك هنا العثور على روابط مباشرة للتنزيل تحت المنصة التي سيتم فيها إجراء التطوير. من بين أشياء أخرى، نحن بحاجة إلى node.js.js.js.

بعد تنزيل البرنامج الضروري وتثبيته، كتبت طلبك على JS المفضلة لديك (اقرأه أكثر) وكل شيء مترجم في مجلد واحد. يتم إصدار كل شيء أصعب كل شيء ويقوم به الآن أصعب كل شيء في ملف واحد واستعد للتوزيع. لتبسيط، يمكنك استخدام مكتبات جاهزة، مثل Builder NW. لن يكون تثبيت المكتبة صعبا إذا كنت قد عملت بالفعل مع Node.js. كما تعلمون، في تكوين node.js يدخل nPM Package Manager.مع التي تحتاج إلى العمل من سطر الأوامر. من أجل وضع أي مكتبة، يجب عليك تنفيذ الأمر:

\u003e تثبيت NPM [biblift_name] [خيارات]
يرجى ملاحظة أنه يمكن تثبيت المكتبة، محليا وعالميا، للتثبيت المحلي، استخدم الخيار - ديف.، بالنسبة إلى العالم ج.وبعد وبالتالي، سنقوم بتسليم جامعنا من أجل NW.JS على مستوى العالم من خلال إكمال الأمر:

\u003e NPM تثبيت NW-Builder -g
من أجل جمع تطبيقنا، يجب عليك تنفيذ الأمر (مع وجود عدد كبير من الخيارات يمكن العثور عليها في الوثائق):

\u003e NWBUILD -P [اسم النظام الأساسي] - [path_papka_tela_bequito_versiy] [path_do_divets]
قد تكون القيم التالية باسم النظام الأساسي: Win32، Win64، OSX32، OSX64، Linux32، Linux64.

أثناء التطوير، ليست هناك حاجة لجمع التطبيق في كل مرة، يمكنك ببساطة بدء تشغيلها كما وستفتح في نافذة منفصلة. للقيام بذلك، قم بتشغيل تطبيق NW.EXE من سطر الأوامر ونقل المسار إلى المجلد إلى التطبيق الخاص بك كمعلمات. بالإضافة إلى ذلك، إذا كنت تعمل تحت Windows، فيمكنك ببساطة سحب المجلد باستخدام التعليمات البرمجية المصدر إلى JS باستخدام طريقة Drag-N-Drop (يرجى ملاحظة أن المجلد بأكمله هو المجلد بأكمله) في NW.EXE.

مرحبا بالعالم!

الآن بعد أن تعرف كيفية بدء تشغيل التطبيق، وكيفية تجميعها في ملف واحد، دعونا نكتب أي شيء. من خلال التقاليد، تبدأ الإلمام بالمنصة الجديدة بكتابة تطبيق Hello، العالم.

لهذا التطبيق، لن نحتاج حتى جافا سكريبت.، فقط لغة البرمجة.وبعد إنشاء مجلد يسمى مرحبا بالعالموبعد موقف داخل الملف index.html مع العلامات التالية:

بالإضافة إلى ذلك، لكل تطبيق تحت NW.JS، تحتاج إلى ملف يجب استدعاؤه package.json.وبعد سوف يستفيد المعلومات لبناء تطبيق. قم بإنشاء خيار أبسط ملف ووضعه في المجلد مرحبا بالعالموبعد وبالتالي:

(اسم ":" Hello-World "،" الإصدار ":" 1.0.0 "،" الوصف ":" التطبيق الأول "،" Main ":" index.html "،" المؤلف ":" Developer "،" Window ": (" شريط الأدوات ": FALSE،" العرض ": 500،" الارتفاع ": 200))
محتويات الملف واضحة دون توضيح (لاحظ ذلك الحقول الإلزامية فقط الرئيسية والاسم). في رئيسي. يجب عليك كتابة ملف بمراكز، والتي ستكون نقطة الدخول في التطبيق. القطاع الثامن نافذة او شباك. يضبط معلمات النافذة (في هذه الحالة، نطفئ شريط الأدوات وتعيين حجم النافذة 500x200).

بالإضافة إلى ذلك، يمكنك تكوين مثل هذه الحقول ك (للقائمة الكاملة للخيارات، اتصل بالوثائق):

• أيقونة - حدد المسار إلى الرمز (تجاوز المعيار)
• موضع - يمكنك تحديد موضع النافذة عند التحميل ( باطل, مركز أو الفأر.)
• min_width., min_height., max_width., اقصى ارتفاع - حد حجم النافذة
• قابل للتغيير - قيمة منطقية يمكن عرضها من قبل المستخدم لتغيير حجم النافذة
• تكبير الشاشة. - تمكين وضع ملء الشاشة
• كشك. - قم بتشغيل وضع كشك
• شفاف - اصنع نافذة شفافة

يتم إنشاء التطبيق ويمكنك تشغيله. بعد البدء (كيفية القيام بذلك، انظر القسم أعلاه) يجب أن تحصل على النافذة التالية:

يتم كتابة التطبيق، ولكن في عنصر حرف واحد فقط وليس هناك منطق على الإطلاق، وماذا تفعل إذا كنا غنيين في عناصر العلامات والمنطق المعقد؟ عنصر في ملف التكوين يأتي للمساعدة شريط الأدواتالتي أنشأنا في false. من أجل جعل أدوات التصحيح المتاحة، فمن الضروري تثبيت شريط الأدوات في صحيحوبعد بعد القيام بذلك عند بدء تشغيل التطبيق، سنحصل على النافذة التالية:

بعد الضغط على الزر في الزاوية اليمنى العليا، سيتم فتح نافذة أخرى فيها أدوات المطور المألوفة:

العمل مع الضوابط الأصلية

NW.JS يسمح لك بالعمل مع ضوابط أصلية. النظر في العمل على المثال قائمةوبعد للعمل مع أدوات التحكم الأصلية في UI في NW.JS، يجب عليك استخدام الوحدة النمطية nw.gui.والتي يمكن أن تكون متصلا كما يلي:

var gui \u003d تتطلب ("nw.gui")؛
القالب العام لاستخدام الضوابط:

VAR Element \u003d new gui.elementname (الخيار)؛
وبالتالي، لإنشاء عناصر القائمة، يمكنك استخدام التصميم التالي:

VAR MENU \u003d NEW GUI.MENU ()؛
بالإضافة إلى ذلك، يمكن تغيير أي خصائص للكائن الذي أنشأناه بسهولة مع هياكل JS القياسية، على سبيل المثال، كما يلي:

menu.title \u003d "(! LANG: عنوان جديد"; !}
يتم إنشاء القائمة، والآن تحتاج إلى ملء ذلك، للتلاعب عناصر الأطفال هناك طرق:

menu.append (gui.menuitem جديد ((تسمية: "تسمية عنصر القائمة"))؛ menu.removeat (0)؛
بالإضافة إلى ذلك، للحصول على المزيد من العناصر المضيفين في القائمة، يمكنك استخدام الطريقة إدراج.، الذين معلمات تحتاج إلى تمرير عنصر القائمة. ورقم الموقف حيث لإدراجه ( موقف قبل العنصر الأول يتوافق مع 0).

للوصول إلى العناصر التي تم إنشاؤها، يمكنك استخدام الخاصية. العناصر.:

menu.items.title \u003d "(! Lang: عنوان جديد" !}
يرجى ملاحظة أنه من المستحيل إنشاء العناصر مباشرة:

menu.items \u003d gui.menuitem جديد ()؛ // خاطئ
الشيء الأكثر أهمية عند العمل مع الضوابط الأصلية، وتذكر ذلك أي خطأ عند العمل معهم يمكن أن يؤدي إلى انهيار التطبيق بأكمله.لذلك، من الضروري أن تكون منتبهة للغاية، وإذا أمكن، عند إزالة العناصر، قم أيضا بتعيين قيمة متغيرة فارغة. في هذا الطريق لإزالة السيطرة، يمكنك القيام بما يلي:

Control.remove ()؛ السيطرة \u003d null؛
لعمليات أكثر ملاءمة مع عناصر التحكم، يتم تورطها من EventEmitter، لذلك أخبار جيدة هي أنه يمكننا بسهولة العمل مع الأحداث، على سبيل المثال:

menuitem.on ("انقر"، وظيفة () (// القيام بشيء مفيد))؛
تم إنشاء القائمة، ولكن إذا قمت ببدء تشغيل التطبيق، فلن ترى أي قائمة. لعرض القائمة، هناك طريقة منبثقة، في معلماتها ضرورية لنقل الإحداثيات لعرض القائمة.

لإظهار الميزات الرئيسية في القائمة، أضف البرنامج النصي التالي إلى المشروع الذي تم إنشاؤه مسبقا. مرحبا بالعالم.:

var gui \u003d تتطلب ("nw.gui")؛ var menu1 \u003d new gui.menu ()؛ MENU1.APPEND (GUI.Menuitem ((تسمية: "البند 1")))؛ var submedu1 \u003d gui.menu جديد ()؛ submentu1.append (gui.menuitem ((تسمية: "البند 2")))؛ MENU1.APPEND (GUI.Menuitem (New Gui.Menuitem ((التسمية: "القائمة الفرعية"، القائمة الفرعية: Submenu1)))؛ document.body.addeventlistener ("contextmenu"، وظيفة (EV) (ev.preventdefault ()؛ menu1.popup (ev.x، ev.y)؛ العودة كاذبة؛))؛)؛
بعد بدء التطبيق، يمكننا أن نرى قائمة السياق التي تم إنشاؤها للجسم. وبالتالي، يمكننا تحديد قائمة السياق لأي عنصر.

اضف اشارة