Cum de a vă face propriul tablou de bord Cryptocurrency

Cum de a vă face propriul tablou de bord Cryptocurrency / Programare

Cu toate discuțiile despre furculiță Ce este un furculiță și ce se întâmplă după aceea? Ce este un furculiță Bitcoin și ce se întâmplă după aceea? Cryptocurrencies sunt incitante și interesante. Spre deosebire de banii obișnuiți, criptarea poate "furca" în două tipuri diferite de monede. Dar cum o fac si ce inseamna chiar si furculita? Citește mai multe, înșelătorii, site-uri furate de CPU-ul dvs. pentru a altcoins mine Sunt site-uri care folosesc procesorul dvs. pentru mining Crypto-Currente? Sunt site-urile care utilizează procesorul dvs. pentru extracția de criptocurrency? Anunțurile online sunt nepopulare, site-ul infamat online de piraterie Pirate Bay a lovit asupra unei soluții: folosiți fiecare PC care vizitează criptocuritățile. V-ați fi fericit dacă PC-ul dvs. a fost deturnat așa? Citiți mai mult, și volatilitatea prețurilor nebune, criptocuritate (“cripto”) devin cu siguranță mai mult.

Dacă ați investit sau intenționați să cumpărați orice criptocuritate, atunci veți avea nevoie de o modalitate de a monitoriza prețurile în timp real. Din fericire, vă puteți construi cu ușurință un tablou de bord crypto folosind nimic mai mult decât HTML și CSS Aflați HTML și CSS cu aceste Tutoriale pas cu pas Aflați HTML și CSS cu aceste Tutoriale pas cu pas Curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un talent pentru a învăța cum să creați site-uri web de la zero - aici sunt câteva tutoriale pas cu pas care merită încercate. Citeste mai mult .

Notă: Achiziționarea criptocurităților este o investiție extrem de speculativă. Nu investiți niciodată mai mult decât îți permite și fii pregătit să-l pierzi peste noapte.

Noțiuni de bază

Acest tablou de bord este alimentat de un widget gratuit oferit de coinmarketcap.com. Acest site excelent arată statisticile și prețurile curente ale mii de criptocuritate. Începeți prin a selecta moneda dorită sau introduceți o monedă în facilitatea de căutare din partea dreaptă sus.

Odată selectată, veți fi dusi la monede de ansamblu în care sunt afișate diverse statistici, diagrame și analize despre moneda aleasă. Treci peste la Unelte tab. Aici veți vedea un widget gata făcut, afișând date specifice despre moneda aleasă. Simțiți - vă liber să experimentați cu Personalizați acest widget dar pentru moment, widget-ul de bază este suficient. Copiați codul din Website Widget sau păstrați pagina deschisă pentru utilizare ulterior.

Iată cum arată codul widget pentru Bitcoin:

 

Indiferent dacă vă aflați în Bitcoin, Ethereum, Ripple, Dogecoin sau oricare altul dintre cei 1.000+ alternativă (alt) monede disponibile, acest proces este exact același: găsiți o monedă, apoi copiați codul widgetului.

Dacă doriți să obțineți fantezie cu automatizarea, puteți utiliza funcția API Ticker și un program de programare cum ar fi Cron Cum să programați sarcini în Linux cu Cron și Crontab Cum să programați sarcini în Linux cu Cron și Crontab Abilitatea de a automatiza sarcinile este una dintre acele tehnologii futuriste care este deja aici. Fiecare utilizator Linux poate beneficia de sarcini de sistem și de utilizare a programelor, grație cron, un serviciu de fundal ușor de utilizat. Citiți mai multe pentru a efectua aproape orice vă place. Este puțin dincolo de domeniul de aplicare al acestui articol, însă puteți crea o alertă prin e-mail dacă prețul scade sub un anumit prag, de exemplu.

Construirea paginii web

Acum, când aveți widget-ul, trebuie să creați o pagină HTML de bază pentru ao afișa. Folosind editorul de text preferat, creați un nou fișier HTML numit dashboard.html.

Iată codul de pornire de care aveți nevoie:

   Placa de bord Crypto    

Inserați codul dvs. widget HTML între corp Etichete. Revenind la Bitcoin, întregul cod arată astfel:

   Placa de bord Crypto    

Cam despre asta e. Chiar este atat de simplu pentru a vă crea propriul tablou de bord pentru criptocurrency.

A face destul

În timp ce acest tablou de bord este tehnic terminat, nu e grozav. Widgetul umple ecranul pe orizontală, dar nu este foarte înalt vertical. Să-l stil cu foi de stil în cascadă 5 Pasi de Baby pentru a învăța CSS și a deveni un Kick-Ass CSS Sorcerer 5 Pași de Baby pentru a învăța CSS și a deveni un Kick-Ass CSS Sorcerer CSS este singurele pagini web cele mai importante pe care le-au văzut în ultimul deceniu, și a deschis calea pentru separarea stilului și conținutului. În mod modern, XHTML definește structura semantică ... Citește mai mult (CSS).

Dedesubt titlu, adauga o stil etichetă:

