TypeScript programlama dili, geli\u015ftiriciler i\u00e7in JavaScript'e k\u0131yasla bir\u00e7ok avantaja sahiptir. TypeScript, daha az hatayla daha karma\u015f\u0131k etkile\u015fimli uygulamalar ve web siteleri olu\u015fturabilmeniz i\u00e7in ek \u00f6zellikler sunar.<\/p>\n
TypeScript ayr\u0131ca, \u00e7al\u0131\u015f\u0131rken kodlama hatalar\u0131n\u0131 tespit etmeyi kolayla\u015ft\u0131ran sat\u0131r i\u00e7i dok\u00fcmantasyon ve canl\u0131 kod incelemesi sunan geni\u015f bir geli\u015ftirici ara\u00e7lar\u0131 ekosistemine sahiptir.<\/p>\n
Bu makalede TypeScript'in ne oldu\u011fu ve JavaScript ile nas\u0131l ili\u015fkili oldu\u011fu a\u00e7\u0131klanmakta ve \u00f6n u\u00e7 ve arka u\u00e7 uygulamalar\u0131 olu\u015fturmaya ba\u015flaman\u0131za yard\u0131mc\u0131 olacak kaynaklar sa\u011flanmaktad\u0131r.<\/p>\n
TypeScript, JavaScript'e ek i\u015flevler ekleyen bir programlama dilidir.<\/p>\n
JavaScript, karma\u015f\u0131k \u00f6n u\u00e7 ve arka u\u00e7 uygulamalar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rmak i\u00e7in tasarlanmam\u0131\u015ft\u0131. Ba\u015flang\u0131\u00e7ta web sitelerine basit etkile\u015fimler katmak i\u00e7in tasarlanm\u0131\u015ft\u0131. \u00d6rne\u011fin, t\u0131klanabilir d\u00fc\u011fmeler olu\u015fturmak ve a\u00e7\u0131l\u0131r men\u00fcleri canland\u0131rmak i\u00e7in.<\/p>\n
Ancak JavaScript, onu bunun \u00f6tesinde kullanman\u0131n yollar\u0131n\u0131 g\u00f6ren geli\u015ftiriciler aras\u0131nda pop\u00fclerlik kazand\u0131 ve bu da baz\u0131 sorunlara yol a\u00e7t\u0131: dil a\u015f\u0131r\u0131 affediciydi. Programlama hatalar\u0131 yapmak veya daha sonra bir uygulamay\u0131 bozacak \u00f6zellikleri k\u00f6t\u00fcye kullanmak \u00e7ok kolayd\u0131 ve JavaScript, di\u011fer dillerin bir\u00e7ok \u00f6zelli\u011finden yoksundu. TypeScript, mevcut JavaScript ortamlar\u0131yla uyumlu olurken bu sorunlar\u0131 gidermek i\u00e7in geli\u015ftirildi.<\/p>\n
TypeScript, statik olarak yaz\u0131lm\u0131\u015f bir dildir ve JavaScript'in mevcut s\u00f6zdizimi ve i\u015flevselli\u011fi \u00fczerine kurulu bir JavaScript \u00fcst k\u00fcmesidir. Bu, TypeScript kodunuzda JavaScript kullanabilece\u011finiz, ancak TypeScript ile yaz\u0131lan kod JavaScript'te bulunmayan \u00f6zellikler ve s\u00f6zdizimi kulland\u0131\u011f\u0131 i\u00e7in JavaScript kodunuzda TypeScript kullanamayaca\u011f\u0131n\u0131z anlam\u0131na gelir.<\/p>\n
TypeScript, web taray\u0131c\u0131lar\u0131nda ve Node.js gibi ortamlarda \u00e7al\u0131\u015fabilmesi i\u00e7in JavaScript'e derlenmelidir (d\u00fc\u015f\u00fck seviyeli bir dile \u00e7evrilmedi\u011fi i\u00e7in transpired de bir ba\u015fka terimdir). TypeScript kodu JavaScript'e derlendi\u011finde, ortaya \u00e7\u0131kan JavaScript kodunun do\u011frudan d\u00fczenlenmesi ama\u00e7lanmam\u0131\u015ft\u0131r.<\/p>\n
TypeScript uygulamalar\u0131 olu\u015fturman\u0131n i\u015f ak\u0131\u015f\u0131, bunlar\u0131 TypeScript'te yazmak, JavaScript'e derlemek ve ard\u0131ndan da\u011f\u0131tmakt\u0131r. Bu ekstra ad\u0131m gereksiz bir karma\u015f\u0131kl\u0131k gibi g\u00f6r\u00fcnse de, bunun \u00e7ok ge\u00e7erli bir nedeni var: TypeScript tamamen yeni bir dil olsayd\u0131, dikkate al\u0131nmaya de\u011fmezdi, ancak mevcut sistemlerde \u00e7al\u0131\u015fabilmesi i\u00e7in JavaScript'i derledi\u011fi i\u00e7in yayg\u0131n olarak kabul g\u00f6rm\u00fc\u015ft\u00fcr.<\/p>\n
TypeScript dosya uzant\u0131s\u0131 .ts'dir. A\u015fa\u011f\u0131da, temel TypeScript kodlar\u0131 i\u00e7eren index.ts adl\u0131 bir \u00f6rnek dosya bulunmaktad\u0131r:<\/p>\n
\n
let message: string = \"Hello, World!\";\r\nfunction greeting () {\r\nconsole.log(message);\r\n}\r\ngreeting();<\/code><\/pre>\n<\/div>\nS\u00f6zdizimi JavaScript'e \u00e7ok benzese de, bu \u00f6rnekte farkl\u0131 bir \u015fey g\u00f6r\u00fcl\u00fcyor: mesaj de\u011fi\u015fkeninin ard\u0131ndan iki nokta \u00fcst \u00fcste (:) geliyor ve t\u00fcr\u00fc (bu durumda TypeScript) bize mesaj\u0131n bir dize olmas\u0131 gerekti\u011fini ve farkl\u0131 bir t\u00fcrde de\u011fer alamayaca\u011f\u0131n\u0131 belirtmemize olanak tan\u0131yor.<\/p>\n
Geli\u015ftiriciler i\u00e7in TypeScript'in En \u00d6nemli \u00d6zellikleri ve Faydalar\u0131<\/h2>\n
TypeScript, ana \u00f6zelli\u011finin JavaScript'e t\u00fcr g\u00fcvenli\u011fi getirmesi nedeniyle bu ad\u0131 alm\u0131\u015ft\u0131r. Yukar\u0131daki \u00f6rnekte, mesaj de\u011fi\u015fkenine bir dize t\u00fcr\u00fc uyguland\u0131\u011f\u0131ndan, say\u0131sal bir de\u011fer veya ba\u015fka bir t\u00fcr kullan\u0131lamaz. Bu k\u0131s\u0131tlay\u0131c\u0131 g\u00f6r\u00fcnebilir, ancak asl\u0131nda geli\u015ftiriciler i\u00e7in bir avantajd\u0131r.<\/p>\n
T\u00fcr g\u00fcvenli\u011fi ve derleme zaman\u0131 kontrolleri programlama hatalar\u0131n\u0131 azalt\u0131r<\/h2>\n
\u015eu senaryoyu d\u00fc\u015f\u00fcn\u00fcn: \u0130ki HTML metin girdisinden de\u011ferler al\u0131yorsunuz ve bunlar\u0131 eklemek istiyorsunuz. JavaScript bu de\u011ferleri dizeler olarak okur (bir metin kutusudur!). Sonu\u00e7 olarak \u015fu olur:<\/p>\n
\n
let a = \"2\"; \/\/ Assuming the value has been read from a text input\r\nlet b = \"5\";\r\nconsole.log(a + b); \/\/ Result is \"25\"<\/code><\/pre>\n<\/div>\nBu kod herhangi bir uyar\u0131 veya hata olmadan \u00e7al\u0131\u015f\u0131r ve metin kutular\u0131ndaki de\u011ferler dize olarak ele al\u0131n\u0131r, yani aritmetik i\u015flemler kullan\u0131larak eklenmek yerine birle\u015ftirilir ve istenmeyen 7 yerine "25" sonucu elde edilir. Bir i\u015f arac\u0131 olu\u015fturuyorsan\u0131z ve bir miktar parasal de\u011fer katmak istiyorsan\u0131z, bu ger\u00e7ekten k\u00f6t\u00fc olabilir - m\u00fc\u015fterinizden fazla \u00fccret al\u0131yorsunuz!<\/p>\n
Bu, t\u00fcr g\u00fcvenli\u011finin neden \u00f6nemli oldu\u011funu g\u00f6steriyor. A\u015fa\u011f\u0131da, eklenen de\u011fi\u015fkenlerin t\u00fcr\u00fc, onlara bir t\u00fcr eklenerek uygulan\u0131yor:<\/p>\n
\n
let a: number = \"2\";\r\nlet b: number = \"2\";\r\nconsole.log(a + b);<\/code><\/pre>\n<\/div>\nBu kodu derleyip \u00e7al\u0131\u015ft\u0131rmay\u0131 denerseniz \u00e7al\u0131\u015fmaz; bunun yerine \u015fu hatay\u0131 al\u0131rs\u0131n\u0131z:<\/p>\n
'string' t\u00fcr\u00fc 'number' t\u00fcr\u00fcne atanamaz.<\/code><\/p>\nBu, bir say\u0131sal de\u011fi\u015fkene yanl\u0131\u015fl\u0131kla bir dize de\u011feri atamaya \u00e7al\u0131\u015ft\u0131\u011f\u0131n\u0131z\u0131 ve bu nedenle bunu d\u00fczeltebilece\u011finizi g\u00f6sterir; \u00f6rne\u011fin, dizeyi a\u00e7\u0131k\u00e7a bir say\u0131ya d\u00f6n\u00fc\u015ft\u00fcrerek. TypeScript, yaz\u0131m hatalar\u0131 olmas\u0131 durumunda kodunuzun derlenip \u00e7al\u0131\u015fmas\u0131n\u0131 engelleyerek program\u0131n\u0131z\u0131n hata ay\u0131klamas\u0131n\u0131 kullan\u0131c\u0131lar\u0131n\u0131z i\u00e7in daha kolay ve g\u00fcvenilir hale getirir.<\/p>\n
TypeScript'te \u00e7al\u0131\u015f\u0131rken, bir de\u011fi\u015fkenin t\u00fcr\u00fcn\u00fc belirtmeniz gerekmez (genellikle belirtmeniz gerekir): t\u00fcr \u00e7\u0131kar\u0131m\u0131, de\u011fi\u015fkenleri t\u00fcr belirtmeden bildirmenize ve kullanman\u0131za olanak tan\u0131r ve TypeScript, t\u00fcr\u00fc de\u011fere ve kullan\u0131ma g\u00f6re \u00e7\u0131kar\u0131r. Bu, TypeScript projelerinde kullan\u0131lmak \u00fczere t\u00fcrlendirilmemi\u015f JavaScript kodunu i\u00e7e aktar\u0131rken kullan\u0131\u015fl\u0131d\u0131r.<\/p>\n
E\u011fer bunu kendiniz denemek isterseniz, TypeScript Playground, derlemeye gerek kalmadan do\u011frudan taray\u0131c\u0131n\u0131zda TypeScript kodu yazman\u0131za ve test etmenize olanak tan\u0131r.<\/p>\n
\u00d6zel tipler, s\u0131n\u0131flar ve aray\u00fczler verilerinizin tutarl\u0131 kalmas\u0131n\u0131 sa\u011flar.<\/h2>\n
TypeScript, kendi \u00f6zel tiplerinizi desteklemenin yan\u0131 s\u0131ra s\u0131n\u0131flar, aray\u00fczler ve kal\u0131t\u0131mda iyile\u015ftirmeler sunarak JavaScript'in nesne y\u00f6nelimli programlamaya y\u00f6nelik deste\u011fini geni\u015fletir.<\/p>\n
Kendi nesne t\u00fcrlerinizi ve aray\u00fczlerinizi olu\u015fturmak, verilerinizin do\u011fru \u015fekilde i\u015flenmesini ve depolanmas\u0131n\u0131 sa\u011flamak i\u00e7in verilerinizi TypeScript'te modellemenize olanak tan\u0131r.<\/p>\n
S\u0131n\u0131flar ve kal\u0131t\u0131m, temiz kod ve DRY prensiplerini m\u00fcmk\u00fcn k\u0131larak kod taban\u0131n\u0131z\u0131 geleneksel JavaScript'ten \u00e7ok daha d\u00fczenli tutar.<\/p>\n
Enumlar ve sabit t\u00fcrler kodunuzun anla\u015f\u0131lmas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r<\/h2>\n
Enumlar, aksi takdirde belirsiz olabilecek de\u011ferlere isim vererek kodunuzu daha okunabilir ve kullan\u0131\u015fl\u0131 hale getirir.<\/p>\n
\u00d6rne\u011fin, veritaban\u0131n\u0131zda bir sipari\u015fin durumunu, yerden tasarruf etmek ve aramay\u0131 h\u0131zland\u0131rmak i\u00e7in say\u0131sal bir de\u011fer olarak sakl\u0131yorsan\u0131z, "bekliyor", "\u00f6dendi" ve "g\u00f6nderildi" yerine, bu de\u011ferleri s\u0131ras\u0131yla 0, 1 ve 2 say\u0131lar\u0131 olarak saklayabilirsiniz.<\/p>\n
Bunun yan etkisi, say\u0131lar\u0131n kendilerinin pek bir \u015fey ifade etmemesi nedeniyle kodunuzun kafa kar\u0131\u015ft\u0131r\u0131c\u0131 hale gelmesidir. Hangi say\u0131n\u0131n hangi ko\u015fula kar\u015f\u0131l\u0131k geldi\u011fini unutup yanl\u0131\u015f say\u0131y\u0131 kullanabilirsiniz. Enum'lar kullan\u0131\u015fl\u0131 bir \u00e7\u00f6z\u00fcm sunar:<\/p>\n
\n
enum OrderStatus {\r\npending,\r\npaid,\r\nshipped,\r\n}<\/code><\/pre>\n<\/div>\nYukar\u0131daki listede, "pending" 0 de\u011ferine sahiptir (programlamadaki di\u011fer indeksler gibi, enum'lar da \u00f6\u011felerin konumunu s\u0131f\u0131rdan saymaya ba\u015flar), "paid" 1 de\u011ferine ve "sent" 2 de\u011ferine sahiptir. Bir enum kullan\u0131rken, de\u011ferlerine ad\u0131yla ba\u015fvurursunuz ve indeks de\u011feri d\u00f6nd\u00fcr\u00fcl\u00fcr:<\/p>\n
konsol.log(Sipari\u015fDurumu.\u00f6dendi);\u00a0<\/span><\/code>\/\/ 1 \u00e7\u0131kt\u0131s\u0131 verecek<\/i><\/code><\/p>\nSabit t\u00fcrler ve birle\u015fimler, de\u011fi\u015fkenlere belirli de\u011ferler atar. \u00d6rne\u011fin, yaln\u0131zca "kedi" veya "k\u00f6pek" de\u011ferini almay\u0131 bekleyen bir fonksiyonunuz olabilir:<\/p>\n
\n
function myFunction(pet: \"cat\" | \"dog\") {\r\nconsole.log(pet);\r\n}<\/code><\/pre>\n<\/div>\nKodunuz bu fonksiyona "cat" veya "dog" d\u0131\u015f\u0131nda de\u011ferler g\u00f6nderirse bir hata olu\u015fur. Bu, geli\u015ftirme s\u0131ras\u0131nda daha fazla sorunla kar\u015f\u0131la\u015f\u0131lmas\u0131n\u0131 sa\u011flar: Belirli girdiler bekleyen fonksiyonlar yazabilirsiniz; b\u00f6ylece, beklenmedik bir de\u011fer g\u00f6nderen bir hata olu\u015ftu\u011funda program\u0131n\u0131z derlenmez.<\/p>\n
TypeScript nas\u0131l kurulur ve TypeScript derleyicisi nas\u0131l kullan\u0131l\u0131r<\/h2>\n
TypeScript kodunun web taray\u0131c\u0131lar\u0131nda ve Node.js'de \u00e7al\u0131\u015ft\u0131r\u0131labilmesi i\u00e7in JavaScript'e derlenmesi gerekir ve bunun i\u00e7in TypeScript derleyicisini y\u00fcklemeniz gerekir.<\/p>\n
A\u015fa\u011f\u0131daki npm komutunu kullanarak TypeScript'i global olarak kurabilirsiniz.<\/p>\n
npm install -g typescript<\/code><\/p>\nKurulum tamamland\u0131ktan sonra npx'i kullanarak terminalinizin herhangi bir yerinden tsc TypeScript derleme komutunu \u00e7al\u0131\u015ft\u0131rabilirsiniz:<\/p>\n
tsc endeksi.ts<\/code><\/p>\nYukar\u0131daki komut, index.ts adl\u0131 TypeScript dosyas\u0131n\u0131 derler ve index.js adl\u0131 derlenmi\u015f bir JavaScript dosyas\u0131 \u00e7\u0131kt\u0131s\u0131 verir.<\/p>\n
TypeScript'te program nas\u0131l yaz\u0131l\u0131r<\/h2>\n
TypeScript, karma\u015f\u0131k, \u00e7ok sayfal\u0131 uygulamalar ve web siteleri olu\u015ftururken \u00f6ne \u00e7\u0131kar. \u00c7o\u011fu geli\u015ftirici, tek tek web sayfalar\u0131na etkile\u015fim eklemek gibi temel \u015feyler i\u00e7in kullanmasa da, React veya Angular ile b\u00fcy\u00fck uygulamalar olu\u015fturmak i\u00e7in kullan\u0131r.<\/p>\n
Bir\u00e7ok geli\u015ftirici, geli\u015ftirme ve hata ay\u0131klama s\u00fcre\u00e7lerini kolayla\u015ft\u0131rmak i\u00e7in kod tamamlama, sat\u0131r i\u00e7i dok\u00fcmantasyon ve hata vurgulama gibi \u00f6zelliklerden yararlanabilmek ad\u0131na TypeScript entegrasyonunu destekleyen kod d\u00fczenleyicileri kullan\u0131r.<\/p>\n
Mevcut JavaScript kodumu kullanabilir miyim?<\/h2>\n
Evet! TypeScript, JavaScript ile uyumludur. Eski JavaScript kodunuzu i\u00e7e aktarabilir, TypeScript projelerinizde kullanmaya devam edebilir ve yeni TypeScript i\u015flevlerinden yararlanmak i\u00e7in zaman i\u00e7inde de\u011fi\u015ftirebilirsiniz.<\/p>\n
Taray\u0131c\u0131 i\u00e7in TypeScript ile derlemeyi tamamlay\u0131n<\/h2>\n
React, \u00f6n u\u00e7 uygulamalar\u0131n\u0131z i\u00e7in kullan\u0131c\u0131 aray\u00fczleri olu\u015fturman\u0131za yard\u0131mc\u0131 olan bir k\u00fct\u00fcphanedir. Yeniden kullan\u0131labilir bile\u015fenler olu\u015fturman\u0131z i\u00e7in size temel sa\u011flar ve uygulama geli\u015ftirmenizi mod\u00fcler ve basit hale getirir. Ayr\u0131ca, sayfadaki i\u00e7eri\u011fi g\u00f6stererek, gizleyerek, ta\u015f\u0131yarak ve g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc de\u011fi\u015ftirerek kullan\u0131c\u0131n\u0131n etkile\u015fim kurabilece\u011fi dinamik sayfalar olu\u015fturman\u0131za olanak tan\u0131r. React uygulamalar\u0131 TypeScript ile yaz\u0131labilir: Bu kombinasyon, \u00f6n u\u00e7 geli\u015ftiriciler i\u00e7in pop\u00fcler ve g\u00fc\u00e7l\u00fc bir ara\u00e7 zinciridir.<\/p>\n
Angular, bile\u015fenlerini olu\u015fturmak i\u00e7in TypeScript kullanan eksiksiz bir \u00e7er\u00e7evedir. React'\u0131n \u00f6tesine ge\u00e7er: Kullan\u0131c\u0131 aray\u00fczleri olu\u015fturmak i\u00e7in ara\u00e7lar sa\u011flaman\u0131n yan\u0131 s\u0131ra, eksiksiz bir uygulama i\u00e7in de bir \u00e7er\u00e7eve sunar. Angular'\u0131n kavramsal yakla\u015f\u0131m\u0131, uygulama konseptleri Angular mimarisine uygun oldu\u011fu s\u00fcrece geli\u015ftiricilerin daha h\u0131zl\u0131 geli\u015ftirmelerine olanak tan\u0131r.<\/p>\n
Hem React hem de Angular, Ionic ve Electron i\u00e7in TypeScript uygulamalar\u0131 olu\u015fturmak i\u00e7in kullan\u0131labilir. Ionic, TypeScript kullanarak iOS ve Android i\u00e7in mobil uygulamalar olu\u015fturman\u0131za olanak tan\u0131rken, Electron, web uygulamalar\u0131n\u0131z\u0131 Windows, Linux ve MacOS i\u00e7in masa\u00fcst\u00fc uygulamalar\u0131na yerle\u015ftirmenize olanak tan\u0131r.<\/p>\n
Sunucuda TypeScript Arka U\u00e7lar\u0131n\u0131 Da\u011f\u0131tma<\/h2>\n
TypeScript, yaln\u0131zca \u00f6n u\u00e7 uygulamalar\u0131 olu\u015fturmakla s\u0131n\u0131rl\u0131 de\u011fildir. Node.js ile birlikte arka u\u00e7 hizmetleri ve komut sat\u0131r\u0131 uygulamalar\u0131 geli\u015ftirmek i\u00e7in de kullan\u0131labilir.<\/p>\n
TypeScript'i Fastify web framework'\u00fcyle birlikte kullanabilir veya t\u00fcr g\u00fcvenli API'ler olu\u015fturmak i\u00e7in Nest gibi TypeScript'e \u00f6zg\u00fc bir framework kullanabilirsiniz.<\/p>\n
TypeScript ve GraphQL<\/h2>\n
![\"\"](\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=\")
<\/a><\/p>\nGraphQL, API'lerden veri aramak ve almak i\u00e7in kullan\u0131lan bir sorgu dilidir. TypeScript gibi, t\u00fcr bazl\u0131d\u0131r, bu nedenle yap\u0131land\u0131r\u0131lm\u0131\u015f ve tutarl\u0131 veriler sa\u011flar. GraphQL'i arka u\u00e7lar\u0131n\u0131zda uygulamak i\u00e7in GraphQL'i destekleyen hizmetleri kullanarak ve t\u00fcrlerini TypeScript kodunuzla e\u015fle\u015ftirerek, arka u\u00e7 hizmetlerinizde modellenen t\u00fcm verilerin \u00f6n u\u00e7lar\u0131n\u0131za do\u011fru \u015fekilde yans\u0131t\u0131lmas\u0131n\u0131 ve \u00f6n u\u00e7larda toplanan t\u00fcm verilerin y\u00fcklendi\u011finde do\u011fru \u015fekilde depolanmas\u0131n\u0131 sa\u011flayarak uygulamalar\u0131n\u0131z\u0131n kalitesini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131rabilirsiniz.<\/p>\n
Olu\u015fturulabilir i\u00e7eri\u011finizi y\u00f6netmek i\u00e7in Contentful kullan\u0131yorsan\u0131z, topluluk \u00fcyelerimiz i\u00e7erik t\u00fcrleriniz i\u00e7in t\u00fcr bildirimleri olu\u015fturman\u0131za ve TypeScript'i i\u00e7erik modelinizle senkronize etmenize yard\u0131mc\u0131 olan uygulamalar ve ara\u00e7lar olu\u015fturmu\u015ftur.<\/p>","protected":false},"excerpt":{"rendered":"Giri\u015f TypeScript programlama dili, geli\u015ftiriciler i\u00e7in JavaScript'e k\u0131yasla bir\u00e7ok avantaja sahiptir. Ek \u00f6zellikler\u2026","protected":false},"author":1,"featured_media":16646,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"TypeScript \u0686\u06cc\u0633\u062a","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_opengraph-image":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_twitter-image":"","_yoast_wpseo_focuskeywords":"[]","_yoast_wpseo_primary_category":"193","footnotes":""},"categories":[193,363],"tags":[416],"class_list":{"0":"post-16641","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tutorials","8":"category-programming","9":"tag-typescript"},"yoast_head":"\n
TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f - \u0628\u0644\u0627\u06af ITPiran<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-typescript-and-why-should-you-use-it\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f - \u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"og:description\" content=\"\u0645\u0642\u062f\u0645\u0647 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc TypeScript \u0645\u0632\u0627\u06cc\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0627\u0631\u062f. \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-typescript-and-why-should-you-use-it\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0628\u0644\u0627\u06af ITPiran\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-14T22:02:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1793\" \/>\n\t<meta property=\"og:image:height\" content=\"1110\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\"},\"headline\":\"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\",\"datePublished\":\"2025-01-14T22:02:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/\"},\"wordCount\":116,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/01\\\/15013050\\\/TypeScriptWallpaper.jpg\",\"keywords\":[\"typeScript\"],\"articleSection\":[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/\",\"name\":\"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f - \u0628\u0644\u0627\u06af ITPiran\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/01\\\/15013050\\\/TypeScriptWallpaper.jpg\",\"datePublished\":\"2025-01-14T22:02:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/01\\\/15013050\\\/TypeScriptWallpaper.jpg\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2025\\\/01\\\/15013050\\\/TypeScriptWallpaper.jpg\",\"width\":1793,\"height\":1110},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tutorials\\\/what-is-typescript-and-why-should-you-use-it\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"item\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"name\":\"\u0628\u0644\u0627\u06af ITPiran\",\"description\":\"\u0627\u062e\u0628\u0627\u0631 \u0648 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#organization\",\"name\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\",\"alternateName\":\"ITPIran Blog\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/cdn.itpiran.net\\\/2023\\\/12\\\/27150508\\\/cropped-ITPIRAN-BLOG-LOGO-2.png\",\"width\":512,\"height\":512,\"caption\":\"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646\"},\"image\":{\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/#\\\/schema\\\/person\\\/04ed27b919baca468a2273f8e4318f81\",\"name\":\"admin\",\"url\":\"https:\\\/\\\/www.itpiran.net\\\/blog\\\/tr\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TypeScript nedir ve neden kullanmal\u0131s\u0131n\u0131z? - ITPiran Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-typescript-and-why-should-you-use-it\/","og_locale":"tr_TR","og_type":"article","og_title":"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f - \u0628\u0644\u0627\u06af ITPiran","og_description":"\u0645\u0642\u062f\u0645\u0647 \u0632\u0628\u0627\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc TypeScript \u0645\u0632\u0627\u06cc\u0627\u06cc \u0632\u06cc\u0627\u062f\u06cc \u0646\u0633\u0628\u062a \u0628\u0647 \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0628\u0631\u0627\u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u062f\u0627\u0631\u062f. \u0642\u0627\u0628\u0644\u06cc\u062a \u0647\u0627\u06cc \u0627\u0636\u0627\u0641\u06cc…","og_url":"https:\/\/www.itpiran.net\/blog\/tr\/tutorials\/what-is-typescript-and-why-should-you-use-it\/","og_site_name":"\u0628\u0644\u0627\u06af ITPiran","article_published_time":"2025-01-14T22:02:18+00:00","og_image":[{"width":1793,"height":1110,"url":"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"admin","Tahmini okuma s\u00fcresi":"12 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#article","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/"},"author":{"name":"admin","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81"},"headline":"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f","datePublished":"2025-01-14T22:02:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/"},"wordCount":116,"commentCount":0,"publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg","keywords":["typeScript"],"articleSection":["\u0622\u0645\u0648\u0632\u0634\u06cc","\u0628\u0631\u0646\u0627\u0645\u0647 \u0646\u0648\u06cc\u0633\u06cc"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/","url":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/","name":"TypeScript nedir ve neden kullanmal\u0131s\u0131n\u0131z? - ITPiran Blog","isPartOf":{"@id":"https:\/\/www.itpiran.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#primaryimage"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#primaryimage"},"thumbnailUrl":"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg","datePublished":"2025-01-14T22:02:18+00:00","breadcrumb":{"@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#primaryimage","url":"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg","contentUrl":"https:\/\/cdn.itpiran.net\/2025\/01\/15013050\/TypeScriptWallpaper.jpg","width":1793,"height":1110},{"@type":"BreadcrumbList","@id":"https:\/\/www.itpiran.net\/blog\/tutorials\/what-is-typescript-and-why-should-you-use-it\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itpiran.net\/blog\/"},{"@type":"ListItem","position":2,"name":"\u0622\u0645\u0648\u0632\u0634\u06cc","item":"https:\/\/www.itpiran.net\/blog\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"TypeScript \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0628\u0627\u06cc\u062f \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u061f"}]},{"@type":"WebSite","@id":"https:\/\/www.itpiran.net\/blog\/#website","url":"https:\/\/www.itpiran.net\/blog\/","name":"ITPiran Blog","description":"\u0130ran S\u00fcrd\u00fcr\u00fclebilir Ticaret Haberleri ve Makaleleri","publisher":{"@id":"https:\/\/www.itpiran.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itpiran.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/www.itpiran.net\/blog\/#organization","name":"S\u00fcrd\u00fcr\u00fclebilir \u0130ran \u0130\u015fletmeleri Blogu","alternateName":"ITPIran Blog","url":"https:\/\/www.itpiran.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","contentUrl":"https:\/\/cdn.itpiran.net\/2023\/12\/27150508\/cropped-ITPIRAN-BLOG-LOGO-2.png","width":512,"height":512,"caption":"\u0628\u0644\u0627\u06af \u062a\u062c\u0627\u0631\u062a \u067e\u0627\u06cc\u062f\u0627\u0631 \u0627\u06cc\u0631\u0627\u0646\u06cc\u0627\u0646"},"image":{"@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.itpiran.net\/blog\/#\/schema\/person\/04ed27b919baca468a2273f8e4318f81","name":"y\u00f6netici","url":"https:\/\/www.itpiran.net\/blog\/tr\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/16641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/comments?post=16641"}],"version-history":[{"count":1,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/16641\/revisions"}],"predecessor-version":[{"id":16645,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/posts\/16641\/revisions\/16645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media\/16646"}],"wp:attachment":[{"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/media?parent=16641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/categories?post=16641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itpiran.net\/blog\/tr\/wp-json\/wp\/v2\/tags?post=16641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/cdn.itpiran.net\/2025\/01\/15012317\/1-2.jpg\")
<\/a><\/p>\n