Efni.
- 01. Það er kominn tími fyrir afdrep
- 02. $ (’ljós’). FadeIn ();
- 03. Hendur þínar eru gerðar fyrir vafrann
- 04. Þrívíddarleikir stjórnað með spilaborðinu þínu
- 05. Keyrir Flash á iPad þínum
- 06. Ritunarforrit fyrir snjallsímann þinn
- 07. Að keyra Ruby og Python í vafranum þínum
- 08. Ritun OS sjálfstæðra skjáborðsforrita
- 09. Að reka vefþjón
- 10. Vefskrapun og skjámynd
- Bíddu! Það er meira ...
JavaScript hefur náð langt frá fæðingu þess árið 1995. Erfitt leið fyrir vissu, full af misskilningi, misnotkun og vanþekkingu. En tímarnir hafa breyst, síðan síðustu fimm ár hefur JavaScript verið að ná meiri og meiri athygli. Með meiri athygli, fleiri verktaki eru í raun að nota JavaScript, nota það í mörgum mismunandi tilgangi og njóta fegurðar þess. Klassísk "Ugly Duckling" saga, ef þú spyrð mig.
Í eftirfarandi grein munum við uppgötva 10 notkunartilvik fyrir JavaScript sem eru frábrugðin þeim algengu „í vafra“ sem þú ert vanur.
01. Það er kominn tími fyrir afdrep
Manstu eftir áttunda áratugnum um vídeósamskipti sem líkjast Facetime?
Það tók aðeins 20 ár áður en þetta hefur farið almennilega vegna næstum alls staðar breiðbandsnets sem er í boði og mikillar notkunar á litlum hugbúnaði sem kallast Skype.
Með getu Adobe Flash og tilraun Google til að byggja upp félagslegt net höfum við nú þegar möguleika myndbandssamskipta í vafranum okkar. Væri ekki flott að hafa þessa hæfileika án þess að nota viðbót frá þriðja aðila eins og Flash?
Sem betur fer héldu vafrasölufyrirtækin það sama og útfærðu „getUserMedia“ API í hugbúnaðinn sinn. Þetta var fyrsta skrefið til að fá aðgang að tækjum eins og myndavélum eða hljóðnemum beint úr vafranum þínum.
Með því að nota Node.js sem netþjóna aftan í slíku forriti er ótrúlega auðvelt að flytja myndmerkið í loftinu til eins eða fleiri viðskiptavina. Þegar þetta er skrifað styðja aðeins Chrome og Opera API, en aðrir ná hratt.
Hreinni nálgun fyrir tvíhliða samskipti er eini Chrome hluturinn um þessar mundir, kallaður WebRTC. Vegna WebRTC er viðskiptavinum gert kleift að opna samskiptarásir milli jafninga og tengja viðskiptavininn beint við viðskiptavininn.
Til skemmtunar skaltu skoða útfærslu Photo Booth hjá Sindre Sorhus í 121 bæti!
var video = document.getElementsByTagName (’video’) [0],
navigator.getUserMedia (’video’, successCallback, errorCallback);
virka velgengniTilbak (straumur) {
video.src = straumur;
}
virka villaTilbak (villa) {
console.log (villa);
}
02. $ (’ljós’). FadeIn ();
Arduino örstýringarvettvangurinn er einkunn Dæmi um JavaScript notkunartilvik „út úr kassanum“. Fyrir ykkur sem ekki þekkið Arduino vettvanginn er hér frábær fræg tilvitnun á vefsíðu þess:
"Arduino er opinn rafeindatækni frumgerð vettvangur byggður á sveigjanlegum, auðvelt í notkun vélbúnaði og hugbúnaði. Hann er ætlaður listamönnum, hönnuðum, áhugamönnum og öllum sem hafa áhuga á að búa til gagnvirka hluti eða umhverfi."
Arduino sjálft styður aðeins kóða sem er skrifaður í C, sem er samt ekkert mál. Með nokkrum línum af C (fyrir utan það að aðrir hafa unnið þetta verk fyrir þig) getur Arduino fengið skipanir í gegnum USB tengið í gegnum samskiptareglur um raðtengi.
En hvernig er hægt að fá aðgang að raðtenginu með JavaScript? Greinilega ekki úr vafranum.
Node.js til bjargar!
Vegna viðleitni talsmanns samfélagsins, Chris Williams, erum við með raðtengslasafn Node þar sem við getum sent gögn yfir gömlu SP samskiptareglurnar. Þetta var fyrsta byltingin, byggð á bókasafninu, annað fólk kom með abstraktari nálgun varðandi getu Arduino. Til dæmis hnút-arduino og duino bókasöfnin.
Heitasta og flottasta bókasafnið í kringum reitinn fyrir JS knúna Arduino forritun núna er jonny-five. Skoðaðu blogg Bocoup þar sem þú ert með skítkast sem þeir hafa gert með Arduino vettvangnum og nóg af viðbætur. Einnig gæti JSConf myndbandið frá Nicolai Onken og Jörn Zaefferer gefið þér snúning á því sem er mögulegt í dag með litlum kóða.
03. Hendur þínar eru gerðar fyrir vafrann
Framtíðarsýn Minority Report (sú þar sem þau stjórna tölvum með höndunum, ekki ljótu bílarnir) kemur nær á hverjum degi. Stórt skref í þessa átt var minni spilatilraun Microsoft, Kinect. Mögnuð spilun gætir þú hugsað, en hvað hefur þetta með JavaScript að gera ?!
Með Kinect SDK útgáfu Microsoft fór fjöldi fólks yfir brúna í notkun vafra fyrir Kinect. Fyrst af öllu strákarnir í ChildNodes sem hafa byggt fullkomið kinect.js bókasafn sem gerir kleift að nota Kinect Microsoft í vafranum þínum.
Ég mæli eindregið með að skoða kynningar þeirra og myndbönd, það er sprengja. Einn helsti gallinn við kinect.js bókasafnið er hins vegar að það verður að vera WebSocket netþjónaforrit í gangi aftan á viðskiptavininum (það er í raun Kinect -> C # -> JS límið).
Nokkrir nemendur MIT frægðarinnar eru að vinna að lausn til að rífa þennan vegg, sem kallast DepthJS,
viðbót í vafra sem gerir Kinect kleift að nota fyrir Chrome og Safari, jafnvel fyrir vefsvæði sem eru ekki bjartsýni fyrir Kinect notkun á nokkurn hátt. DepthJS er nú á byrjunarstigi en örugglega þess virði að fylgjast með.
04. Þrívíddarleikir stjórnað með spilaborðinu þínu
Hefur þú einhvern tíma reynt að spila vafraleik sem ekki er Flash nú á dögum? Grafískir möguleikar eru ótrúlegir, sérstaklega þegar þú sérð leikjaklóna eins og Quake.
En þegar þú spilar þetta efni ertu alltaf bundinn við lyklaborðið og (aðallega) klumpu músina. Þetta er mikill ókostur, sérstaklega fyrir aðgerðaleiki, það heldur þeim í raun aftur úr vafranum.
Væri ekki flott ef þú gætir bara tengt Xbox stjórnandann þinn við tölvuna og byrjað að spila uppáhalds vafra leikinn þinn? Þetta er ekki framtíðarsýn lengur, heilsaðu upp á Gamepad API!
Ef þú ert með spilaborð kringum skrifborðið skaltu stinga því í samband núna og njóta leikja sem þegar eru að nota Gamepad API. Að forrita inntaksstýringuna er líka hluti af kökum, skoðaðu þetta kóðabút eða jafnvel betra, keyrðu það sjálfur:
div id = "gamepads"> / div>
handrit>
virka gamepadConnected (atburður) {
var gamepads = document.getElementById ("gamepads"),
gamepadId = atburður.gamepad.id;
gamepads.innerHTML + = "Gamepad Connected (id =" + gamepadId + ")";
}
window.addEventListener („MozGamepadConnected“, gamepadConnected, false);
/ handrit>
Ef þú vilt vita meira um þrívíddarmöguleika vafra, skoðaðu Three.js og Jens Arps opinn upprunalegan þrívíddarhermavél Ascent byggða ofan á hana. Mark Hammil passaðu þig, við gætum þurft á þér að halda annað framhald Wing Commander!
05. Keyrir Flash á iPad þínum
Sem opinn staðall elskhugi og Apple aðdáandi verð ég að viðurkenna að ég vil virkilega þakka Apple fyrir að setja ekki Flash á iPad og iPod, þetta byrjaði í raun hreyfingu að faðma opna tækni eins og HTML5, CSS3 og JavaScript.
Sem starfsmaður stofnunarinnar verð ég að segja að þetta er mjög slæmt ástand fyrir viðskiptavini okkar.
Flestir þeirra þurfa að greiða tvisvar fyrir einfaldan auglýsingu eða herferð sem þeir eru að setja af stað til að hafa gagnvirkt efni í gangi í gömlu IE7 eða IE8 í gegnum Flash og í nútímavöfrum sem og iDevices í gegnum HTML5.
Að fylla út eiginleika gömlu vafranna hefur landamæri sín, aðallega nefnd frammistaða. Svo er ekki möguleiki að keyra Flash á þessum Flashless iDevices?
Auðvitað er það eitt og auðvitað er það innbyggt í JavaScript.
Saga: Árið 2010 sendi Tobias Schneider frá sér lítið bókasafn sem heitir Gordon
sem gerði SWF skrám kleift að keyra beint í vafranum. Þetta virkaði nokkuð vel fyrir litlar Flash skrár eins og auglýsingar sem notuðu aðeins virkni allt að Flash útgáfu 2, en virkni á hærra stigi var alls ekki með.
Þegar Tobias gekk til liðs við ueberJS fyrirtækið UXEBU komu þeir með nýja hugmynd.
Og svo fæddist Bikeshed. Bikeshed sjálft er eins konar JavaScript fjör umgjörð, en er einnig JavaScript til Flash við allt sem þú vilt að það sé þýðandi (það er byggt á millistykki, svo þú getur skrifað millistykki fyrir allt sem þú vilt, þó að venjuleg hegðun sé að setja Flash saman við JavaScript) . Það er samhæft við Flash 10 og ActionScript 3. Skoðaðu vefsíðu þess til að læra meira um nóg af eiginleikum fyrir utan þýðandann.
06. Ritunarforrit fyrir snjallsímann þinn
Að skrifa innfædd forrit fyrir farsímaumhverfi er grýttur vegur. Það byrjar með ákvörðuninni um hvaða vettvang þú vilt styðja. Ætti forritið þitt að keyra á iPhone og iPad, Android knúnu farsíma, Windows Mobile, Blackberry tækjum, webOS byggt pla ... og svo framvegis.
Hver þessara vettvanga hefur sín forritaskil og notar aðallega mismunandi forritunarmál.
Ef þú hefur lifað vafastríðin af, leyfðu mér að segja þér að þetta er erfiðari barátta til að komast inn. Það er næstum ómögulegt fyrir verktaki að byggja upp forrit fyrir alla þessa kerfi í tíma og fjárhagsáætlun.
Svo hvað á að gera? Ráða fleiri verktaki? Rukka meira fyrir forrit? Eða finndu betri nálgun til að tryggja að kóðagrunnurinn þinn keyrir á hverju tæki? Sem flest ykkar myndi ég frekar vilja síðustu aðferð.
En í hverju ætti að byggja þessi forrit? Hvað eiga allir þessir pallar sameiginlegt? Þú gætir vitað svarið, það er vafri og því JavaScript vél.
Það er hugmyndin á bak við Apache Cordova, betur þekkt undir nafninu PhoneGap.
Cordova er JavaScript rammi sem dregur út API-skjöl hvers farsímaumhverfis og afhjúpar snyrtilegt JavaScript API til að stjórna þeim öllum. Þetta gerir þér kleift að viðhalda einum kóða stöð, sem þú byggir síðan upp og dreifir á mismunandi farsímum.
Skoðaðu auðlindirnar hér til að komast að því hvernig þú getur notað Cordova til að byggja kick ass farsímaforrit sem þú smíðar einu sinni og mun keyra alls staðar.
07. Að keyra Ruby og Python í vafranum þínum
Mozilla, fyrirtækið á bak við hinn fræga Firefox vafra, notar marga geeksa, það er alveg á hreinu. Einn þeirra er Alon Zakai, verkfræðingur hjá Mozilla Research Team, sem smíðaði æði tæki sem kallast Emscripten.
Emscripten gerir þér kleift að taka LLVM bitkóða - sem hægt er að búa til úr C / C ++ byggðum bókasöfnum, í JavaScript. Það gerir það með því að safna bókasöfnunum í bitakóða og taka þá bitakóðann og umbreyta honum í JavaScript. Snyrtilegt, en hvað get ég eiginlega gert við þetta, gætirðu spurt sjálfan þig?
Ég hef gagnspurningu til þín: hefur þú einhvern tíma heyrt setninguna „Að nota CoffeeScript og frumgerð er það næst sem þú getur fengið af því að keyra Ruby í vafranum“? Nei? Ekki hafa áhyggjur, því þetta er ekki satt lengur.
Með Emscripten geturðu einfaldlega tekið Ruby heimildirnar, breytt þeim í JavaScript og voilà, haft raunverulegan Ruby í gangi í vafranum þínum! En þetta á ekki aðeins við um Ruby, Python var til dæmis einnig með letur.
Eða skoðaðu í vafra h.264 afkóðara Broadway. Það er í raun emscriptened C ++ bókasafn!
Farðu á repl.it til að sjá nokkur forritunarmál (þar á meðal Ruby og Python) í gangi í vafranum þínum!
08. Ritun OS sjálfstæðra skjáborðsforrita
Við ræddum um að miða á marga farsíma vettvang með hjálp Apache Cordova áður. Það kemur ekki á óvart að JavaScript er ekki aðeins hægt að nota til að miða á farsíma vettvang, heldur er hægt að takast á við gamla vini okkar, skrifborðstölvuna.
Fyrstu lausnirnar komu frá strákunum í Appcelerator með Titanium Desktop Suite og frá Adobe, sem er mikið notaður Air pallur.
En eins og opnir uppspretta elskendur sem við erum öll, opnari og Node.js byggð tækni er það sem við erum að leita að. Hittu app.js! app.js er opin veftækni og Node.js byggð skrifborðsforritagerð, sem gerir okkur kleift að skrifa raunveruleg skjáborðsforrit með skráarkerfisaðgangi, gluggastýringum og fleiru. Við getum reitt okkur á stöðug forritaskil API yfir hnútinn og byggt hugbúnaðarhugbúnað okkar með HTML og CSS. Rétt eins og nýjasta dótið á þessum lista hér.
app.js er ansi ungt verkefni og styður því aðeins Windows og Linux núna, en samkvæmt póstlistanum er stuðningur Mac á leiðinni.
09. Að reka vefþjón
Nú á dögum hneykslar þú engan þegar þú segir þeim að vefsíðu þinni sé þjónustað af JavaScript-netþjóni. Ef þú hugsar til baka fyrir tveimur eða þremur árum og sagðir vefhönnuðum nákvæmlega það sama, þá hefðu þeir líklega hlegið að þér eða jafnvel verra.
En með ótrúlegum árangri Node.js er þetta sem betur fer langt í burtu núna. Ekki aðeins kemur það fólki ekki á óvart lengur, vegna ósamstilltra eðlis þess er Node.js undraverður í frammistöðu, sérstaklega þegar kemur að því að horfast í augu við vandamál samhliða tenginga. Ekki aðeins frammistaða þess er sprengja, sannarlega einfalt API laðar einnig að sér mikið af forriturum. Við skulum skoða „Hello World“ dæmið frá Node heiminum, það er ekki aðeins prentað „Hello World“ á skjádæminu, það er http netþjónn!
var http = krefjast (’http’);
http.createServer (virka (req, res) {
res.writeHead (200, {’Content-Type’: ’text / plain’});
res.end (‘Halló heimur n’);
}). hlustaðu (1337, ’127.0.0.1’);
Ef þér er ekki brugðið vegna þessa einfaldleika, þá get ég heldur ekki hjálpað þér.
Einn besti hlutinn í vinsældum hnúta (eða hype) er að stór fyrirtæki eins og Microsoft eru í raun að styðja það, þ.e. í Azure Cloud þjónustu sinni!
10. Vefskrapun og skjámynd
Svo síðast en ekki síst skulum við skoða verkefni sem mér persónulega þykir vænt um að leyfa mér að keyra QUnit prófin mín höfuðlaus á stjórnlínunni. PhantomJS er hauslaus WebKit-undirstaða vafri með snyrtilegu JavaScript (eða CoffeScript) API.
En að prófa JavaScript og DOM er ekki eina notkunartilfellið fyrir Phantom. Það sem heillar mig virkilega er möguleiki þess til að skafa vefsíður og láta þig taka skjámyndir af því!
Já, þú ert að lesa rétt, með Phantom geturðu sent út vefsíður á mismunandi myndrænu sniði og auðvitað er það eins auðvelt og að stela sælgæti frá barni.
Við skulum skoða handrit sem gerir þetta nákvæmlega:
var síðu = ný vefsíða ();
page.open (‘http://google.com’, fall (staða) {
page.render (’google.png’);
phantom.exit ();
});
Það er það eina sem þú þarft til að gera skjáskot og þar sem það er byggt á JavaScript gætirðu líka notað jQuery og unnið með innihald síðunnar áður en þú tekur skjámynd af því!
Bíddu! Það er meira ...
Svo ég vona að þú sért jafn undrandi og ég, þegar ég uppgötvaði öll þessi verkfæri. Þessi grein klóraði bara yfirborðið á því sem er mögulegt með JavaScript nú til dags. Það er svo miklu meira eins og IDE sem eru alfarið skrifuð í JS Cloud9 eða mikið öryggisefni gert með það (Kreditkortið þitt var búið til með JavaScript).
Ég vona að þér finnist þú vera innblásin, taka smá tíma og leika þér með nokkur verkefnanna sem nefnd eru hér, eða jafnvel betra að taka nokkur af þessum verkfærum og byggja nýtt efni utan um þau. Stærstur hluti þessa hér er opinn uppspretta og það eru verktaki þarna úti sem leita að þér til að hjálpa þeim að bæta starf sitt, jafnvel þó það sé aðeins með því að nota verkfærin, uppgötva villur og tilkynna þau.
