{"id":11619,"date":"2018-05-28T09:12:37","date_gmt":"2018-05-28T07:12:37","guid":{"rendered":"https:\/\/ihs.com.tr\/blog\/?p=11619"},"modified":"2019-01-18T12:37:04","modified_gmt":"2019-01-18T10:37:04","slug":"2018in-en-iyi-33-javascript-kutuphanesi-ve-frameworku","status":"publish","type":"post","link":"https:\/\/www.ihs.com.tr\/blog\/2018in-en-iyi-33-javascript-kutuphanesi-ve-frameworku\/","title":{"rendered":"2018’in En \u0130yi 33 JavaScript K\u00fct\u00fcphanesi ve Framework\u00fc"},"content":{"rendered":"

JavaScript k\u00fct\u00fcphaneleri ve frameworkleri herhangi bir tasar\u0131mc\u0131 ya da geli\u015ftirici i\u00e7in son derece faydal\u0131 ara\u00e7lard\u0131r. Bunlar\u0131 kullanarak web sitenize baz\u0131 ultra g\u00fc\u00e7l\u00fc i\u015flevler kazand\u0131rabilir veya tasar\u0131m\u0131n\u0131z\u0131 geli\u015ftirebilirsiniz. B\u00f6ylelikle web sitenizin kullan\u0131c\u0131 deneyimini de geli\u015ftirmi\u015f olursunuz. Fakat bunlar\u0131 kullanabilmek ad\u0131na ba\u015fvurabilece\u011finiz sonsuz say\u0131da kaynak var. IHS olarak, web sitenizi bir sonraki seviyeye ta\u015f\u0131yaca\u011f\u0131na inand\u0131\u011f\u0131m\u0131z bu kaynaklardan en \u00f6nemli 33 tanesini sizler i\u00e7in bir araya getirdik. \u0130lk olarak frameworklerden ba\u015flayal\u0131m:<\/span><\/p>\n

2018’in en iyi JavaScript frameworkleri:<\/strong><\/span><\/p>\n

Aurelia<\/a><\/strong><\/span><\/p>\n

\"javascript-aurelia\"<\/a><\/p>\n

Front-end app geli\u015ftirme ile ilgileniyorsan\u0131z bu framework\u00fc \u00e7ok seveceksiniz. Aurelia; web, mobil ve masa\u00fcst\u00fc geli\u015ftirmesi<\/strong> i\u00e7in tasarlanm\u0131\u015ft\u0131r. \u00c7e\u015fitli JavaScript mod\u00fcllerinden olu\u015fturulmu\u015ftur ve kolayl\u0131kla uygulamalar tasarlaman\u0131za\/olu\u015fturman\u0131za yard\u0131mc\u0131 olabilir.<\/span><\/p>\n

Angular<\/a><\/strong><\/span><\/p>\n

\"javascript-angular\"<\/a><\/p>\n

Bir di\u011fer favori uygulama geli\u015ftiricilerimizden olan Angular, i\u015f hayat\u0131n\u0131z\u0131 kolayla\u015ft\u0131rmak i\u00e7in olu\u015fturulmu\u015ftur. \u00d6zellikle \u00e7ok platformlu projeler \u00fczerinde \u00e7al\u0131\u015f\u0131yorsan\u0131z bu framework\u00fcn ne kadar h\u0131zl\u0131 ve \u00f6l\u00e7eklenebilir<\/strong> oldu\u011funu g\u00f6r\u00fcnce \u015fa\u015f\u0131racaks\u0131n\u0131z. Bir sonraki projenize ba\u015flamak i\u00e7in Angular’\u0131 tercih edebilirsiniz.<\/span><\/p>\n

Ember<\/a><\/strong><\/span><\/p>\n

\"javascript-ember\"<\/a><\/p>\n

Ember, iddial\u0131 web uygulamalar\u0131 olu\u015fturmak i\u00e7in kullanabilece\u011finiz bir frameworkt\u00fcr. Olduk\u00e7a geni\u015f bir kullan\u0131c\u0131 kitlesine sahip olan Ember’in ayr\u0131ca \u00e7ok sevimli olan bir de maskotu var.<\/span><\/p>\n

Mocha<\/a><\/strong><\/span><\/p>\n

\"javascript-mocha\"<\/a><\/p>\n

Bu JavaScript framework\u00fc size e\u011flenceli oldu\u011fu kadar basit de olan bir test etme yetene\u011fi sunuyor. Node.js<\/a>‘de ve taray\u0131c\u0131da kolayl\u0131kla \u00e7al\u0131\u015fabiliyor. Mocha, kolayl\u0131kla testler yapabilmenize ve sundu\u011fu raporlar sayesinde olan biteni kolayl\u0131kla takip edebilmenize olanak tan\u0131yor.<\/span><\/p>\n

Vue.js<\/strong><\/span><\/a><\/p>\n

\"javascript-vue\"<\/a><\/p>\n

Bu JavaScript framework\u00fc sayesinde kolayl\u0131kla m\u00fckemmel kullan\u0131c\u0131 aray\u00fczleri<\/strong> olu\u015fturabilirsiniz. HTML, CSS ya da JavaScript konusunda az \u00e7ok fikriniz varsa hi\u00e7 zorlanmadan hemen \u015fimdi bu framework\u00fc kullanmaya ba\u015flayabilirsiniz. K\u00fct\u00fcphaneleri ya da projeleri birbirleriyle e\u015fle\u015ftirmek ve tek sayfal\u0131k uygulamalar\u0131 g\u00fc\u00e7lendirmek i\u00e7in harika bir se\u00e7enektir.<\/span><\/p>\n

Webix<\/strong><\/span><\/a><\/p>\n

\"javascript-webix\"<\/a><\/p>\n

Kullan\u0131m\u0131 kolay bir di\u011fer JavaScript framework\u00fc de Webix. Webix ile sadece birka\u00e7 sat\u0131r kod yazarak zengin bir aray\u00fcze sahip olabilirsiniz.<\/strong> \u00d6\u011frenme kolayl\u0131\u011f\u0131 ve hafif boyutlar\u0131 sayesinde olduk\u00e7a h\u0131zl\u0131 olan Webix i\u015flerinizi h\u0131zl\u0131 bir \u015fekilde halletmenizi sa\u011flar.<\/span><\/p>\n

2018’in en iyi JavaScript k\u00fct\u00fcphaneleri:<\/strong><\/span><\/p>\n

Algolia Places<\/strong><\/span><\/a><\/p>\n

\"javascript-algolia-places\"<\/a><\/p>\n

Algolia Places, formlar\u0131n otomatik olarak doldurulmas\u0131n\u0131 sa\u011flayan bir JavaScript k\u00fct\u00fcphanesidir<\/strong> ve adresler \u00fczerine uzmanla\u015fm\u0131\u015ft\u0131r. Hatta bir harita ekleyerek ilgili noktay\u0131 inan\u0131lmaz derecede kullan\u0131\u015fl\u0131 bir hale getirebilirsiniz. B\u00f6ylelikle kullan\u0131c\u0131 deneyimi kesinlikle artacakt\u0131r.<\/span><\/p>\n

Anime.js<\/strong><\/span><\/a><\/p>\n

\"javascript-anime\"<\/a><\/p>\n

Animasyon ve mikrointeraksyonlar bu g\u00fcnlerde \u00e7ok pop\u00fcler ve bu eklenti ile web sitenize biraz hareketlilik kazand\u0131rabilirsiniz. CSS, Individual Transforms, SVG, DOM \u00f6znitelikleri ve JavaScript Objects ile \u00e7al\u0131\u015f\u0131labiliyor olmas\u0131 k\u00fct\u00fcphaneyi m\u00fckemmel bir se\u00e7enek haline getiriyor.<\/span><\/p>\n

AOS \u2013 Animate On Scroll<\/strong><\/span><\/a><\/p>\n

\"javascript-aos\"<\/a><\/p>\n

Bu k\u00fct\u00fcphane yard\u0131m\u0131yla web sayfalar\u0131n\u0131za baz\u0131 sevimli animasyonlar ekleyebilirsiniz. Ziyaret\u00e7iler sayfalar\u0131 a\u015fa\u011f\u0131 kayd\u0131rd\u0131k\u00e7a belirirler. Fade efektlerinden statik \u00e7apa yerle\u015fimlerine kadar bir\u00e7ok se\u00e7enek sunan bu k\u00fct\u00fcphane kullan\u0131c\u0131lar\u0131 me\u015fgul eder ve web sitenizde keyifli bir \u015fekilde daha fazla zaman ge\u00e7irmelerini saplar.<\/span><\/p>\n

Bideo.js<\/strong><\/span><\/a><\/p>\n

\"javascript-bideo\"<\/a><\/p>\n

Bu k\u00fct\u00fcphane ile tam ekran videolar\u0131n\u0131za m\u00fckemmel arka planlar<\/strong> yapabilirsiniz. Bu arka planlar her ekran boyutunda iyi g\u00f6r\u00fcn\u00fcr ve arka planlar eklenirken gereken i\u015flemleri inan\u0131lmaz bir \u015fekilde basitle\u015ftirir. \u0130yi bir \u00f6rne\u011fini incelemek i\u00e7in web sitelerini ziyaret edebilirsiniz.<\/span><\/p>\n

Chart.js<\/a><\/span><\/strong><\/p>\n

\"javascript-chart\"<\/a><\/p>\n

Chart.js, web sitenize g\u00fczel grafikler eklemenize olanak tan\u0131yan bir JavaScript k\u00fct\u00fcphanesidir ve Tasar\u0131mc\u0131lar ile geli\u015ftiriciler i\u00e7in keyifli deneyimler sunar. Bu k\u00fct\u00fcphane ile \u00e7e\u015fit \u00e7e\u015fit grafikleri tercih edebilir ve hepsini tek bir projede kullanabilirsiniz. Ayr\u0131ca ilgili verileri daha da e\u011flenceli k\u0131labilmenize olanak tan\u0131yan \u00e7e\u015fitli animasyon yeteneklerine de sahip.<\/span><\/p>\n

Choreographer-js<\/strong><\/span><\/a><\/p>\n

\"javascript-choreographer\"<\/a><\/p>\n

Choreographer-js, CSS’i canland\u0131rmak i\u00e7in kullanabilece\u011finiz basit bir JavaScript k\u00fct\u00fcphanesidir. Kullan\u0131m a\u00e7\u0131s\u0131ndan olduk\u00e7a kolayd\u0131r ve harika CSS animasyonlar\u0131 sunar. Renkli bir \u00f6rne\u011fini web siteleri \u00fczerinden inceleyebilirsiniz.<\/span><\/p>\n

Cleave.js<\/strong><\/span><\/a><\/p>\n

\"javascript-cleave\"<\/a><\/p>\n

Hi\u00e7 yaz\u0131 yazarken yazd\u0131\u011f\u0131n\u0131z \u015feylerin kendili\u011finden bir forma g\u00f6re bi\u00e7imlendirildi\u011fini g\u00f6rd\u00fcn\u00fcz m\u00fc? Telefon numaran\u0131z\u0131 d\u00fc\u015f\u00fcn\u00fcn; bir sat\u0131ra 53********<\/em> olarak yazd\u0131\u011f\u0131n\u0131z telefon numaran\u0131z sat\u0131rda (53*) ***-****<\/em> \u015feklini al\u0131yor. \u0130\u015fte Cleave.js’nin olay\u0131 da tam olarak bu. Bu basit k\u00fct\u00fcphane, formlar i\u00e7in harika kullan\u0131c\u0131 deneyimleri ve tutarl\u0131 veriler sunuyor.<\/span><\/p>\n

D3.js<\/strong><\/span><\/a><\/p>\n

\"javascript-d3\"<\/a><\/p>\n

Verilere olduk\u00e7a \u00f6nem veren birisiyseniz bu JavaScript kitapl\u0131\u011f\u0131 tam size g\u00f6re. D3.js, belgeleri i\u00e7eriklerinize g\u00f6re i\u015flemenize ve HTML, SVG ya da CSS arac\u0131l\u0131\u011f\u0131yla bu verileri hayata ge\u00e7irmenize yard\u0131mc\u0131 olur. \u00d6rne\u011fin bu k\u00fct\u00fcphane ile HTML tablolar\u0131 ya da etkile\u015fimli SVG grafikleri olu\u015fturabilirsiniz. Web sitelerindeki \u00f6\u011fretici yard\u0131m\u0131yla nas\u0131l \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131 g\u00f6rebilirsiniz.<\/span><\/p>\n

Glimber<\/a><\/strong><\/span><\/p>\n

\"javascript-glimmer\"<\/a><\/p>\n

Glimmer, UI bile\u015fenleri ve DOM g\u00f6rselle\u015ftirmeleri i\u00e7in yard\u0131mc\u0131 olabilecek harika bir k\u00fct\u00fcphanedir. Ember CLI ile olu\u015fturulmu\u015ftur ve ayr\u0131ca Git, Node.js, npm ve Yarn da kullan\u0131r.<\/span><\/p>\n

Granim.js<\/strong><\/span><\/a><\/p>\n

\"javascript--granim\"<\/a><\/p>\n

Granim.js, web sitenizi renkli bir arka plan<\/strong> ile ayd\u0131nlatman\u0131z\u0131 sa\u011flayan harika bir k\u00fct\u00fcphanedir. Granim.js, ak\u0131\u015fkan ve etkile\u015fimli gradyanlar eklemenize olanak tan\u0131r. Tek ba\u015flar\u0131na, bir g\u00f6r\u00fcnt\u00fcn\u00fcn tamam\u0131nda ya da bir g\u00f6r\u00fcnt\u00fcn\u00fcn arka plan\u0131nda olabilirler.<\/span><\/p>\n

Multiple.js<\/strong><\/span><\/a><\/p>\n

\u00a0\"javascript-multiple\"<\/a><\/strong><\/span><\/p>\n

\u0130lgi \u00e7ekici g\u00f6rseller<\/strong> olu\u015fturmak istiyorsan\u0131z mutlaka bu k\u00fct\u00fcphaneyi denemelisiniz. \u0130lgin\u00e7 bir g\u00f6rsel deneyim sunacak olan bu k\u00fct\u00fcphanede CSS’ler ile birden fazla \u00f6\u011fe i\u00e7in arka plan olu\u015fturabilirsiniz. Web siteleri \u00fczerinden yapabilece\u011finiz \u015feylerin \u00f6rneklerini g\u00f6rebilirsiniz.<\/span><\/p>\n

Omniscient<\/a><\/strong><\/span><\/p>\n

\"javascript-omniscient\"<\/a><\/p>\n

Omniscient, geli\u015ftiriciler i\u00e7in olu\u015fturulmu\u015f inan\u0131lmaz pratik bir k\u00fct\u00fcphanedir. Her ne kadar bir JavaScript k\u00fct\u00fcphanesi olsa da farkl\u0131 projeler i\u00e7in de kullan\u0131labilir. Web siteleri \u00fczerinden yapabildi\u011fi \u015feylerin \u00f6rneklerini g\u00f6rebilirsiniz.<\/span><\/p>\n

Parsley<\/a><\/strong><\/span><\/p>\n

\"javascript-parsley\"<\/a><\/p>\n

Bir sonraki projenizde formlara yer vermeyi d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z kesinlikle Parsley’i de akl\u0131n\u0131z\u0131n bir k\u00f6\u015fesinde bulundurmal\u0131s\u0131n\u0131z. Ziyaret\u00e7ileriniz, form doldurma konusunda uzmanla\u015fm\u0131\u015f<\/strong> olan bu k\u00fct\u00fcphanenin yapabildiklerine bay\u0131lacak! Ayr\u0131ca bir di\u011fer JavaScript k\u00fct\u00fcphanesi olan ve form verilerini koruyan Garlic<\/a>‘le de harika bir \u015fekilde \u00e7al\u0131\u015fabiliyor.<\/span><\/p>\n

Popper.js<\/strong><\/span><\/a><\/p>\n

\"javascript-popper\"<\/a><\/p>\n

Popper.js, web sitenize harika popperlar eklemenizi sa\u011flayan harika bir JavaScript k\u00fct\u00fcphanesidir. Popper’\u0131n tam olarak ne oldu\u011funu d\u00fc\u015f\u00fcn\u00fcyorsan\u0131z onlar\u0131 birer k\u00fc\u00e7\u00fck d\u00fc\u015f\u00fcnce balonu olarak d\u00fc\u015f\u00fcnebilirsiniz. Bu k\u00fct\u00fcphane, ilgili popperlar\u0131n d\u00fczenlenmesi, \u00f6\u011felere yap\u0131\u015ft\u0131r\u0131lmas\u0131 ve \u00e7e\u015fitli ekranlarda sorunsuz \u00e7al\u0131\u015fabilmesi i\u00e7in kullan\u0131labilir.<\/span><\/p>\n

Premonish<\/a><\/strong><\/span><\/p>\n

\"javascript-premonish\"<\/a><\/p>\n

Premonish, ziyaret\u00e7ilerin fare hareketlerini takip eder ve hangi \u00f6\u011feyle etkile\u015fime ge\u00e7ece\u011fini \u00f6ng\u00f6r\u00fcr. Bu ilgin\u00e7 JavaScript kitapl\u0131\u011f\u0131, ilgin\u00e7 animasyonlar sunar ve kesinlikle CTA’lar\u0131n\u0131z\u0131n daha fazla g\u00f6ze \u00e7arpmas\u0131n\u0131 sa\u011flar.<\/span><\/p>\n

ReactJS<\/a><\/strong><\/span><\/p>\n

\"javascript-reactjs\"<\/a><\/p>\n

Muhtemelen bu k\u00fct\u00fcphaneyi daha \u00f6nce duymu\u015fsunuzdur. Ama bu bahsetmeyece\u011fimiz anlam\u0131na gelmiyor. Bu k\u00fct\u00fcphane kullan\u0131c\u0131 aray\u00fczleri<\/strong> olu\u015fturman\u0131za olanak tan\u0131r. Bir aray\u00fcz\u00fcn m\u00fc\u015fteri deneyimi i\u00e7in ne kadar \u00f6nemli oldu\u011funu art\u0131k hepimiz biliyoruz, bu y\u00fczden React’i kullanmamak i\u00e7in hi\u00e7bir sebep yok.<\/span><\/p>\n

Slick<\/a><\/strong><\/span><\/p>\n

\"javascript-slick\"<\/a><\/p>\n

Slick, t\u00fcm karusel ihtiya\u00e7lar\u0131n\u0131z\u0131 \u00e7\u00f6zmeniz i\u00e7in olu\u015fturulmu\u015f harika bir k\u00fct\u00fcphanedir. Olduk\u00e7a duyarl\u0131 olan Slick, \u00e7ok fazla se\u00e7enek sunar ve t\u00fcm mobil cihazlarda h\u0131zl\u0131 bir \u015fekilde \u00e7al\u0131\u015f\u0131r. Hatta Slick ile 2 farkl\u0131 karuseli bile birbirleriyle senkronize edebilirsiniz.<\/span><\/p>\n

TaffyDB<\/a><\/strong><\/span><\/p>\n

\"javascript-taffyDB\"<\/a><\/p>\n

JavaScript ile veriler \u00fczerinde \u00e7al\u0131\u015f\u0131yorsan\u0131z bu k\u00fct\u00fcphaneyi kesinlikle seveceksiniz. JavaScript’in veri taban\u0131na benzer i\u015flevler sunan TaffyDB, \u00f6zellikle a\u011f\u0131r veri siteleri i\u00e7in \u00e7ok faydal\u0131 olabilir.<\/span><\/p>\n

TweenJS<\/a><\/strong><\/span><\/p>\n

\"javascript-tween\"<\/a><\/p>\n

Olduk\u00e7a basit bir yap\u0131s\u0131 olan TweenJS ile HTML ve JavaScript’i birbirlerine d\u00f6n\u00fc\u015ft\u00fcrebilir ve animasyonlar yapabilirsiniz. Ayr\u0131ca ger\u00e7ekten kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in e\u011flenceli etkile\u015fimler yaratabilir. Bir \u00f6rne\u011fini g\u00f6rebilmek i\u00e7in buraya<\/a> t\u0131klay\u0131n\u0131z.<\/span><\/p>\n

Three<\/strong>.js<\/strong><\/span><\/a><\/p>\n

\"javascript-three\"<\/a><\/p>\n

Three.js, 3D tasar\u0131mlarla u\u011fra\u015fan herkes i\u00e7in ger\u00e7ekten e\u011flenceli bir JavaScript k\u00fct\u00fcphanesidir.<\/strong> Bu k\u00fct\u00fcphane ile ger\u00e7ekten \u015fa\u015f\u0131rt\u0131c\u0131 projeler yaratabilirsiniz. Telefonunuzda k\u00e2\u011f\u0131t u\u00e7aklar att\u0131\u011f\u0131n\u0131z Paper Planes<\/a><\/em> web sitesini hat\u0131rlay\u0131n. Bu site Three.js ile hayata ge\u00e7irildi. Daha \u00e7e\u015fitli projeleri g\u00f6rebilmek i\u00e7in buraya<\/a>\u00a0t\u0131klay\u0131n.<\/span><\/p>\n

Voca<\/a><\/strong><\/span><\/p>\n

\"javascript-voca\"<\/a><\/p>\n

JavaScript’in stringleriyle \u00e7al\u0131\u015fmak bazen ger\u00e7ekten \u00e7ok zor olabilir. Bu gibi durumlarda Voca JavaScript k\u00fct\u00fcphanesi devreye girer ve bunlar\u0131 kolayl\u0131kla de\u011fi\u015ftirmenize olanak tan\u0131r. Ayr\u0131ca k\u0131rpma, kesme gibi bir\u00e7ok \u00e7e\u015fitli i\u015flevi de sunar. Ayr\u0131ca k\u00fct\u00fcphane, dilerseniz t\u00fcm k\u00fct\u00fcphaneyi ya da dilerseniz sadece belirli bireysel fonksiyonlar\u0131 y\u00fcklemenize olanak tan\u0131yan bir mod\u00fcler tasar\u0131ma sahip.<\/span><\/p>\n

2018’in en iyi di\u011fer JavaScript ara\u00e7 ve eklentileri:<\/strong><\/span><\/p>\n

Babel<\/a><\/strong><\/span><\/p>\n

\"javascript-babel\"<\/a><\/p>\n

Yeni nesil JavaScript kullanmak i\u00e7in haz\u0131r m\u0131s\u0131n\u0131z? \u0130lk bakman\u0131z gereken Babel. Babel, basit bir JavaScript derleyicisidir ve s\u00f6zdizim transformat\u00f6rleri sayesinde JavaScript’in son s\u00fcr\u00fcm\u00fc ile \u00e7al\u0131\u015f\u0131r. B\u00f6ylelikle taray\u0131c\u0131 deste\u011fine gerek kalmadan kullanabilirsiniz.<\/span><\/p>\n

ESLint<\/a><\/strong><\/span><\/p>\n

\"javascript-jslint\"<\/a><\/p>\n

\u00d6zellikle JavaSvript ve JSX i\u00e7in olu\u015fturulmu\u015f olan bu eklenti ile kodunuzdaki hatalar\u0131 bulabilirsiniz. Bu eklentiyi kullanarak komut sat\u0131rlar\u0131n\u0131zdaki s\u00f6zdizim hatalar\u0131n\u0131 ve stil sorunlar\u0131n\u0131 kolayl\u0131kla bulabilir ve kendinize b\u00fcy\u00fck bir zaman tasarrufu sa\u011flayabilirsiniz.<\/span><\/p>\n

iziModal<\/a><\/strong><\/span><\/p>\n

\"javascript-izimodal\"<\/a><\/p>\n

Kullan\u0131c\u0131lara baz\u0131 bilgileri vermeniz gerekiyor ve bazen de onlardan baz\u0131 bilgileri alman\u0131z gerekiyor. Bunun i\u00e7in kullanabilece\u011finiz en iyi se\u00e7eneklerden bir tanesi pop-uplard\u0131r. Olduk\u00e7a basit bir jQuery eklentisi olan iziModal ile bunlardan bir tanesini kolayl\u0131kla yapabilirsiniz. \u00c7e\u015fitli model t\u00fcrleri ve geli\u015fmi\u015f \u00f6zelle\u015ftirme yetene\u011fiyle bu esnek eklenti kesinlikle size yard\u0131mc\u0131 olacakt\u0131r.<\/span><\/p>\n

Meteor<\/a><\/strong><\/span><\/p>\n

\"javascript-meteor\"<\/a><\/p>\n

JavaScript \u00fczerinde \u00e7al\u0131\u015f\u0131rken projelerinizi en h\u0131zl\u0131 \u015fekilde olu\u015fturman\u0131n yolu Meteor’dan ge\u00e7er. B\u00fcnyesinde var olan bir JavaScript y\u0131\u011f\u0131n\u0131yla daha az kod kullanarak daha fazlas\u0131n\u0131 yapabilmenizi sa\u011flar ve zaman tasarrufu kazand\u0131r\u0131r. Ayr\u0131ca di\u011fer JavaScript frameworkleri ile kolayl\u0131kla entegre olabiliyorken ayn\u0131 zamanda masa\u00fcst\u00fc ve mobil cihazlarla harika bir \u015fekilde \u00e7al\u0131\u015fabilir.<\/span><\/p>\n

Shave<\/a><\/strong><\/span><\/p>\n

\"javascript-shave\"<\/a><\/p>\n

Bu JavaScript eklentisi bir HTML \u00f6\u011fesinin i\u00e7inden bir metni k\u0131rpman\u0131za olanak tan\u0131r. Ayarlanabilir maksimum boyut se\u00e7ene\u011fiyle birlikte gelen Shave, metni s\u0131\u011fd\u0131rabilmek i\u00e7in biraz k\u0131rpar. Ayr\u0131ca en iyi yan\u0131 ise orijinal metni kaybetmeden sizin i\u00e7in sakl\u0131yor olmas\u0131.<\/span><\/p>\n

Webpack<\/a><\/strong><\/span><\/p>\n

\"javascript-webix\"<\/a><\/p>\n

JavaScript mod\u00fcllerinizi bir araya getirmek ve derlemek i\u00e7in bir yol ar\u0131yorsan\u0131z i\u015fte kar\u015f\u0131n\u0131zda Webpack. Bu eklenti modern JavaScript uygulamalar\u0131n\u0131z\u0131 ve mod\u00fcllerinizi al\u0131r ve bunlar\u0131 basit bir \u015fekilde paketleyerek temiz kalmalar\u0131n\u0131 sa\u011flar.<\/span><\/p>\n

Sonu\u00e7<\/strong><\/span><\/p>\n

2018’in en sevilen ve kullan\u0131\u015fl\u0131 JavaScript ara\u00e7lar\u0131ndan baz\u0131lar\u0131n\u0131 sizler i\u00e7in derledik ve ke\u015ffetmenizi sa\u011flad\u0131k. Hangilerini kullanmay\u0131 d\u00fc\u015f\u00fcn\u00fcyorsunuz size g\u00f6re hangileri avantajl\u0131? A\u015fa\u011f\u0131daki yorum b\u00f6l\u00fcm\u00fcnde bizlerle payla\u015f\u0131n!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

JavaScript k\u00fct\u00fcphaneleri ve frameworkleri herhangi bir tasar\u0131mc\u0131 ya da geli\u015ftirici i\u00e7in son derece faydal\u0131 ara\u00e7lard\u0131r. Bunlar\u0131 kullanarak web sitenize baz\u0131 ultra g\u00fc\u00e7l\u00fc…<\/p>\n","protected":false},"author":3,"featured_media":11706,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,401],"tags":[],"class_list":["post-11619","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-haberler","category-web-tasarim"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11619","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/comments?post=11619"}],"version-history":[{"count":4,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11619\/revisions"}],"predecessor-version":[{"id":11705,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/posts\/11619\/revisions\/11705"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media\/11706"}],"wp:attachment":[{"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/media?parent=11619"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/categories?post=11619"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ihs.com.tr\/blog\/wp-json\/wp\/v2\/tags?post=11619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}