JavaScript: Svi ga koriste, nitko ga ne zna

Pitali smo developere o JavaScriptu: Svi ga koriste, nitko ga ne zna

U sklopu tehnološkog dijela WinDays16 koja se održava u Poreču, u nizu predavanja, posjetitelji mogu očekivati i dva posvećena JavaScriptu o čemu će govoriti developeri Vedran Maršić i Ivan Varga iz Axilisa. To je bio odličan povod da ih posjednemo i saznamo sve o trendovima u JavaScriptu, koji su najpopularniji frameworkovi te kako odabrati najbolji za svoj projekt.

Developeri Vedran Maršić i Ivan Varga iz Axilisa na konferenciji WinDays16, koja se upravo održava u Poreču, govorit će o mogućnostima posljednje verzije JavaScript standarda, a čut ćemo više i o Reactu, Facebookovoj JavaScript biblioteci za razvoj korisničkih sučelja te treba li ga koristiti za razvoj aplikacija.

Od nužnog zla do (developerske) ljubavi

ivan_varga_jpg
Ivanu se ljubav s JavaScriptom dogodila nakon što ga je počeo koristiti na ozbiljnijim projektima.

No, prvo se vratimo malo unatrag. Ivan je s JavaScriptom počeo raditi još kao student, iako priznaje kako je kao netko tko je učio programirati u jeziku kao što je C++, JavaScript smatrao nužnim zlom. No, nakon što ga je počeo koristiti na ozbiljnim projektima, rodila se ljubav. Vedranova priča je slična, a počinje s korištenjem JavaScripta prije nekoliko godina za Web Start Contestu.

Od tada se količina JavaScripta sa svakim novim projektom povećavala. U početku sam dobro prošao jer je tada jQuery biblioteka bila u zreloj fazi. Materijali za učenje i pokazni primjeri bili su lako dostupni. Razlike u implementaciji JavaScripta u internetskim preglednicima nisu se toliko osjetile. Hvala tvorcima jQuery biblioteke koji su prekinuli najcrnje razdoblje u povijesti JavaScripta.

Čak i oni koji površno prate developersku scenu, vjerojatno su upoznati s činjenicom kako je, unatoč omraženosti, JavaScript i dalje među popularnijim jezicima, a to potvrđuje i Vedran:

Postoji definitivni trend rasta popularnosti JavaScripta i njegovog ekosustava. Po GitHutu, servisu koji rangira jezike prisutne na GitHubu, JavaScript ima najveći broj aktivnih repozitorija, što je samo jedan od indikatora. Sve je veći broj biblioteka i platformi. Gotovo sve su open source.

Dodatno, Ivan objašnjava:

Ono što bi također istaknuo je pomicanje JavaScripta iz preglednika na druge platforme. Na serverskoj strani to možemo zahvaliti Nodeu. Vidimo da se i nativne mobilne aplikacije izrađuju korištenjem JavaScripta uz pomoć React Native tehnologije. Razvoj hibridnih mobilnih aplikacija već je duže vrijeme moguć koristeći PhoneGap/Cordovu.

Koji su najpopularniji frameworkovi?

Ivan: React i Angular nije lako usporediti jer React pruža samo prezentacijsku funkcionalnost.

Razgovor s Ivanom i Vedranom bio je prilika i da saznamo više o najpopularnijim JavaScript frameworkovima, a uz Angular, React ili jQuery na koje će većina pomisliti, sugovornici mi napominju kako ne treba zaboraviti ni Ember, Backbone, Polymer ili Knockout. Vedran objašnjava:

Angular je punokrvni primarno web front end framework. Uz Cordovu/PhoneGap može se koristiti za izradu hibridnih mobilnih aplikacija. Njegov razvoj, kontinuitet i kvalitetu osigurava Google, što ga je učinilo popularnim za razvoj popularnih SPA (Single Page Application) web aplikacija. Angularov koncept koji je učinio značajnu prevagu nad konkurencijom su direktive i deklarativan način promjena HTML-a uz two way data binding. To je prilično ubrzalo razvoj web SPA aplikacija.

Govoreći o razlikama između Reacta i Angulara, Ivan ističe:

