كيف تصنع لوحة القيادة الخاصة بك

الإعلانات

مع كل أحاديث التفرع, الحيل, مواقع الويب التي تسرق وحدة المعالجة المركزية الخاصة بك لتعدين العملات البديلة، وتقلب الأسعار الجنوني ، أصبحت العملات المشفرة ("التشفير") أكثر انتشارًا.

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

ملحوظة: شراء العملات المشفرة استثمار مضارب للغاية. لا تستثمر أبدًا أكثر مما تستطيع ، وكن مستعدًا لخسارة كل ليلة.

ابدء

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

بمجرد التحديد ، سيتم نقلك إلى نظرة عامة على العملة

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

إليك كيف يبدو رمز الأداة للبيتكوين:

سواء كنت في بيتكوين, Ethereum, تموج, دوج كوين، أو أي دولة أخرى من بين 1000+ لبديل (alt) العملات المعدنية المتاحة ، هذه العملية هي نفسها تمامًا: ابحث عن عملة معدنية ، ثم انسخ رمز الأداة.

إذا كنت ترغب في الحصول على الهوى مع الأتمتة ، يمكنك استخدام مؤشر API وأداة جدولة مثل كرون كيفية جدولة المهام في لينكس مع Cron و Crontabتعد القدرة على أتمتة المهام واحدة من تلك التقنيات المستقبلية الموجودة هنا بالفعل. يمكن لكل مستخدم Linux الاستفادة من نظام الجدولة ومهام المستخدم ، وذلك بفضل cron ، وهي خدمة خلفية سهلة الاستخدام. اقرأ أكثر لأداء أي شيء تريده تقريبًا. يتجاوز نطاق هذه المقالة بعض الشيء ، ولكن يمكنك إنشاء تنبيه عبر البريد الإلكتروني إذا انخفض السعر إلى أقل من حد معين ، على سبيل المثال.

بناء صفحة الويب

الآن بعد أن أصبح لديك الأداة ، تحتاج إلى إنشاء صفحة HTML أساسية لعرضها. باستخدام محرر النصوص المفضل لديك ، قم بإنشاء ملف HTML جديد يسمى dashboard.html.

إليك رمز البدء الذي تحتاجه:

قم بلصق كود عنصر واجهة تعامل HTML الخاص بك بين الجسم العلامات. بالعودة إلى Bitcoin ، يبدو الرمز بالكامل كما يلي:

هذا كل ما في الامر. هو حقا بهذه البساطة لإنشاء لوحة معلومات العملة المشفرة الخاصة بك.

جعلها جميلة

بينما لوحة القيادة هذه تقنيا انتهى ، هذا ليس رائعًا. تملأ الأداة الشاشة أفقياً ، ولكنها ليست طويلة جداً رأسياً. لنقم بتصميمه مع اوراق النمط المتعاقب 5 خطوات طفل لتعلم CSS و لتصبح ساحر CSSCSS هي أهم صفحات التغيير التي شهدتها صفحات الويب في العقد الماضي ، ومهدت الطريق لفصل النمط والمحتوى. بالطريقة الحديثة ، يحدد XHTML البنية الدلالية ... اقرأ أكثر (CSS).

تحت عنوان، أضف أسلوب بطاقة شعار:

داخل علامات النمط هذه هي المكان الذي ستكتب فيه CSS. إليك ما تحتاجه:

.coinmarketcap-currency-widget {width: 33٪؛ الهامش: 100 بكسل تلقائي ؛ }

يقوم هذا CSS البسيط بعمل شيئين. باستخدام طراز كائن المستند جافا سكريبت وتطوير الويب: استخدام نموذج كائن المستندستعرفك هذه المقالة على الهيكل العظمي للمستندات الذي تعمل به JavaScript. من خلال معرفة عملية بنموذج كائن المستند التجريدي هذا ، يمكنك كتابة JavaScript تعمل على أي صفحة ويب. اقرأ أكثر (DOM) ، فإنه يستهدف coinmarketcap- القطعة القطعة صف دراسي. هذه الفئة هي الحاوية الرئيسية للأداة ، لذلك يوجه هذا الأمر متصفح الويب الخاص بك لتطبيق الأنماط التالية على هذا العنصر المعين.

تم تعيين عرض الأداة إلى 33%، مما يضمن أنه لم يعد يبدو ممتدًا عند تركه على الخيار الافتراضي (وهو 100٪ في هذه الحالة).

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

لا يوجد حد تقريبًا للمدى الذي يمكنك الوصول إليه مع تصميم هذه الأداة. ربما تحب النص الأحمر أو الخلفية الزرقاء؟ ماذا عن وميض النص؟ السماء هي حقا الحد!

إضافة المزيد من العملات

الآن بعد أن قمت بتثبيت الأساسيات ، فقد حان الوقت لإضافة المزيد من العملات المعدنية. حتى إذا كنت تمتلك عملة واحدة فقط ، فإن تنويع لوحة القيادة له العديد من الفوائد.

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

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

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

لا تحتاج currency.js لكل القطعة. ما عليك سوى مرة واحدة لكل صفحة.

إذا أعدت تحميل لوحة التحكم ، فسترى أنها لا تبدو جيدة جدًا. يتم تكديس جميع العملات عموديا ، وهناك فجوات كبيرة بينها! ستحتاج إلى تعديل CSS لجعل هذه الأدوات تبدو أفضل للعملات المعدنية المتعددة.

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

العرض: 23٪ ؛ الهامش: 10 بكسل 1٪ ؛ تعويم: اليسار؛

باستخدام نفس CSS ، من الممكن تكديس العديد من الأدوات كما تريد ، على الرغم من أنك قد تحتاج إلى تعديلها قليلاً بعد حوالي 12 أداة.

لمسة نهائية أخيرة هي إعادة تحميل لوحة التحكم تلقائيًا ، مما يضمن حصولك دائمًا على أحدث الأسعار.

داخل رئيس العلامات أعلى المستند ، الصق علامة التعريف هذه:

سيؤدي ذلك إلى تحديث صفحتك كل X ثانية ، حيث يتم تحديد X بالداخل المحتوى. سيُحدِّث الرمز أعلاه الصفحة كل 60 ثانية. قم بتغيير هذا إلى ما تريد ، شريطة أن تقوم بإدخال الرقم بالثواني.

البقاء ساني

الآن بعد أن اكتملت لوحة معلومات العملة المشفرة ، لم يعد عليك التحقق coinmarketcap.comأو coinbase.comأو أي موقع ويب تستخدمه لمراقبة مشترياتك. فقط لا تدفع نفسك بالجنون عن طريق التحقق من الأسعار كل دقيقة.

اتركه يعمل على جهاز الكمبيوتر الخاص بك ، أو ربما قم بإعداده على فطيرة التوت وجعلها تعمل في الردهة الخاصة بك!

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

هل قمت ببناء لوحة تحكم التشفير؟ أين وضعت مكانك؟ أخبرنا في التعليقات أدناه!