Yukleniyor...
Ücretsiz deneme dersi ile kodlama dünyasına ilk adımı atın. Hiçbir taahhüt yok, sadece öğrenme keyfi.
1e1kod Eğitim Ekibi · 3 Haziran 2026
Kısa cevap: Front-end (ön yüz), bir web sitesi veya uygulamada kullanıcının gördüğü ve etkileşime girdiği kısımdır — butonlar, menüler, formlar, renkler ve düzen. HTML (yapı), CSS (görünüm) ve JavaScript (etkileşim) ile geliştirilir. Front-end developer ise tasarımları çalışan, her cihazda düzgün görünen arayüzlere dönüştüren kişidir.
Üç temel taş vardır: CSS (görünüm), HTML (yapı) ve JavaScript (etkileşim). İleri seviyede React, Vue gibi kütüphaneler ve Bootstrap gibi tasarım çerçeveleri kullanılır.
Front-end developer, bir tasarımcının çizdiği arayüzü gerçek, tıklanabilir bir siteye dönüştürür; sitenin telefonda, tablette ve bilgisayarda düzgün, hızlı ve kullanıcı dostu olmasını sağlar. “Görünmeyen” sunucu tarafı ise back-end’in işidir.
Sıralama nettir: önce HTML + CSS ile sayfa yapısı ve tasarımı, sonra JavaScript ile etkileşim, ardından React. Bu yol görsel ve ödüllendiricidir; çocuk yaptığı her şeyi anında ekranda görür. 1e1kod’un birebir kodlama eğitimi ile gençler kendi portfolyo sitelerini yaparak başlar.
Front-end ile back-end farkı? Front-end gördüğümüz arayüz, back-end sunucu/veritabanı tarafı.
Front-end zor mu? HTML/CSS ile başlangıç kolaydır; JavaScript ile derinleşir.
Nasıl olunur? HTML → CSS → JavaScript → React sırasıyla ve bol proje ile.
HTML, CSS, JavaScript ve React ile birebir online web geliştirme. Ücretsiz tanışma dersinde tanışalım.
Ücretsiz Deneme DersiKonuyla ilgili bilgilendirici yazılar ve kaynaklar
RehberYaşa göre hangi aracın uygun olduğu, bilişsel gelişim evreleri ve pedagojik öneriler.
8 dk okuma
Karşılaştırmaİki dilin farkları, hangi yaşta hangisini seçmek gerektiği ve öğrenme eğrisi karşılaştırması.
10 dk okuma
AraştırmaAraştırmalarla kodlamanın problem çözme, mantıksal düşünme ve yaratıcılık üzerindeki etkileri.
7 dk okuma
Temel KavramBlok tabanlı kodlama araçları, çalışma prensibi ve çocuklara neden uygun olduğu.
6 dk okuma