În interiorul acestor etichete de stil este locul în care vă veți scrie CSS. Iată ce aveți nevoie:

.coinmarketcap-currency-widget lățime: 33%; margine: 100 pixeli automat; 

Acest CSS simplu are două lucruri. Utilizarea modelului de obiect de documente JavaScript și dezvoltarea web: Utilizarea modelului de obiect de documentare JavaScript și dezvoltarea web: Utilizarea modelului de obiect de document Acest articol vă va prezenta scheletul de document cu care lucrează JavaScript. Având o cunoaștere de lucru a acestui model de obiect abstract, puteți scrie JavaScript care funcționează pe orice pagină web. Citiți mai mult (DOM), este vizată coinmarketcap-valută widget clasă. Această clasă este containerul principal pentru widget, astfel încât această comandă instruiește browserul dvs. web să aplice următoarele stiluri acelui element particular.

Lățimea widgetului este setată la 33%, ceea ce asigură faptul că nu se mai arată întins atunci când este lăsat la opțiunea implicită (care este 100% în acest caz).

În cele din urmă, o marjă de 100 de pixeli este adăugată la partea de sus și de jos, cu stânga și dreapta obținând o marjă de auto. Acest lucru deplasează widgetul din partea de sus a browserului dvs. și îl centrează pe orizontală.

Nu există aproape nici o limită pentru cât de departe puteți merge cu stilul dvs. de widget. Poate că vă place textul roșu sau un fundal albastru? Ce zici de textul intermitent? Cerul este cu adevărat limita!

Adăugarea de mai multe monede

Acum, că ați învăluit elementele de bază, este timpul să adăugați mai multe monede. Chiar dacă dețineți o singură monedă, diversificarea tabloului de bord are mai multe avantaje.

Ca regulă liberă (cu toate că se poate întâmpla ceva în vestul salbatic al criptocurrentelor), alte monede se ridică când Bitcoin coboară, cu excepția cazului în care Bitcoin se scufundă absolut,.

Prin monitorizarea altor valute, puteți observa adesea că banii se scurg din una și din alta. Dacă doriți să cumpărați o monedă nouă, adăugând-o în tabloul de bord înseamnă că puteți vedea o tendință sau un nivel scăzut zilnic pentru a obține o afacere!

Folosind pașii de mai sus, continuați și obțineți codul widget pentru orice alte monede pe care doriți să le urmăriți. Pur și simplu lipiți-le sub trackerul Bitcoin astfel:

 

Nu aveți nevoie de currency.js pentru fiecare widget. Aveți nevoie doar de o singură dată pe pagină.

Dacă reîncărcați tabloul de bord, veți vedea că nu arată foarte bine. Toate monedele sunt stivuite pe verticală și există diferențe uriașe între ele! Va trebui să modificați CSS pentru a face aceste widgeturi să arate mai bine pentru mai multe monede.

Prin ajustarea lățimii și marginii fiecărui container widget, puteți alinia mai multe widget-uri orizontal în felul următor:

lățime: 23%; margine: 10px 1%; plutește la stânga;

Folosind același CSS, este posibil să încărcați cât mai multe widget-uri pe care le doriți, deși poate fi necesar să le modificați ușor după aproximativ 12 widget-uri.

O ultimă atingere finală este de a reîncărca automat tabloul de bord, asigurându-vă că aveți întotdeauna cele mai recente prețuri.

În interiorul cap în partea de sus a documentului, lipiți această etichetă meta:

Aceasta va reîmprospăta pagina dvs. la fiecare X secunde, unde X este specificat în interior conţinut. Codul de mai sus va actualiza pagina la fiecare 60 de secunde. Modificați acest lucru la ceea ce doriți, cu condiția să introduceți numărul în câteva secunde.

Să rămâi sanatos

Acum, dacă tabloul de bord al sistemului de criptare este complet, nu mai trebuie să verificați coinmarketcap.com, sau coinbase.com sau orice site Web pe care îl utilizați pentru a vă monitoriza achizițiile. Doar nu vă lăsați nebun verificând prețurile în fiecare minut.

Lăsați-l să ruleze pe computerul dvs., sau poate chiar să-l setați pe o Raspberry Pi și să-l rula în hol!

Dacă sunteți în căutarea de a verifica prețurile în mișcare, apoi să aruncați o privire la ghidul nostru pentru cele mai bune criptocurrency aplicații Android Stai Up-to-date pe CryptoCurrency cu aceste aplicații Android Stay up-to-date pe CryptoCurrency cu aceste Android Aplicații Urmărirea schimbării valutei virtuale și a tranzacționării pe zi poate fi atât distractivă, cât și o modalitate de a vă mări profiturile după o exploatare minunată a zilei. Citiți mai multe și nu uitați să citiți ghidul nostru despre tot ce trebuie să știți înainte de a cumpăra criptocurrency.

Ai construit un tablou de bord pentru cripto? Unde ai plasat-o pe a ta? Spuneți-ne în comentariile de mai jos!

Explorați mai multe despre: Cryptocurrency.