React i Angular nije lako usporediti jer React pruža samo prezentacijsku funkcionalnost. Uobičajeno se koristi s Flux arhitekturom među kojima je najpopularnija Redux implementacija. Posebnost ovakvog pristupa je undirectional data flow, što olakšava ispravljanje i detekciju pogrešaka u aplikaciji. Razvoj, kontinuitet i kvalitetu razvoja Reacta osigurava Facebook te ga čini iznimno popularnim frontend frameworkom za SPA aplikacije.

Ivan dodaje kako se React u odnosu na konkurenciju može pohvaliti brzinom koju može zahvaliti primjeni koncepta koji se koristi u industriji izrade igara.

Pri promjeni izgleda web stranice u internetskom pregledniku ponovno se iscrtava minimalna količina elemenata na web stranici. Njegovoj popularnosti je, osim vlastite kvalitete, doprinijela i činjenica da je dio Angular zajednice nezadovoljan dugim iščekivanjem nove verzije Angulara koja je nekompatibilna s prethodnom verzijom. React Native omogućava razvoj nativnih mobilnih aplikacija korištenjem web tehnologija što je programerima izuzetno zanimljivo jer mogu koristiti dio alata koji već poznaju za razvoj mobilnih aplikacija.

Prednosti i kontroverze AngularaJS 2.0

AngularJS 2.0, koji je od kraja prošle godine dostupan u beta verziji, razvijan je u skladu s onime što donose novi standardi web razvoja – ES2015/ES6 i web komponente. Ivan objašnjava kako su glavne kritike na račun Angulara 1 performanse, stoga je to dio u kojem možemo očekivati najviše poboljšanja u Angularu 2.0. Vedran dodaje:

Osim toga, broj koncepata koje susrećemo u Angularu 1 kao sto su controller, service, factory, directive u Angularu 2 reduciran je na koncept komponente što pojednostavljuje korištenje i umanjuje mogućnost pogreške prilikom programiranja.

No, uspio je izazvati i brojne kontroverze. Zašto?

Najveći otpor novom Angularu je činjenica da ne postoji automatski proces nadogradnje vaših Angular 1 aplikacija. Angular tim je predvidio dva scenarija postupnog prelaska na novu verziju. Prvi je pisanje Angular 1 aplikacija novom sintaksom uz pomoć ngForward ili korištenje vašeg koda unutar Angular 2 aplikacije uz pomoć ngUpgrade.

Kako odabrati najbolji framework?

vedran_fosna_axilis_jpg
Vedran zvani Fosna: Pri odabiru najboljeg frameworka treba uzeti u obzir prethodno iskustvo tima, ali i kulturu unutar njega.

Uzevši u obzir mnoštvo JavaScript frameworkova i opcija koje nude, postavlja se pitanje kako odabrati najbolji. Ivan naglašava kako je odabir najboljeg otežan činjenicom da su sve platforme relativno mlade i da je tek nekolicina developera koji su imali dovoljno vremena da se upoznaju s više njih. Vedran se nadovezuje i ističe:

Možda je bolje pitanje kako odabrati najbolji framework za vaš tim i projekt. Potrebno je uzeti u obzir prethodno iskustvo u timu, sklonost isprobavanju najnovijih, u praksi neiskušanih tehnologija i kulturu u timu. Neki frameworkovi ne podržavaju platformu za koju se razvija, primjerice web, native mobile, hybrid mobile pa ih je potrebno isključiti iz razmatranja.

Kuharica (koja generalizira i značajno pojednostavljuje izbor, ali i zanemaruje neke činjenice koje vam mogu biti važne):

web + native mobile = React + React Native
web + hybrid = Angular 1 ili Angular 2 (beta) + Cordova/PhoneGap

A na pitanje imaju li u Axilisu namjeru razvijati neki svoj JavaScript framework, Ivan ističe kako to u njihovom slučaju ne bi imalo previše smisla jer su postojeći u fazi ubrzanog razvoja te da razvojni timovi aktivno rješavaju probleme koji se pojavljuju.

No, ima smisla doprinijeti razvoju nekog od frameworka koji koristimo putem GitHuba. To može biti prijava buga, rješavanja buga ili implementacija nekog dijela. Takve stvari se ne planiraju unaprijed, već se događaju same od sebe kad osjetimo potrebu.

