Vsebina
- 01. Čas je za klepetalnico »Hangout«
- 02. $ ('svetloba'). FadeIn ();
- 03. Vaše roke so narejene za brskalnik
- 04. 3D igre, ki jih nadzorujete s svojo igralno ploščico
- 05. Vklop Flash na vašem iPadu
- 06. Pisanje aplikacij za vaš pametni telefon
- 07. Zagon Rubyja in Pythona v brskalniku
- 08. Pisanje namiznih programov, neodvisnih od OS
- 09. Zagon spletnega strežnika
- 10. Spletanje in snemanje zaslona
- Počakaj! Obstaja več ...
JavaScript je od svojega rojstva leta 1995 precej napredoval. Zagotovo trda pot, polna nerazumevanja, zlorabe in nevednosti. Toda časi so se spremenili, saj JavaScript v zadnjih petih letih dobiva vedno več pozornosti. Z več pozornosti več razvijalcev dejansko uporablja JavaScript, ga uporablja za različne namene in uživa v njegovi lepoti. Klasična zgodba "Grda račka", če vprašate mene.
V naslednjem članku bomo odkrili 10 primerov uporabe za JavaScript, ki se razlikujejo od običajnih "v brskalniku", ki ste jih vajeni.
01. Čas je za klepetalnico »Hangout«
Se spomnite vizije 80-letne videokomunikacije, podobne Facetimeu?
Minilo je le 20 let, preden je to postalo splošno zaradi skoraj povsod razpoložljivega širokopasovnega interneta in velike uporabe malo programske opreme, imenovane Skype.
Z zmogljivostmi Adobeovega Flash-a in Googlovim poskusom gradnje socialnega omrežja imamo v brskalniku že možnosti video komunikacije. Ali ne bi bilo fino imeti te sposobnosti brez uporabe vtičnika drugega proizvajalca, kot je Flash?
Na srečo so prodajalci brskalnikov mislili enako in v svojo programsko opremo implementirali API "getUserMedia". To je bil prvi korak za dostop do naprav, kot so kamere ali mikrofoni, neposredno iz brskalnika.
Če uporabljate Node.js kot strežnik na zadnji strani take aplikacije, je neverjetno enostavno prenašati video signal po zraku do ene ali več strank. Na žalost, v času pisanja tega, samo Chrome in Opera podpirata API, drugi pa bodo hitro dohiteli.
Čistejši pristop za dvosmerno komunikacijo je trenutno samo Chrome, ki se imenuje WebRTC. Zaradi WebRTC lahko odjemalci odpirajo medsebojne komunikacijske kanale in neposredno povezujejo odjemalca z odjemalcem.
Za zabavo si oglejte izvedbo Photo Booth Sindre Sorhus, narejeno v 121 bajtih!
var video = document.getElementsByTagName ('video') [0],
navigator.getUserMedia ('video', successCallback, errorCallback);
function successCallback (tok) {
video.src = tok;
}
function errorCallback (napaka) {
console.log (napaka);
}
02. $ ('svetloba'). FadeIn ();
Platforma mikrokrmilnika Arduino je primer za primer primera JavaScript "iz škatle". Za tiste, ki platforme Arduino ne poznate, je tu super znamenit citat z njegove spletne strani:
"Arduino je odprtokodna platforma za prototipiranje elektronike, ki temelji na prilagodljivi in enostavni strojni in programski opremi. Namenjena je umetnikom, oblikovalcem, ljubiteljem in vsem, ki jih zanima ustvarjanje interaktivnih predmetov ali okolij."
Arduino sam podpira le kodo, napisano v jeziku C, kar še vedno ni nič hudega. Z nekaj vrsticami C (poleg tega, da so to za vas opravili drugi) lahko Arduino prejema ukaze prek vrat USB prek protokola serijskih vrat.
Kako pa lahko dostopate do serijskih vrat prek JavaScripta? Očitno ne iz brskalnika.
Node.js na pomoč!
Zaradi prizadevanj zagovornika skupnosti Chrisa Williamsa imamo knjižnico serijskih vrat Node, kamor lahko pošiljamo podatke po starem protokolu SP. To je bil začetni preboj na podlagi knjižnice, ki so jo imeli drugi ljudje z bolj abstraktnim pristopom do Arduinovih zmožnosti. Na primer knjižnici vozlišč-arduino in duino.
Do zdaj je najbolj vroča in najhladnejša knjižnica okrog bloka za programiranje Arduino, ki ga poganja JS, jonny-five. V Bocoupovem blogu si oglejte nekaj vročega sranja, ki so ga storili s platformo Arduino in obilico vtičnikov. Tudi videoposnetek JSConf, ki sta ga napisala Nicolai Onken in Jörn Zaefferer, vam bo morda z malo kode predstavil tisto, kar je danes mogoče.
03. Vaše roke so narejene za brskalnik
Prihodnja vizija Minority Report (tista, kjer nadzorujejo računalnike z rokami, ne pa grdih avtomobilov) se vsak dan približa. Velik korak v tej smeri je bil Microsoftov kontrolor, manj poskus igranja, Kinect. Morda si mislite neverjetno igranje, a kaj ima to skupnega z JavaScriptom ?!
Z Microsoftovo izdajo Kinect SDK je kopica ljudi prečkala most uporabe brskalnikov za Kinect. Najprej fantje ChildNodes, ki so zgradili popolno delujočo knjižnico kinect.js, ki omogoča uporabo Microsoftovega Kinect v vašem brskalniku.
Toplo priporočam, da si ogledate njihove predstavitve in videoposnetke, piha. Ena glavnih pomanjkljivosti knjižnice kinect.js pa je, da mora biti na hrbtni strani odjemalca nameščen strežniški program WebSocket (to je pravzaprav lepilo Kinect -> C # -> JS).
Nekaj študentov slavnega MIT dela na rešitvi za rušenje tega zidu, imenovano DepthJS,
vtičnik v brskalniku, ki omogoča uporabo Kinect za Chrome in Safari, tudi za spletna mesta, ki v nobeni obliki niso optimizirana za uporabo na osnovi Kinect. DepthJS je trenutno v zgodnji razvojni fazi, vendar jo je vsekakor vredno spremljati.
04. 3D igre, ki jih nadzorujete s svojo igralno ploščico
Ste že kdaj poskusili igrati igro z brskalnikom, ki ni Flash? Grafične zmogljivosti so neverjetne, še posebej, če vidite klonove iger, kot je Quake.
Toda pri igranju teh stvari ste vedno vezani na tipkovnico in (večinoma) okorno miško. To je velika pomanjkljivost, zlasti pri akcijskih igrah, saj jih resnično zadržuje pred brskalnikom.
Ali ne bi bilo v redu, če bi lahko samo priključili krmilnik Xbox v računalnik in začeli igrati svojo najljubšo igro brskalnika? To ni več prihodnja vizija, pozdravite Gamepad API!
Če imate okrog mize igralno ploščico, jo priključite zdaj in uživajte v nekaterih igrah, ki že uporabljajo Gamepad API. Programiranje kontrolnikov za vnos je tudi piškot, oglejte si ta delček kode ali še bolje, zaženite ga sami:
div id = "gamepads"> / div>
skript>
funkcija gamepadConnected (dogodek) {
var gamepads = document.getElementById ("gamepads"),
gamepadId = event.gamepad.id;
gamepads.innerHTML + = "Gamepad je povezan (id =" + gamepadId + ")";
}
window.addEventListener ("MozGamepadConnected", gamepadConnected, false);
/ skripta>
Če želite izvedeti več o 3D-zmožnostih brskalnikov, si oglejte odprtokodni 3D-simulator 3D-simulatorja Ascent, ki je zgrajen na njem. Mark Hammil pazite, morda vas bomo potrebovali za še eno nadaljevanje poveljnika kril!
05. Vklop Flash na vašem iPadu
Kot ljubitelj odprtih standardov in ljubitelj Apple-a moram priznati, da bi se resnično rad zahvalil Appleu, ker ni dal Flash-a na iPad in iPod, to je zares začelo gibanje po sprejemanju odprtih tehnologij, kot so HTML5, CSS3 in JavaScript.
Kot uslužbenec agencije moram reči, da je to za naše stranke resnično slabo.
Večina jih mora plačati dvakrat za preprost oglas ali kampanjo, ki jo uvajajo, da se interaktivna vsebina izvaja v starih IE7 ali IE8 prek Flash in v sodobnih brskalnikih ter iDevices prek HTML5.
Polifiliranje funkcij starih brskalnikov ima svoje meje, večinoma imenovane zmogljivosti. Ali torej ni mogoče zagnati Flash na teh brezbarvnih iDevices?
Seveda obstaja ena in seveda je vgrajena v JavaScript.
Delček zgodovine: Tobias Schneider je leta 2010 izdal majhno knjižnico z imenom Gordon
kar je omogočilo, da se datoteke SWF izvajajo neposredno v brskalniku. To je delovalo precej dobro za majhne datoteke Flash, kot so oglasi, ki so uporabljali samo funkcije do različice Flash 2, vendar funkcionalnost višje ravni sploh ni bila vključena.
Ko se je Tobias pridružil podjetju ueberJS UXEBU, so prišli na novo idejo.
In tako se je rodil Bikeshed. Sam Bikeshed je nekakšen okvir animacije JavaScript, hkrati pa je tudi JavaScript za Flash za vse, za kar želite, da je prevajalnik (temelji na vmesniku, zato lahko napišete vmesnike za vse, kar želite, čeprav je standardno vedenje sestavljanje Flash v JavaScript) . Združljiv je s sistemoma Flash 10 in ActionScript 3. Oglejte si njegovo spletno stran, če želite izvedeti več o njegovih številnih funkcijah poleg prevajalnika.
06. Pisanje aplikacij za vaš pametni telefon
Pisanje izvornih aplikacij za okolja mobilnih telefonov je trda pot. Začne se z odločitvijo, katero platformo želite podpirati. Če bi se vaša aplikacija izvajala na iPhonu in iPadu, mobilni napravi s sistemom Android, Windows Mobile, napravah Blackberry, platformi, ki temelji na webOS ... itd.
Vsaka od teh platform ima svoje API-je in večinoma uporablja različne programske jezike.
Če ste preživeli vojne brskalnikov, naj vam povem, da je to težji način za vstop. Razvijalcu skoraj ni mogoče ustvariti aplikacije za vse te platforme v času in proračunu.
Kaj torej storiti? Najeti več razvijalcev? Želite več zaračunavati za aplikacije? Ali pa poiščite boljši pristop, s katerim zagotovite, da se vaša koda izvaja v vsaki napravi? Kot večina izmed vas bi raje uporabila zadnji pristop.
Toda v čem naj bodo te aplikacije zgrajene? Kaj je skupnega vsem tem platformam? Odgovor morda poznate, gre za spletni brskalnik in torej za JavaScript.
To je ideja Apacheja Cordove, bolj znanega pod svojim nekdanjim imenom PhoneGap.
Cordova je ogrodje JavaScript, ki abstrahira API-je vsakega mobilnega okolja in izpostavi urejen JavaScript API za nadzor vseh. To vam omogoča, da vzdržujete eno samo kodno osnovo, ki jo nato sestavite in namestite na različne mobilne naprave.
Oglejte si tukaj vire, če želite izvedeti, kako uporabljati Cordovo za izdelavo hitrih mobilnih aplikacij, ki jih zgradite enkrat in se bodo izvajale povsod.
07. Zagon Rubyja in Pythona v brskalniku
Mozilla, podjetje, ki stoji za slavnim brskalnikom Firefox, zaposluje veliko geekov, to je gotovo. Eden od njih je Alon Zakai, inženir v raziskovalni skupini Mozilla, ki je izdelal čudno orodje, imenovano Emscripten.
Emscripten vam omogoča, da v JavaScript prenesete bitno kodo LLVM, ki jo lahko ustvarite iz knjižnic, ki temeljijo na C / C ++. To stori tako, da knjižnice sestavi v bitno kodo, nato pa jo prevzame in pretvori v JavaScript. Lepo, a kaj lahko s tem dejansko naredim, se lahko vprašate?
Imam nasprotno vprašanje za vas: ali ste že slišali stavek "Uporaba CoffeeScript in prototipa je najbližje zagonu Rubyja v brskalniku"? Ne? Ne skrbite, ker to ni več res.
Z Emscripten lahko preprosto vzamete vire Ruby, jih pretvorite v JavaScript in voilà, v vašem brskalniku se zažene pravi Ruby! Toda to ne velja samo za Ruby, na primer tudi Python.
Ali pa si oglejte dekodirnik h.264 v brskalniku Broadway. To je pravzaprav zapisana knjižnica C ++!
Pojdite na repl.it in si oglejte nekaj programskih jezikov (vključno z Rubyjem in Pythonom), ki se izvajajo v vašem brskalniku!
08. Pisanje namiznih programov, neodvisnih od OS
Prej smo se pogovarjali o ciljanju več mobilnih platform s pomočjo Apache Cordova. Ni presenetljivo, da se JavaScript ne more uporabljati samo za ciljanje mobilnih platform, temveč se lahko loti tudi našega starega prijatelja, namiznega računalnika.
Prve rešitve so prišli od fantov Appceleratorja s programsko opremo Titanium Desktop Suite in od Adobe, ki se pogosto uporablja platformo Air.
Toda kot ljubitelji odprtokodne kode, kakršni smo vsi, iščemo bolj odprto tehnologijo, ki temelji na Node.js. Spoznajte app.js! app.js je odprta spletna tehnologija in graditelj namiznih programov na osnovi Node.js, ki nam omogoča pisanje pravih namiznih programov z dostopom do datotečnega sistema, nadzornimi elementi oken in še več. Zanašamo se na stabilne API-je Node za več platform in gradimo svoj programski uporabniški vmesnik s HTML in CSS. Tako kot najbolj vroče novosti na tem seznamu tukaj.
app.js je precej mlad projekt in zato do zdaj podpira le Windows in Linux, toda glede na poštni seznam je podpora za Mac na poti.
09. Zagon spletnega strežnika
Dandanes nikogar ne šokirate, ko jim poveste, da vaše spletno mesto streže spletni strežnik, ki temelji na JavaScript. Če bi se pred dvema ali tremi leti spomnili nazaj in spletnim razvijalcem rekli povsem enako, bi se vam verjetno smejali ali še huje.
Toda z neverjetnim uspehom Node.js je to na srečo daleč od zdaj. Ne samo, da ljudi več ne preseneča, saj je Node.js zaradi svoje asinhrone narave zmogljiv wunderkind, zlasti ko gre za soočanje s težavo številnih vzporednih povezav. Ne samo, da je njegova zmogljivost izjemna, resnično preprost API privabi tudi veliko razvijalcev. Oglejmo si primer "Hello World" iz sveta Node, to ni samo tisk "Hello World" na zaslonu, to je spletni spletni strežnik!
var http = require ('http');
http.createServer (funkcija (req, res) {
res.writeHead (200, {'Content-Type': 'text / plain'});
res.end ('Hello World n');
}). poslušaj (1337, '127.0.0.1');
Če vas ta preprostost ne odnese, no, tudi jaz vam ne morem pomagati.
Eden najboljših delov priljubljenosti Node (ali hype) je, da ga velika podjetja, kot je Microsoft, dejansko podpirajo, torej v svojih Azure Cloud Services!
10. Spletanje in snemanje zaslona
Torej, nenazadnje si oglejmo projekt, ki mi je osebno všeč, ker mi je omogočil, da brez ujemanja izvajam svoje teste QUnit v ukazni vrstici. PhantomJS je brezglaven brskalnik, ki temelji na WebKit-u, z urejenim API-jem na osnovi JavaScript (ali CoffeScript).
Toda preizkušanje JavaScript in DOM ni edini primer uporabe Phantoma. Kar me resnično očara, so njegove zmožnosti strganja spletnih strani in omogočanje, da jih posnamete.
Ja, prav berete, s Phantom lahko objavljate spletne strani v različnih grafičnih oblikah in seveda je tako enostavno kot ukrasti sladkarije dojenčku.
Oglejmo si skript, ki točno to počne:
var stran = nova spletna stran ();
page.open ('http://google.com', funkcija (stanje) {
page.render ('google.png');
phantom.exit ();
});
To je vse, kar potrebujete za posnetek zaslona in ker temelji na JavaScriptu, lahko uporabite tudi jQuery in pred vsebino strani manipulirate z vsebino strani!
Počakaj! Obstaja več ...
Upam, da ste tako presenečeni kot jaz, ko sem odkril vsako od teh orodij. Ta članek je samo opraskal površino tega, kar je danes mogoče z JavaScriptom. Obstaja toliko več podobnih IDE-jev, v celoti napisanih v oblaku JS Cloud9, ali stvari z visoko varnostjo (vaša kreditna kartica je bila izdelana z JavaScriptom).
Upam, da se počutite navdihnjeno, si vzamete nekaj časa in se poigrate z nekaterimi tukaj omenjenimi projekti ali še bolje, da vzamete nekaj teh orodij in okoli njih ustvarite nove stvari. Tu je večina odprtokodnih programov, zunaj pa so razvijalci, ki vas iščejo, da jim pomagate izboljšati delo, četudi le z uporabo orodij, odkrivanjem napak in poročanjem o njih.
