TypeScript Öğren: Kodlama
TypeScript Öğren: Kodlama — Cebindeki type checker ile TypeScript öğren
TypeScript Öğren: Kodlama, yazarak TypeScript öğrendiğin ücretsiz bir iOS ve Android uygulamasıdır. Compiler cihazda çalışır; böylece sen yazarken type hatalarının altı çizilir. 101 kurs, ilk annotation’ından başlayıp union, generic ve conditional type’lar üzerinden React, Node.js ve tRPC’ye ilerler. AI Mentor, compiler’ın gösterdiği her uyarıyı sade bir dille açıklar.
- Fiyat
- Ücretsiz, Pro yükseltmesi
- Platformlar
- iOS ve Android
- Diller
- 22
- Yaş sınırı
- 4+
- Gereksinimler
- iOS 15.1 veya üzeri
- App Store
- 3.0 ★ (1)
Kırmızı alt çizginin belirdiğini görerek türleri en hızlı şekilde öğrenirsin.
TypeScript’in asıl gücü geri bildirim döngüsüdür: yanlış bir şey yaz, hatanın tam olarak nerede ve neden olduğunu gör, düzelt. Editor, sen yazarken type’larını kontrol eder; Type Explorer ise compiler’ın bir değerin ne olduğunu düşündüğünü gösterir. Böylece kavramlar, açıkladıkları hatalarla birlikte öğrenilir.
Nedir
TypeScript Öğren: Kodlama, telefonda çalışan gerçek bir compiler ile TypeScript öğrenebileceğin ücretsiz bir iOS ve Android uygulamasıdır. A1’den C2’ye seviyelendirilmiş 101 kurs ve 352 ders; temel type’ları, interface’leri, union’ları, narrowing’i, generic’leri, conditional ve mapped type’ları, infer keyword’ünü, strict mode ve tsconfig’i, ayrıca React, Node.js, Zod, Jest ve tRPC ile gerçek projeleri kapsar. Sen yazarken editor type hatalarının altını çizer; bulmacalar, rehberli projeler, coding mission’lar, mülakat simülatörü ve AI Mentor da pratik yapmanı sağlar.
Uygulamanın içinde
Nasıl görünüyor
Kurs
TypeScript kursunda neler var?
Uygulamadaki kendi kurs listesinde A1 ile C2 arasında seviyelendirilmiş 101 kurs. Bunlar, gerçek kurs adlarının kullanıldığı ana konu başlıklarıdır.
Önce types ve variables
Introduction to TypeScript, TypeScript vs JavaScript: Why Types Matter, Basic Types (string, number, boolean, any, unknown) ve Types and Variables Essentials.
Functions, objects ve günlük hayatta kullanılan types
Functions and Type Annotations, Arrays, Tuples and Enums, Interfaces and Type Aliases, Union and Intersection Types, Literal Types and const Assertions ve Optional Chaining and Nullish Coalescing.
Narrowing, classes ve generics
Type Narrowing and Type Guards, Classes and Access Modifiers, Generics Basics, Index Signatures ve typeof ile keyof operatörleri.
Utility types ve güvenli kod
Utility Types (Partial, Required, Pick, Omit, Record), Error Handling Patterns, Strict Mode and tsconfig Best Practices ve Runtime Validation with Zod.
İleri düzey types
Advanced Generics with Constraints and Conditional Types, Mapped Types and Template Literal Types, Discriminated Unions and Exhaustiveness ve satisfies Operator.
Gerçek projelerde TypeScript
TypeScript with React: Props and Hooks, TypeScript with Node.js and Express, Testing TypeScript with Jest, Type-Safe API Clients, tRPC, GraphQL ve Next.js.
Geçiş ve araçlar
Migration: JavaScript to TypeScript, Build and Bundlers, Monorepo Setup with TypeScript ve Authoring Declaration Files.
Type düzeyinde programlama
The infer Keyword and Complex Conditional Types, Writing Custom Utility Types, Recursive and Self-Referential Types ve the TypeScript Compiler API.
Nasıl çalışır
Bir TypeScript dersi nasıl ilerler?
Dersler kısadır ve compiler her dersin bir parçasıdır.
Kısa bir açıklama oku
Her ders beş ila on dakika sürer ve interface ile type alias arasındaki fark gibi küçük bir örnekle sade bir açıklamayı bir araya getirir.
Kod yaz ve type’ları izle
Editor’da yazarken hataların altı canlı olarak çizilir. Type Explorer, union’ın üyeleri de dahil olmak üzere imlecin bulunduğu yerdeki type’ı gösterir; programı çalıştırarak çıktısını da görebilirsin.
Pratik yap, sonra anlaşılmayanları sor
Her konunun sonunda sorular ve küçük coding görevleri bulunur. Type Gym’de bulmacaları çözer, Debug Arena’da ise bozuk kodu düzeltirsin. Bir generic constraint veya compiler mesajı kafanı karıştırırsa AI Mentor bunu açıklar.
İçinde neler var
Uygulamayla birlikte gelenler
101
İlk type’lardan C2’ye uzanan kurslar
A1’den C2’ye seviyelendirilmiş 352 ders; type’ların neden önemli olduğundan ve temel type’lardan TypeScript compiler API’sine ve type-safe parser’lar oluşturmaya kadar uzanır.
Canlı
Editor’da type kontrolü
Sen yazarken type hatalarının altı çizilir, Type Explorer imlecin altındaki type’ı gösterir ve AI Tools programını inceleyip uygulayabileceğin bir düzeltme önerebilir.
24
Type Gym bulmacaları
24 type bulmacası ve günün bulmacasının yanı sıra, süre dolmadan bozuk kodu düzelttiğin bir Debug Arena.
20
Rehberli projeler ve 60 mission
Her adımı tek tek oluşturulan ve çalıştırdığında her adımı kontrol edilen küçük programlar; ayrıca Hello World’den algorithm’lere uzanan üç seviyede 60 coding mission.
30
Mülakat simülatörü
Notlandırılmış bir rapor sunan, süre sınırlı 30 soruluk bir set; ayrıca cevaplarıyla birlikte 50 mülakat sorusu ve hâlâ yanlış yaptığın konuları gösteren bir Weakness radar.
AI
AI Mentor
Bir compiler hatasını veya generic constraint’i sor ve sade bir dille açıklama al.
Arka plan
JavaScript biliyorsan neden TypeScript öğrenmelisin?
TypeScript, üzerine statik bir type system eklenmiş JavaScript’tir. Verilerinin yapısını tanımlarsın; compiler, kod çalışmadan önce her kullanımını kontrol eder ve kod düz JavaScript’e derlendiğinde type’lar silinir. React, Angular ve Node codebase’lerinde bu yüzden TypeScript’i sıkça görürsün: aynı dil, kodunu bilen editor autocomplete’i ve “undefined is not a function” türündeki birçok hatayı build time’da yakalayan bir sistem sunar. JavaScript okuyabiliyorsan başlamak için gerekenlerin çoğunu zaten biliyorsun.
Type annotation ve inferenceburadan başla
Bir değişkeni veya function parametresini bir type ile annotation’layabilirsin. TypeScript de atadığın değerden yola çıkarak birçok type’ı kendiliğinden infer eder. Ne zaman type yazacağını, ne zaman inference’a bırakacağını öğrenmek ilk pratik beceridir.
Union ve narrowingher gün kullanılan temel araç
Union type, bir değerin birkaç type’tan biri olabileceğini belirtir. typeof kontrolleri, eşitlik kontrolleri ve özel type guard’lar aracılığıyla yapılan narrowing, compiler’a bir branch içinde hangisi olduğunu söyler; discriminated union’lar da bu kontrolün tüm olasılıkları kapsayacak şekilde yapılmasını sağlar.
Generic’leresnek ama hâlâ güvenli
Generic’ler, bir function veya type’ın any’ye başvurmadan birçok type ile çalışmasını sağlar. Ardından extends keyword’üyle kullanılan constraint’ler, bir type parameter’ın neleri yapabilmesi gerektiğini belirtir.
Utility, mapped ve conditional type’lartype system’ın ifade gücünün ortaya çıktığı yer
Partial, Pick, Omit ve Record; mapped ve conditional type’lar kullanılarak oluşturulur. Bunları infer keyword’üyle birlikte anladığında, başkalarının yazdıklarını kopyalamak yerine kendi utility type’larını yazabilirsin.
tsconfig ve strict modecompiler’ın ne kadar katı olmasını istediğin
Compiler seçenekleri, TypeScript’in ne kadar uyarı vereceğine karar verir. strict mode’u açmak, type’ların güvenilir olmasını sağlar; ayrıca mevcut bir JavaScript projesini dosya dosya, kademeli olarak taşımanı mümkün kılar.
Uygunluk
Kimler için uygun — kimler için değil
Şu durumlarda senin için uygun
- JavaScript yazıyor ve iş ilanlarında ve kod tabanlarında sürekli TypeScript görüyorsan
- React veya Node kullanıyor ve baştan sona type'lı kod istiyorsan
- En baştan type'lı standardı öğrenmeyi tercih eden bir başlangıç seviyesindeysen
- Yalnızca okuyarak değil, compiler geri bildirimleri ve küçük bulmacalarla daha iyi öğreniyorsan
- Bir JavaScript projen varsa ve onu dosya dosya geçirmek istiyorsan
Şu durumlarda doğru araç değil
- Daha önce hiç kod yazmadıysan ve ilk dilinin sıfırdan açıklanmasını istiyorsan; çünkü dersler kod okuyabildiğini varsayar
- Hâlâ laptop gerektiren, tam teşekküllü bir IDE'de büyük bir proje oluşturman gerekiyorsa
- İlk kurs ücretsiz ve Pro geri kalanların kilidini açtığı için her şeyin ücretsiz olmasını bekliyorsan
- Uygulama bağımsız olduğu için resmi bir Microsoft kursu istiyorsan
Sorular
Sık sorulan sorular
Telefonda TypeScript öğrenmenin en iyi yolu nedir?
Yalnızca okuyacağın metinleri değil, types'larını gerçekten kontrol eden bir şey kullan. TypeScript Öğren: Kodlama compiler'ı cihazda çalıştırır, sen yazdıkça type hatalarının altını çizer ve 101 kursu type bulmacaları, rehberli projeler ve bir AI Mentor ile bir araya getirir. iOS ve Android'de 22 dilde ücretsiz olarak başlayabilirsin.
JavaScript bilmeden TypeScript öğrenebilir miyim?
Öğrenebilirsin; ancak TypeScript, types eklenmiş JavaScript olduğu için önce biraz JavaScript okuyabilmek işine yarar. TypeScript Öğren: Kodlama, types'ın neden önemli olduğunu ve temel types'ı anlatarak başlar; ilk kurslardan biri de TypeScript ile JavaScript'i karşılaştırır. Type'lı dili ilk günden öğrenmek isteyen beginners, uygulamanın hitap ettiği gruplardan biridir.
TypeScript ile JavaScript arasındaki fark nedir?
TypeScript, JavaScript'e statik bir type system ekler. Compiler, kodunu tanımladığın veya kendisinin çıkarsadığı types'lara göre kontrol eder, ardından bu types'ları kaldırır; böylece çalıştırılan kod sıradan JavaScript olur. Avantajları hataların daha erken bulunması ve editörde daha iyi otomatik tamamlama desteğidir; karşılığında bir build adımı ve öğrenmen gereken ek bir söz dizimi gelir.
Uygulama TypeScript'imi gerçek bir compiler ile kontrol ediyor mu?
Evet. TypeScript compiler'ı cihazda çalışır; böylece editör, sen yazdıkça type hatalarının altını çizer ve Type Explorer imlecin bulunduğu yerdeki type'ı gösterir. Kodunu çalıştırıp çıktıyı da görebilirsin. Uygulama, TypeScript'in Microsoft Corporation'ın ticari markası olduğunu ve Microsoft ile bağlantılı olmadığını belirtir.
TypeScript'te generics nedir ve uygulama bunları nasıl öğretiyor?
Generics, bir function veya type'ın any'ye başvurmadan type güvenliğini koruyarak birçok type ile çalışmasını sağlar. Uygulama bunları aşamalı olarak öğretir: generic functions ve types ile başlar, ardından constraints, conditional types, mapped ve template literal types ile infer keyword'e geçer; pratik yapman için Type Gym'de bulmacalar da bulunur.
TypeScript with React ve Node.js konularını kapsıyor mu?
Evet. Gerçek proje kurslarında React props ve hooks ile TypeScript, Node.js ve Express ile TypeScript, type-safe API clients, Zod ile runtime validation, Jest ile testing, GraphQL, tRPC ve Next.js yer alır. Bir migration kursu, TypeScript'i mevcut bir JavaScript projesine kademeli olarak nasıl ekleyebileceğini gösterir.
TypeScript Öğren: Kodlama ücretsiz mi?
İndirmesi ücretsizdir. Ücretsiz sürümde ilk kurs, ilk rehberli proje ve proje yolu, iki kodlama görevi, günlük Lab çalışması ve günlük AI Mentor kullanım hakkı bulunur; ayrıca reklam gösterilir. Pro; tüm kursların, projelerin, yolların ve görevlerin, sınırsız AI Mentor ve Lab çalışmasının, editördeki tüm hata listesinin ve sertifika sınavının kilidini açar; reklamları da kaldırır.
Uygulama TypeScript mülakatlarına hazırlanmaya yardımcı oluyor mu?
Evet. Mülakat simülatörü, puanlandırılmış bir raporla sona eren, süreli 30 soruluk bir settir; ayrıca cevaplarıyla birlikte 50 mülakat sorusu bulunur. Weakness radar'ı hâlâ yanlış yaptığın konuları gösterir; böylece doğru kursa geri dönebilirsin.
TypeScript öğrenmek ne kadar sürer?
JavaScript'i zaten biliyorsan types, interfaces ve unions temellerini birkaç haftalık kısa günlük derslerle öğrenebilirsin; generics ve ileri type system ise daha uzun sürer. Uygulama; streak'ler, XP, ilerleme takibi ve seçtiğin saatte gönderilen günlük hatırlatıcılarla düzenli bir tempoyu destekler.
Sertifika var mı?
Evet. Pro, bir sertifika sınavı içerir ve sınavı geçtiğinde paylaşabileceğin bir tamamlama sertifikası alırsın. Bu sertifika, tamamladığın kurs çalışmalarını kaydeder ve Microsoft yeterliliği değildir.
Başla
İlk tür güvenli programını bugün yaz
iOS ve Android'de 22 dilde kullanmaya ücretsiz başla.
CoddyKit'ten daha fazlası
iOS ve Android üzerinde kullanılabilir.