Budućnost JavaScripta: Daljnja popularizacija i standardizacija

vedran_marsic_jpg
Vedran: Planirano je da se novi JavaScript standardi donose svake godine.

Govoreći o budućnosti JavaScripta, Ivan kaže kako očekuje njegovo širenje i popularizaciju čemu će doprinijeti daljnja standardizacija. Dodaje kako je primjetno širenje web tehnologija na razne platforme: server – Node, hybrid mobile – Cordova/PhoneGap, native mobile – React Native, a s njima i JavaScripta. Vedran dodaje:

Razvoj JavaScripta je značajno ubrzan. Planirano je da se novi JavaScript standardi donose svake godine. Zbog toga je najnovija standardizirana verzija JavaScripta, ECMAScript 6 (ES6), preimenovana u ECMAScript2015 (ES2015). To je velik napredak, kada znamo da je prethodni ES5 standard donesen 2009. godine, od ES4 standarda se odustalo, a ES3 standard je donesen 1999.

Također, naglašava kako će se više osjetiti poteškoće s izravno podržanim verzijama JavaScripta u internetskim preglednicima, posebno u onim mobilnim.

Te poteškoće danas rješava korištenje polyfil biblioteka i prevođenje novijih verzija JavaScripta u starije. Primjeri polyfil biblioteka su core-js ili polymer. Primjeri prevoditelja za JavaScript su Babel (FB), Traceur (Google). Oni prevode kod koji je pisan u novijim verzijama JavaScripta u starije verzije. Takav kod se može izvoditi bez poteškoća u internet preglednicima koji ne podržavaju najnoviji ES standard. Tu je potrebno spomenuti i TypeScript (Microsoft) koji je jezik koji dodaje statičke tipove u JavaScript i prevodi se u ES5.

Za automatizaciju prevođenja (i nekih drugih akcija) u razvojnom ciklusu mogu se koristiti Webpack, Browserfy, Gulp ili Bower. Dok ovo govorim, vjerojatno je napisano nekoliko novih alata u tu svrhu. To je prokletstvo i blagoslov open source zajednice. Mnogo je izazova u odabiru pravog seta alata koji mogu ubrzati razvoj vašeg projekta.

Ivan ističe:

Standardizacija web komponenti koju očekujemo u narednim verzijama web standarda trebala bi ukloniti potrebu da svaki frontend framework definira vlastitu verziju web komponenti. To bi trebalo smanjiti veličinu frontend JavaScript biblioteka i malo pojednostaviti posao programerima.

Također skreće pažnju na tezu kako je JavaScript asemblerski jezik za web te da će se u budućnosti pisati sve manje JavaScripta.

Jezici kao što su C++, Java, Python, C# prevodit će se u binarni oblik koji će se moći izravno izvršavati u internetskim preglednicima. U tom smislu se radi na web assembly standardu. Zamislite SQLLite bazu u internetskom pregledniku korisnika. Ovo je daljnja budućnost, ali svakako zanimljiva. Smatram da će utjecaj standardizacije JavaScripta biti jači te da će JavaScripta biti sve više, a ne sve manje tijekom sljedećih 5 godina.

Zašto učiti JavaScript?

axilis_js_skola

Zagrebačka tvrtka Axilis 14. svibnja pokreće i besplatnu JavaScript školu za koju su prijave otvorene do 1. svibnja, a održavat će se svake subote, od 14. do 11. lipnja u prostorima zagrebačkog HUB-a 385. Namijenjena je svim zainteresiranima uz uvjet da imaju osnovno znanje programiranja, ne nužno u JavaScriptu. Tijekom pet tjedana polaznici će se upoznati s JavaScript platformama, trendovima, ali i steći praktična znanja jer JavaScript svi koriste, ali ga tek rijetki znaju. Kao preporuku svima koji razmišljaju o Axilisovoj JavaScript školi, Ivan zaključuje:

