Mobiln\u00ed telefon? Web? To je mi jedno.<\/h2>\n
\u0158ekn\u011bme, \u017ee chceme vytvo\u0159it aplikaci, kter\u00e1 pou\u017e\u00edv\u00e1 funkci React<\/a> knihovna. Tuto knihovnu lze pou\u017e\u00edt pro vytv\u00e1\u0159en\u00ed webov\u00fdch aplikac\u00ed a mobiln\u00edch aplikac\u00ed s nativn\u00edm rozhran\u00edm React. Logick\u00e9 mechanismy aplikace, jako je autorizace, v\u00fdpo\u010detn\u00ed technika, filtrov\u00e1n\u00ed. data<\/a> a podobn\u011b, lze prov\u00e9st pomoc\u00ed h\u00e1\u010dk\u016f React. Jde o to, \u017ee tyto h\u00e1\u010dky mohou sd\u00edlet ob\u011b verze aplikace - webov\u00e1 i mobiln\u00ed. D\u00edky t\u00e9to mo\u017enosti m\u00e1me k dispozici n\u00e1sleduj\u00edc\u00ed \u00faspory:<\/p>\n Abychom shrnuli tento odstavec - nejde o to, \u017ee jedna k\u00f3dov\u00e1 z\u00e1kladna bude poh\u00e1n\u011bt v\u0161echny verze aplikace, a\u010dkoli m\u016f\u017eeme sd\u00edlen\u00fd k\u00f3d rozd\u011blit a pou\u017e\u00edt v ka\u017ed\u00e9 z nich, aby se proces v\u00fdvoje<\/a> opravdu rychleji.<\/p>\n Z\u00e1v\u011br - pokud chcete vytv\u00e1\u0159et webovou a mobiln\u00ed aplikaci sou\u010dasn\u011b, zva\u017ete knihovnu React, kter\u00e1 dok\u00e1\u017ee sd\u00edlet k\u00f3dovou z\u00e1kladnu v mobiln\u00ed i webov\u00e9 verzi aplikace.<\/p>\n Kdy\u017e se p\u0159ed n\u011bkolika lety mluvilo o backendu, asi jen m\u00e1lokdo si dok\u00e1zal p\u0159edstavit, \u017ee by jeho \u00fadr\u017eba mohla b\u00fdt mo\u017en\u00e1 s pomoc\u00ed jazyka, jako je nap\u0159. JS<\/strong>. V\u00fdvoj tohoto jazyka je \u00fa\u017easn\u00fd a jeho plody m\u016f\u017eeme skl\u00edzet dodnes.<\/p>\n O \u010dem to mluv\u00edm? Pokud si najmete spr\u00e1vn\u00e9ho V\u00fdvoj\u00e1\u0159i JS<\/strong>, se ukazuje, \u017ee mohou ps\u00e1t nejen frontend aplikace, ale tak\u00e9 backend - tedy b\u00fdt zodpov\u011bdn\u00ed za zpracov\u00e1n\u00ed dat na serveru, komunikaci s datab\u00e1z\u00ed, r\u016fzn\u00e9 typy integrac\u00ed atd. St\u00e1le v\u00e1h\u00e1te nebo nejste o tomto jazyce p\u0159esv\u011bd\u010deni? K takov\u00e9mu postoji nen\u00ed d\u016fvod! Backend pomoc\u00ed JS <\/strong> lze implementovat dv\u011bma obl\u00edben\u00fdmi zp\u016fsoby - v roz\u0161i\u0159iteln\u00e9m a konfigurovateln\u00e9m re\u017eimu, kter\u00fd n\u00e1m m\u016f\u017ee poskytnout express.js, a ve strukturovan\u00e9m re\u017eimu pomoc\u00ed vzoru DI - nest.js.<\/p>\n Ob\u011b \u0159e\u0161en\u00ed jsou velmi popul\u00e1rn\u00ed a poh\u00e1n\u011bj\u00ed mnoho produk\u010dn\u00edch aplikac\u00ed, jejich\u017e majitel\u00e9 jsou \"technologick\u00fdmi giganty\" ve sv\u00e9m oboru. Mysl\u00edm, \u017ee ji\u017e dostate\u010dn\u011b vyzr\u00e1la na to, aby v\u00e1s p\u0159esv\u011bd\u010dila k v\u00fdb\u011bru jednoho z nich.<\/p>\n St\u00e1le to nesta\u010d\u00ed? Podobn\u011b jako u sd\u00edlen\u00ed k\u00f3du mezi webov\u00fdmi a mobiln\u00edmi aplikacemi m\u016f\u017ee backend sd\u00edlet prost\u0159edky jak s prvn\u00ed, tak s druhou aplikac\u00ed. Kl\u00ed\u010dov\u00e9 slovo, kter\u00e9 je zde t\u0159eba pou\u017e\u00edt, je TypeScript<\/a> - mimo jin\u00e9 n\u00e1m umo\u017e\u0148uje sd\u00edlet k\u00f3dovou z\u00e1kladnu, tj. spole\u010dnou definici datov\u00fdch typ\u016f pro v\u0161echny platformy.<\/p>\n S aplikacemi postaven\u00fdmi v\u00fdhradn\u011b na JavaScript<\/a> <\/strong>\/ TypeScript<\/strong> stack pomoc\u00ed monolitu, m\u00e1me u\u0161et\u0159eno mnoho \u0159\u00e1dk\u016f k\u00f3du, kter\u00e9 bychom museli duplikovat v nativn\u00edch programovac\u00edch jazyc\u00edch. Na druhou stranu pou\u017eit\u00edm stejn\u00e9ho jazyka na v\u0161ech front\u00e1ch m\u016f\u017eeme sd\u00edlet obrovsk\u00e9 mno\u017estv\u00ed logiky mezi v\u0161emi aplikacemi, co\u017e by rozhodn\u011b urychlilo dobu, za kterou lze konkr\u00e9tn\u00ed aplikaci vytvo\u0159it. Nezn\u00ed to skv\u011ble?<\/p>\n Ukazuje se, \u017ee technologie pro vytv\u00e1\u0159en\u00ed aplikac\u00ed v prohl\u00ed\u017ee\u010di jsou skv\u011bl\u00e9 pro \u00fadr\u017ebu t\u011bch aplikac\u00ed, kter\u00e9 pou\u017e\u00edv\u00e1me v jejich desktopov\u00e9 podob\u011b - dobr\u00fdm p\u0159\u00edkladem m\u016f\u017ee b\u00fdt Slack. Slack je aplikace pou\u017e\u00edvan\u00e1 pro t\u00fdm<\/a> komunikace - krom\u011b standardn\u00edho zas\u00edl\u00e1n\u00ed zpr\u00e1v nab\u00edz\u00ed mnoho r\u016fzn\u00fdch funkc\u00ed a r\u016fzn\u00e9 typy extern\u00edch integrac\u00ed. To v\u0161e z n\u011bj d\u011bl\u00e1 jednu z nejobl\u00edben\u011bj\u0161\u00edch aplikac\u00ed pou\u017e\u00edvan\u00fdch p\u0159edev\u0161\u00edm v IT pr\u016fmyslu.<\/p>\n Uk\u00e1zalo se, \u017ee Slack pou\u017e\u00edv\u00e1 webov\u00e9 technologie (a tedy i JavaScript) tak\u00e9 k vytvo\u0159en\u00ed sv\u00e9ho aplika\u010dn\u00edho rozhran\u00ed. Z\u00e1kladem, kter\u00fd umo\u017e\u0148uje spou\u0161t\u011bt takov\u00e9 aplikace na plo\u0161e, je elektron. Vytv\u00e1\u0159en\u00ed grafick\u00fdch rozhran\u00ed pomoc\u00ed webov\u00fdch technologi\u00ed umo\u017e\u0148uje mnohem jednodu\u0161\u0161\u00ed, rychlej\u0161\u00ed a obecn\u011b mo\u017en\u00fd v\u00fdvoj aplikac\u00ed pro r\u016fzn\u00e9 platformy najednou.<\/p>\n Podle frontendov\u00e9 \u010d\u00e1sti aplikace si nelze d\u011blat iluze o tom, \u017ee by JS <\/strong>je jedin\u00fdm a v\u00fdhradn\u00edm jazykem, kter\u00fd zde poh\u00e1n\u00ed ekosyst\u00e9m. Prozat\u00edm neexistuj\u00ed \u017e\u00e1dn\u00e9 \u017eivotaschopn\u00e9 alternativy, kter\u00e9 by mohly tuto \u010d\u00e1st aplikace nahradit (i kdy\u017e si mysl\u00edm, \u017ee WebAssembly n\u00e1s m\u016f\u017ee v budoucnu p\u0159ekvapit). Kdy\u017e u\u017e tedy mluv\u00edme o vysp\u011blosti JS na frontendu - nen\u00ed pochyb o tom, \u017ee je jedin\u00fdm kr\u00e1lovsk\u00fdm.<\/p>\n Kdy\u017e mluv\u00edme o backendu, mnoho v\u00fdvoj\u00e1\u0159\u016f m\u016f\u017ee b\u00fdt \u0161okov\u00e1no nebo okam\u017eit\u011b pop\u0159\u00edt, \u017ee JS je vhodn\u00fd jako programovac\u00ed jazyk pro backend. Tuto z\u00e1le\u017eitost je v\u0161ak t\u0159eba analyzovat objektivn\u011b.<\/p>\n Spousta poskytovatel\u016f cloudu poskytuje SDK, kter\u00e9 umo\u017e\u0148uj\u00ed p\u0159\u00edmo pou\u017e\u00edvat cloud<\/a> metody. Kupodivu jedna z nejobl\u00edben\u011bj\u0161\u00edch z\u00e1lo\u017eek, hned vedle C#, Go and Java<\/a>, je Node.js<\/a>. Ukazuje se, \u017ee tato platforma je ide\u00e1ln\u00ed pro \u0161k\u00e1lov\u00e1n\u00ed a vytv\u00e1\u0159en\u00ed aplikac\u00ed zalo\u017een\u00fdch na mikroslu\u017eby<\/a> nebo architekturu bez serveru. Z\u00e1v\u011br - JS je jedn\u00edm z nejobl\u00edben\u011bj\u0161\u00edch jazyk\u016f pro v\u00fdvoj aplikac\u00ed zalo\u017een\u00fdch na mikroslu\u017eb\u00e1ch\/bezserverov\u00e9 architektu\u0159e. Na obrazovk\u00e1ch n\u00ed\u017ee vid\u00edme, \u017ee svat\u00e1 trojice (Google Computing Services, AWS<\/a>, Azure<\/a>) poskytovatel\u016f cloudov\u00fdch slu\u017eeb n\u00e1m umo\u017e\u0148uje vytv\u00e1\u0159et aplikace pomoc\u00ed uzel<\/a>.js.<\/p>\n Co se t\u00fd\u010de ekosyst\u00e9mu node.js, asi ka\u017ed\u00fd zn\u00e1 knihovnu express.js - jedn\u00e1 se o jednoduch\u00fd a p\u0159\u00edmo\u010dar\u00fd n\u00e1stroj, kter\u00fd umo\u017e\u0148uje definovat cesty a n\u00e1sledn\u011b jim p\u0159ed\u00e1vat p\u0159\u00edslu\u0161n\u00e1 data, kter\u00e1 byla na stran\u011b JS \u0159\u00e1dn\u011b zpracov\u00e1na. Nav\u00edc vzor pou\u017e\u00edvan\u00fd mezi HTTP po\u017eadavky zpracov\u00e1van\u00fdmi v express.js se stal jedn\u00edm z nejobl\u00edben\u011bj\u0161\u00edch v cel\u00e9m ekosyst\u00e9mu a je jak\u00fdmsi vzorem pro r\u016fzn\u00e9 dal\u0161\u00ed knihovny vyu\u017e\u00edvaj\u00edc\u00ed nap\u0159. architekturu serverless.<\/p>\n Z\u00e1v\u011br - JS je dostate\u010dn\u011b vysp\u011bl\u00fd jazyk na to, abyste do n\u011bj mohli vlo\u017eit v\u0161echny karty a vytvo\u0159it frontend i backend. Nav\u00edc se jedn\u00e1 o pom\u011brn\u011b \u010derstv\u00fd jazyk, kter\u00fd si snadno najde cestu do modern\u00edch aplika\u010dn\u00edch architektur. Je skv\u011bl\u00e9, \u017ee program\u00e1tor, kter\u00fd um\u00ed jeden jazyk, zvl\u00e1dne ob\u011b strany (full stack) aplikace.<\/p>\n Nej\u010dast\u011bji pou\u017e\u00edvan\u00fdm enginem pro spou\u0161t\u011bn\u00ed k\u00f3du JS je v8, poh\u00e1n\u011bn\u00fd jazykem C++. Tento engine vyvinut\u00fd spole\u010dnost\u00ed Google je ur\u010den pro spou\u0161t\u011bn\u00ed aplikac\u00ed pro webov\u00e9 platformy. Zaj\u00edmav\u00e9 je, \u017ee tento engine neinterpretuje k\u00f3d JS. M\u00edsto toho prov\u00e1d\u00ed v\u011bc zvanou \"JIT\" - \"just in time compilation\". D\u00edky tomu nemus\u00edme k\u00f3d JS interpretovat \u0159\u00e1dek po \u0159\u00e1dku, pouze jej zkompilujeme a spust\u00edme. Je to je\u0161t\u011b rychlej\u0161\u00ed a d\u00e1v\u00e1 n\u00e1m to opravdu p\u011bkn\u00e9 v\u00fdkonnostn\u00ed v\u00fdsledky.<\/p>\n Je JS dostate\u010dn\u011b spravedliv\u00fd, pokud jde o v\u00fdkon? Ano, je. Pokud jsou algoritmy dostate\u010dn\u011b spravedliv\u00e9, nen\u00ed probl\u00e9m pou\u017e\u00edt JS na stran\u011b serveru. Dal\u0161\u00ed v\u011bc\u00ed je udr\u017eovat k\u00f3d co nejv\u00edce asynchronn\u00ed. S t\u011bmito postupy v\u00e1\u0161 k\u00f3d zvl\u00e1dne paraleln\u00ed po\u017eadavky bez probl\u00e9m\u016f. Kv\u016fli v\u00fdkonu se nemus\u00edte starat o v\u00fdm\u011bnu technologi\u00ed - zejm\u00e9na pokud je architektura aplikace \u0161k\u00e1lovateln\u00e1.<\/p>\n V tomto \u010dl\u00e1nku jsem se ji\u017e podrobn\u011b zab\u00fdval v\u00fdkonem a srovn\u00e1vac\u00edmi testy. <\/p>\n To jsou des\u00edtky n\u00e1zor\u016f, \u017ee jazyk JS se v n\u011bkter\u00fdch p\u0159\u00edpadech chov\u00e1 divn\u011b a jeho ovl\u00e1d\u00e1n\u00ed je n\u011bco, z \u010deho v\u00e1m p\u0159i v\u00fdvoji praskne hlava. S t\u00edm nemohu souhlasit \ud83d\ude42 Stejn\u011b jako ka\u017ed\u00fd jin\u00fd jazyk m\u00e1 n\u011bkolik vzor\u016f\/chov\u00e1n\u00ed, kter\u00e9 nejsou elegantn\u00ed, ale s pochopen\u00edm toho, jak funguj\u00ed a jak\u00e9 jsou jejich c\u00edle, nen\u00ed v\u00fdvoj aplikac\u00ed s JS nep\u0159\u00edjemn\u00fd.<\/p>\n Zejm\u00e9na pozn\u00e1mka \"asynchronn\u00ed\" t\u011bsn\u011b p\u0159ed JS vyvol\u00e1v\u00e1 u n\u011bkter\u00fdch v\u00fdvoj\u00e1\u0159\u016f mrazen\u00ed v z\u00e1dech. Je t\u011b\u017ek\u00e9 ji pochopit, kdy\u017e s n\u00ed nem\u00e1te \u017e\u00e1dn\u00e9 zku\u0161enosti. Je to v\u0161ak sou\u010d\u00e1st JS, kter\u00e1 n\u00e1m umo\u017e\u0148uje snadno vytv\u00e1\u0159et modern\u00ed \u0159e\u0161en\u00ed. Pod\u00edvejme se nad websockety: proto\u017ee jsou zalo\u017eeny na ud\u00e1lostech - ka\u017ed\u00e1 ze spojen\u00fdch jednotek - u\u017eivatel a server - m\u016f\u017ee paraleln\u011b vys\u00edlat a p\u0159ij\u00edmat ud\u00e1losti. Pokud je k\u00f3d, kter\u00fd tuto aplikaci poh\u00e1n\u00ed, dostate\u010dn\u011b asynchronn\u00ed a neblokuje hlavn\u00ed vl\u00e1kno, m\u016f\u017eeme snadno zpracovat tis\u00edce po\u017eadavk\u016f v kr\u00e1tk\u00e9m \u010dase.<\/p>\n Porovnejme JS a PHP<\/a> s kontextem webov\u00fdch z\u00e1suvek. PHP je synchronn\u00ed programovac\u00ed jazyk, tak\u017ee \u0159e\u0161en\u00ed t\u00e9mat websocket\u016f zp\u016fsobuje velk\u00e9 bolesti hlavy. Vid\u00edme, \u017ee PHP z\u00edsk\u00e1v\u00e1 vzory z JS pro vytv\u00e1\u0159en\u00ed interaktivn\u00edch backendov\u00fdch aplikac\u00ed, kter\u00e9 mohou vyu\u017e\u00edvat modern\u00ed technologie, jako je webrtc nebo websockets.<\/p>\n Kdy\u017e shrneme v\u0161echny odstavce, m\u016f\u017eeme uv\u00e9st n\u011bkolik skute\u010dnost\u00ed:<\/p>\n JavaScript<\/strong> je jazyk, kter\u00fd lze pou\u017e\u00edt k vytv\u00e1\u0159en\u00ed nejr\u016fzn\u011bj\u0161\u00edch aplikac\u00ed - od webov\u00fdch p\u0159es mobiln\u00ed a\u017e po desktopov\u00e9; Abych vyj\u00e1d\u0159il sv\u016fj n\u00e1zor, kter\u00fd je sice neobjektivn\u00ed - vyu\u017eit\u00ed mo\u017enosti opakovan\u00e9ho pou\u017eit\u00ed stejn\u00e9ho k\u00f3du na v\u0161ech dostupn\u00fdch front\u00e1ch v JavaScript je n\u011bco, co jist\u011b urychl\u00ed v\u00fdvoj aplikac\u00ed a sn\u00ed\u017e\u00ed po\u010det v\u00fdvoj\u00e1\u0159\u016f, kte\u0159\u00ed se pod\u00edlej\u00ed na \u00fadr\u017eb\u011b backendu aplikac\u00ed napsan\u00fdch v jin\u00fdch technologi\u00edch. Jako potvrzen\u00ed si p\u0159ipome\u0148me skute\u010dnost, \u017ee obrovsk\u00e9 mno\u017estv\u00ed takzvan\u00fdch IT gigant\u016f se t\u00edmto vzorem \u0159\u00edd\u00ed a sd\u00edl\u00ed pom\u011brn\u011b velkou \u010d\u00e1st k\u00f3dov\u00e9 z\u00e1kladny nap\u0159\u00ed\u010d platformami. Navzdory r\u016fzn\u00fdm n\u00e1zor\u016fm na tento jazyk je t\u0159eba vz\u00edt v \u00favahu skute\u010dnost, \u017ee statistiky pou\u017e\u00edv\u00e1n\u00ed a spokojenosti s pou\u017e\u00edv\u00e1n\u00edm jazyka JS <\/strong>rok od roku roste a jeho v\u00fdvoj\u00e1\u0159i se mohou snadno napojit na trend full stack.<\/p>\n P\u0159e\u010dt\u011bte si v\u00edce:<\/b><\/p>\n Pro\u010d byste (pravd\u011bpodobn\u011b) m\u011bli pou\u017e\u00edvat Typescript<\/a><\/p>\n Jak nezni\u010dit projekt \u0161patn\u00fdmi k\u00f3dovac\u00edmi postupy?<\/a><\/p>\n\n
Ale co backend?<\/h2>\n
M\u016f\u017ee JS poh\u00e1n\u011bt desktopov\u00e9 aplikace?<\/h2>\n
Je JS dostate\u010dn\u011b vysp\u011bl\u00fd?<\/h2>\n
![\"Node.js](\"\/app\/uploads\/2024\/05\/zrzut-ekranu-2021-08-24-o-12.13.12.png\" "\\"Rychl\u00fd")
<\/p>\n![\"Node.js](\"\/app\/uploads\/2024\/05\/zrzut-ekranu-2021-08-24-o-12.13.25.png\" "\\"P\u011btiminutov\u00e9")
<\/p>\nJe JS dostate\u010dn\u011b rychl\u00fd?<\/h2>\n
Nen\u00ed JS takovou zvl\u00e1\u0161tnost\u00ed mezi ostatn\u00edmi jazyky?<\/h2>\n
V\u0161e sm\u00edchejte dohromady<\/h2>\n
\nAplikace napsan\u00e9 v JS mohou mezi sebou sd\u00edlet r\u016fzn\u00e9 fragmenty k\u00f3du, nap\u0159\u00edklad ty, kter\u00e9 jsou zodpov\u011bdn\u00e9 za form\u00e1tov\u00e1n\u00ed dat nebo typy v Typescriptu;
\nD\u00edky rozvoji webu je v\u00fdkon, kter\u00fd JS nab\u00edz\u00ed, dostate\u010dn\u011b dobr\u00fd na to, abyste se rozhodli pro v\u00fdvoj frontendov\u00fdch i backendov\u00fdch aplikac\u00ed;
\nD\u00edky sv\u00e9 neobvykl\u00e9 konstrukci je JavaScript schopen podporovat modern\u00ed aplika\u010dn\u00ed infrastruktury, jako jsou websockety a WebRTC;
\nNajmete-li vhodn\u011b kvalifikovan\u00e9ho v\u00fdvoj\u00e1\u0159e, m\u016f\u017eete vyu\u017e\u00edt jeho potenci\u00e1l na v\u0161ech dostupn\u00fdch frontendech, kter\u00e9 tento jazyk poh\u00e1n\u00ed;
\nJS je jazyk, kter\u00fd ji\u017e n\u011bkolik let stoup\u00e1 v \u017eeb\u0159\u00ed\u010dc\u00edch obl\u00edbenosti, a nic nenasv\u011bd\u010duje tomu, \u017ee by se to m\u011blo zm\u011bnit.<\/p>\n![\"Poradenstv\u00ed](\"\/app\/uploads\/2024\/05\/cta_2.jpeg\")
<\/a><\/p>\n