Journey.js

رحلة

؟ مكتبة جافا سكريبت خفيفة الوزن وسهلة الاستخدام لإنشاء جولات تفاعلية وقابلة للتخصيص ويمكن الوصول إليها عبر مواقع الويب الخاصة بك أو تطبيقات الويب!

v2.2.0

ما هي الميزات التي تمتلكها Journey.js؟

• صفر الاعتماد وخفيفة الوزن للغاية!
• مكتوبة في TypeScript ، مما يتيح دعمًا أكبر لـ React و Angular وغيرها من المكتبات!
• API الكامل المتاحة عبر الوظائف العامة.
• تم تصميمه بالكامل في CSS/Sass ومتوافق مع مكتبة Bootstrap.
• دعم سمة CSS الكامل (باستخدام: متغيرات الجذر ، مع موضوع الافتراضي وضع الظلام).
• المشغلات المخصصة للإجراءات (عندما يتم عرض مربع الحوار لعنصر ، أو مخفي ، إلخ).
• مفاتيح الاختصار (انقر هنا لمشاهدة القائمة الكاملة).
• دعم معلمات URL للمتصفح (انقر هنا لمشاهدة القائمة الكاملة).
• تدعم التلميحات (غير مدرجة في الرحلة الرئيسية).
• 51 ترجمات اللغة المتاحة!
• تلميحات الأدوات القابلة للتخصيص.
• إظهار نقاط التقدم ، أو شريط التقدم ، أو كليهما!
• قم بتجميع خطواتك في رحلات منفصلة!
• مربع الحوار نقل الدعم!

أين يمكنني العثور على الوثائق؟

يمكن العثور على جميع الوثائق هنا:

ما المتصفحات المدعومة؟

جميع المتصفحات الحديثة (مثل Google Chrome و Firefox و Opera) مدعومة بالكامل.

ما هي اللغات المدعومة؟

• af Afrikaans
• ar العربية
• hy Armenian
• be بيلاروسي
• bn
• bg البلغارية
• ca CATALAN
• zh الصيني (مبسط)
• da الدنماركي
• nl Dutch
• en الإنجليزية (افتراضي)
• eo esperanto
• et الإستونيين
• fa الفارسي
• fi الفنلندية
• fr الفرنسية
• fy
• gl
• ka جورجيا
• de الألمانية
• el اليونانية
• he العبرية
• hi الهندية
• hu الهنغارية
• is آيسلندي
• id إندونيسي
• ga الأيرلندية
• it إيطالية
• ja يابانية
• ko الكورية
• lv
• lt Lithuanian
• lb Luxembourgish
• ms مالاي
• ne
• no النرويجي
• pl
• pt العمال البرتغالي
• ro رومانية
• si سينهاليز
• sk سلوفاك
• سلوفينية sl
• es الإسبانية
• sv السويدي
• tl tagalog
• ta
• zh-tw تايوانيين
• te التيلجو
• th
• tr التركية
• uk الأوكرانية

ما هي أحدث التغييرات؟

لمشاهدة قائمة بجميع التغييرات الأحدث ، انقر هنا.

كيف أقوم بتثبيت Journey.js؟

يمكنك تثبيت المكتبة باستخدام NPM في دليل الوحدات النمطية المحلية باستخدام الأمر التالي:

npm install jjourney.js

أو يمكنك تنزيل أحدث إصدار مضغوط هنا.

أو يمكنك أيضًا استخدام روابط CDN التالية:

 https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.min.js
https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.js.min.css

كيف أبدأ؟

للبدء في استخدام Journey.js ، قم بالخطوات التالية:

1. المتطلبات الأساسية:

تأكد من تضمين علامة "Doctype HTML" في الجزء العلوي من HTML الخاص بك ، على النحو التالي:

 <! DOCTYPE html >

2. تضمين الملفات:

< link rel = " stylesheet " href = " dist/Journey.js.css " >
< script src = " dist/Journey.js " ></ script >

3. ملزمة عنصر DOM:

< button data-journey-js = " { 'title': 'Get Version', 'description': 'Logs the current version of Journey.js to the developers console.', 'order': 6 } " onclick = " console . log ( $journey . getVersion () ); " >Get Version</ button >

للاطلاع على قائمة بجميع خيارات الربط المتاحة التي يمكنك استخدامها لـ "Data-Journey-JS" ، انقر هنا.

للاطلاع على قائمة بجميع المشغلات المخصصة المتاحة التي يمكنك استخدامها لـ "Data-Journey-JS" ، انقر هنا.

4. الانتهاء من:

لبدء الرحلة ، اتصل بالوظيفة العامة التالية:

< script > 
  $journey . start ();
</ script >

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

كيف يمكنني تخصيص رحلة. js؟

للتخصيص ، والحصول على المزيد من الرحلة ، يرجى قراءة الوثائق التالية.

1. الوظائف العامة:

لمشاهدة قائمة بجميع الوظائف العامة المتاحة ، انقر هنا.

2. التكوين:

تتيح لك خيارات التكوين تخصيص كيفية عمل Journey.js. يمكنك ضبطها على النحو التالي:

< script > 
  $journey . setConfiguration ( {
      safeMode : false
  } );
</ script >

لمشاهدة قائمة بجميع خيارات التكوين المتاحة التي يمكنك استخدامها ، انقر هنا.

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