JavaScript je jezik koji je prisutan već duže vrijeme, još relativno nedavno samo u našim preglednicima. Zbog već spomenutih problema, poput nestandardne implementacije na različitim preglednicima, tromosti u mijenjanju standarda, često je smatran nužnim zlom, odnosno alatom za kojim ne posežete rado. Moderni trendovi učinili su JavaScript sveprisutnim, dok je stav developera o JavaScriptu ostao i dalje isti. Stoga imamo situaciju u kojoj postoji mnoštvo developera koji mogu reći da rade s JavaScriptom dugi niz godina, no sami za sebe se neće usuditi reći da su stručnjaci. Zbog toga smatram da su ovakve škole i događaji prijeko potrebni kako bismo uspješno popratili promjene koje se događaju.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Vodič

Kako uspješno raditi od kuće, biti produktivan i ne izgubiti živce?

Ukratko - teško. :) Nekad ćete se doista osjećati neuspješno, bit ćete neproduktivni i gubit ćete živce. Ali ima načina da polako doskočite izazovima, jedan po jedan.

Internet marketing

Kako su OPG-ovci postali najtraženiji ljudi (i zašto je nužno njihovo digitalno opismenjavanje)

U jeku pandemije koronavirusa (COVID-19) zatvorene su i tržnice. Uz zabranu kretanja van mjesta prebivališta, ova mjera navela je brojne OPG-ovce koji su svoje proizvode do jučer nudili na placu da posegnu za nekim drugim kanalima jer voće i povrće bez hladnjače ne može dugo stajati, a plastenici su puni zahvaljujući blagoj zimi i proljetnom suncu koje se pojavilo u par navrata.

Intervju

Poznati hrvatski rally vozač Juraj Šebalj i bez kacige nastavlja plijeniti pažnju publike

On je višestruki pobjednik rally utrka, a odnedavno ima i novu karijeru - influencersku. Iako je YouTuber bez vlastitog YouTube kanala, Jurja na različitim emisijama prati i po nekoliko desetaka tisuća ljudi.

Što ste propustili

Startupi i poslovanje

Ponovimo lekcije iz 2008. Kriza nije vrijeme da svojim klijentima budete daleko

Ovo je priča koju vrlo često pričam, to je priča o krizi zvanoj 2008. Jedni su se hvalili, drugi žalili, a evo što se meni događalo...

Intervju

Nova runda usred krize počela točiti na ecommerce šanku – i rasprodala svoj C4!

Neka od prvih zatvorenih mjesta u ovoj krizi bili su upravo ugostiteljski objekti, a kada se pivo ne pije u "birtiji", kako craft dovesti do kupaca?

Startupi i poslovanje

Fil Rouge Capital u doba krize nudi investicije do 10.000 eura

Razvijate li softverska ili hardverska rješenja, a projekt vam je u inkubacijskoj fazi, Fil Rouge Capital nudi investicije do 10 tisuća eura.

Startupi i poslovanje

Bolt pokreće dostavu u 6 gradova Hrvatske; idealnu za isporuku malih paketa unutar jednog sata

Sve je manje putnika u automobilima Bolt vozača, no od danas nadomjestak prometu učinit će dokumenti, namirnice i druge potrepštine koje korisnici požele poslati svojima najbližima ili kolegama s posla.

Internet marketing

Kako su OPG-ovci postali najtraženiji ljudi (i zašto je nužno njihovo digitalno opismenjavanje)

U jeku pandemije koronavirusa (COVID-19) zatvorene su i tržnice. Uz zabranu kretanja van mjesta prebivališta, ova mjera navela je brojne OPG-ovce koji su svoje proizvode do jučer nudili na placu da posegnu za nekim drugim kanalima jer voće i povrće bez hladnjače ne može dugo stajati, a plastenici su puni zahvaljujući blagoj zimi i proljetnom suncu koje se pojavilo u par navrata.

Kultura 2.0

Bruketa&Žinić&Grey i Brigada kao odgovor na krizu pokreću proizvodnju toaletnog papira

Krizna vremena zahtijevaju krizne mjere, a koronavirus nikoga nije ostavio ravnodušnim. Absolut Vodka okrenula se sanitetskom alkoholu, Airbus i Jaguar proizvodnji respiratora, a hrvatske kreativne agencije Bruketa&Žinić&Grey i Brigada - toaletnom papiru!