mert.dev
Basit hava durumu uygulamami paylaştım. Geri bildirim bekliyorum.
Mobil kod editörü
Mobil ekrana uygun kod yazma, giriş verisi ekleme, önizleme alma ve projeyi paylaşıma hazırlama deneyimi.
iOS için yeni nesil kodlama platformu
Kod öğren, yaz, paylaş ve toplulukla geliş.
Kodogram; mobil kod editörü, öğrenme merkezi, XP sistemi, forum, yorumlar ve kod paylaşımlarını tek bir premium iOS deneyiminde birleştirir.
EditörMobil kod yazma ve önizleme
XPSeviye, seri ve ilerleme
ForumTopluluk ve yorum sistemi
Güçlü Özellikler
Öğrenme, üretme ve paylaşma aynı akışta.
Kodogram, klasik ders uygulamasi gibi durmaz. Kullanıcı öğrenmekle kalmaz; kod yazar, çalıştırir, paylaşir ve topluluktan geri bildirim alir.
Kod paylaşımı
Kodunu başlıkla paylaş, sonradan düzenle ve topluluktan yorum al.
Forum & yorumlar
Soru sor, yanıt ver, konu takip et ve kodlar üzerinden fikir alışverişi yap.
Öğrenme merkezi
Dil bazlı derslerle adım adım ilerle, konuları tamamla ve gelişimini takip et.
Günlük seri
Her gün pratik yaparak serini koru ve kodlama alışkanlığını güçlendir.
XP ve seviye
Kod yazdıkça, ders tamamladıkça ve aktif kaldıkça ilerleme hissini kaybetme.
Bildirimler
Yorumlar, beğeniler, seri hatırlatmaları ve topluluk hareketleri için bildirim deneyimi.
Keşfet akışı
Paylaşılan kodları, yeni konuları ve toplulukta öne çıkan projeleri tek akışta keşfet.
Editör Deneyimi
Kod yazmak telefonda da ciddi hissettirmeli.
Kodogram editörü, mobil cihazda hızlı deneme yapmaya, örnekleri çalıştırmaya ve paylaşılabilir projeler üretmeye odaklanır.
✓ Çoklu dil mantığına uygun editör akışı
✓ Kod önizleme ve girdi destekli çalışma
✓ Paylaşım öncesi temiz proje sunumu
✓ Kod gecmisi ve düzenleme deneyimi
KodogramPlayground.swift
01import SwiftUI
02struct HavaDurumuKart: View {
03 let şehir = "İzmir"
04 let derece = 28
05
06 var body: some View {
07 VStack(alignment: .leading) {
08 Text(şehir).font(.title)
09 Text("\\(derece)°")
10 Button("Paylaş") { }
11 }
12 }
13}
02struct HavaDurumuKart: View {
03 let şehir = "İzmir"
04 let derece = 28
05
06 var body: some View {
07 VStack(alignment: .leading) {
08 Text(şehir).font(.title)
09 Text("\\(derece)°")
10 Button("Paylaş") { }
11 }
12 }
13}
Canlı ÖnizlemeKodunu yazarken sonucu temiz bir kart üzerinde görmeye hazır ol.
İzmir · 28°Güneşli hava · SwiftUI örnek proje
Paylaşıma Hazırla
SwiftUI Animasyonu
Swift ile üretim hissini ekranda da yaşat.
Bu bolum, telefon mockup'ina benzer şekilde Swift odaklı ikinci bir görsel hareket getirir. Kod paneli, derleme çubuğu ve yüzer kartlar sayesinde sayfa daha canlı ve premium görünür.
SwiftUI
Canlı derleme hissi
Floating kartlar
Parallax destekli
struct LessonPreview: View {
var body: some View {
VStack(alignment: .leading, spacing: 12) {
Text("SwiftUI Başlangıç")
.font(.title2)
Text("Bileşen oluştur, düzenle, paylaş.")
Button("Dersi Aç") { }
}
}
}
// Kodogram için Swift öğrenme akışı
var body: some View {
VStack(alignment: .leading, spacing: 12) {
Text("SwiftUI Başlangıç")
.font(.title2)
Text("Bileşen oluştur, düzenle, paylaş.")
Button("Dersi Aç") { }
}
}
}
// Kodogram için Swift öğrenme akışı
Derleniyor...
% aktif
Canlı Önizleme
Kodu yazarken sonucu görme hissi
Ders Akışı
Swift temelleri, SwiftUI ve pratik örnekler
Paylaşım Hazır
Projeyi düzenle ve topluluga gönder
Öğrenme Merkezi
Dersler, XP ve seri tek yerde.
Kullanıcı hangi konuda kaldığını, hangi dersi bitirdiğini ve ne kadar ilerlediğini net şekilde görür.
S
Swift Temelleri
Değişkenler, koşullar, fonksiyonlar
%72
J
JavaScript Pratikleri
DOM, event, mini projeler
%48
H
HTML & CSS
Kart tasarımi ve responsive temel
%86
P
Python Başlangıç
Veri tipleri ve algoritma pratikleri
%35
3.250kazanilan XP
7günlük seri
12seviye
Topluluk Akışı
Kodunu yalniz yazma.
Kodogram'da paylaşılan her kod, yorumlar ve forum yanıtlarıyla daha iyi hale gelir.
mert.dev
2 saat önce · Swiftlet city = "İzmir"
print("Bugün hava guzel")
print("Bugün hava guzel")
♡ 128💬 24↗ Paylaş
asya.codes
5 saat önce · HTML/CSS♡ 89💬 14↗ Paylaş
deniz.py
Bugün · Python♡ 64💬 9↗ Paylaş
Swift
Python
JavaScript
Canlı kod gosterimi
|
Swift
Mobil uygulama mantığı ve iOS odaklı öğrenme.
Python
Algoritma, veri yapıları ve giriş seviyesi pratik.
JavaScript
Web mantığı, event yapısı ve dinamik arayüz.
Çoklu Dil Deneyimi
Sadece Swift değil, diger dillere de canlı bir alan ver.
Bu terminal bölümü typing efektiyle Swift, Python ve JavaScript örneklerini dönüştürür. Sayfada hareket duygusunu artırır ve Kodogram'ın sadece tek bir dil değil, geniş bir öğrenme dünyası sunduğunu hissettirir.
Typing animasyonu
Swift / Python / JS
Canlı terminal hissi
Daha uzun landing page
Nasıl Çalışır?
3 adımda Kodogram deneyimi.
1
Kayıt ol
E-posta, Google veya Apple ile hesabı oluştur; profilini hazırla ve öğrenme yolculuğuna başla.
2
Kodla ve öğren
Editör içinde kod yaz, dersleri tamamla, önizleme al ve XP kazan.
3
Paylaş ve geliş
Kodlarıni topluluga ac, yorum al, forumda tartis ve daha iyi projeler üret.
Toplulukla Buyu
Kodla. Paylaş. Ilham al.
Kodogram, kullanıcıların sadece ders bitirdiği değil; ürettiği kodları paylaştığı, yorum aldığı ve beraber geliştiği sosyal bir kodlama alanı sunar.
Ilerleme Ozeti
3.250XP kazanildi
Populer Kodlar
Todo List App342 ♡
Hava Durumu289 ♡
Not Defteri214 ♡
Portfoy Sitesi198 ♡
Guvenli Topluluk
Paylaşım odaklı ama kontrollu bir deneyim.
Kodogram; raporlama, engelleme, gizlilik linkleri ve topluluk kuralları ile kullanıcıların daha güvenli hissettiği bir ortam hedefler.
Raporlama
Kullanıcı rahatsız edici kod, yorum veya forum içeriğini kategori seçerek bildirebilir.
Kontrol
Topluluk deneyiminde kullanıcınin kendi alanıni korumasina yardim eden sosyal araclar.
Şeffaflık
Gizlilik Politikası ve Kullanım Şartları linkleri ile yasal metinlere kolay erişim.
SSS
Sik sorulan sorular.
Web sitesinde kullanabileceğin temiz, App Store öncesi tanıtım soruları.
Kodogram hangi cihazlar için?
Kodogram iOS odaklı bir mobil uygulama olarak tasarlanir. Web sitesi ise uygulamayı tanitmak ve kullanıcıyi indirme akışına yönlendirmek içindir.
Uygulamada kod çalıştırma var mı?
Kodogram, kod yazma ve önizleme deneyimi sunar. Bazı dillerde giriş verisiyle çalışma ve örnek proje akışları desteklenebilir.
Topluluk özellikleri neler?
Kod paylaşımı, yorumlar, forum konuları, yanıtlar, beğeni/dislike ve profil akışları Kodogram'ın sosyal tarafını oluşturur.
Öğrenme merkezi ne saglar?
Dil bazlı dersler, XP, günlük seri ve ilerleme takibi ile kullanıcınin düzenli pratik yapmasina yardim eder.
Kodogram ile geleceği kodla.
Uygulamayı indir, topluluğa katıl ve kodlama yolculuğunu mobilde daha ileriye taşı.