Günümüz web uygulamaları genellikle iki ana bölümden oluşur: Profesyonel projelerde düzenli, ölçeklenebilir ve sürdürülebilir bir klasör yapısı kullanmak oldukça önemlidir. Aşağıda örnek bir proje yapısı ve detaylı açıklaması bulunmaktadır. 📁 FRONTEND (my-app-frontend/) Frontend kısmı genellikle React + TypeScript gibi modern teknolojilerle geliştirilir. 🔹 Frontend Klasörlerinin Açıklaması 📦 package.json Projede kullanılan…
İnternet hızınız yalnızca kullandığınız altyapıya veya servis sağlayıcınıza bağlı değildir. Çoğu kullanıcının farkında olmadığı ama internet deneyimini doğrudan etkileyen en önemli unsurlardan biri DNS (Domain Name System) ayarlarıdır. Doğru DNS sunucusunu kullanmak; web sitelerinin daha hızlı açılmasını, daha stabil bir bağlantıyı ve zaman zaman daha güvenli bir internet deneyimini beraberinde…
Front-End Developer Roadmap (Yol Haritası) 1️⃣ HTML 2️⃣ CSS 3️⃣ JavaScript 4️⃣ React With these skills, you can become a Front-End Developer.Ek olarak: Profesyonel Front-End Developer Yol Haritası Rehberi Günümüz dijital dünyasında web siteleri ve web uygulamaları, markaların ve bireylerin en önemli vitrini haline gelmiştir. Bu noktada devreye giren Front-End…
Web geliştirme, internet üzerinde çalışan web siteleri ve web uygulamalarının tasarlanması, kodlanması, yayınlanması ve yönetilmesi sürecidir. Modern web projeleri temel olarak iki ana bölümden oluşur: Client Side (Ön Yüz) ve Server Side (Arka Yüz). Bu iki yapı birlikte çalışarak kullanıcıya hızlı, güvenli ve etkileşimli bir deneyim sunar. Aşağıda görselde yer…
Linux işletim sistemi, güçlü terminal altyapısı sayesinde kullanıcıya sistem üzerinde tam kontrol sağlar. Bu rehberde en sık kullanılan Linux komutlarını kategorilere ayırarak açıklamalı ve profesyonel bir şekilde bulabilirsiniz. 1️⃣ Directory (Dizin) Komutları Linux’ta dosya sistemi hiyerarşik bir yapıya sahiptir. Bu komutlar dizinler arasında gezinmek ve dizin yönetimi yapmak için kullanılır.…
Yapay zekâ ajanları (AI Agents), yalnızca metin üretmekle kalmayıp analiz yapan, karar veren, araç kullanan ve görsel verileri yorumlayan sistemler hâline gelmiştir. Bu gelişimin arkasında farklı amaçlara hizmet eden çeşitli dil modeli mimarileri bulunur. Aşağıda, AI ajanlarında yaygın olarak kullanılan 6 temel model türünü hem teknik hem de profesyonel bir…
Akıllı telefonlar hayatımızın merkezine yerleşeli çok oldu. İletişimden eğlenceye, bankacılıktan alışverişe kadar neredeyse her şeyi bu küçük ekranlar üzerinden yönetiyoruz. Ancak bu kolaylığın gölgesinde, özellikle Android kullanıcılarını derinden etkileyen ve giderek büyüyen bir sorun var: agresif reklam yazılımları. Bu reklamlar artık sadece uygulama içinde değil, telefonu her açtığınızda, her arama…
IP Address (Internet Protocol Address), ağ üzerindeki her cihazın kimliğini belirleyen benzersiz bir sayısal adrestir. İnternet veya yerel ağ üzerinde veri alışverişi yapılabilmesi için her cihazın bir IP adresine sahip olması gerekir. IPv4 formatında bir IP adresi, 0.0.0.0 ile 255.255.255.255 arasında değişen ve dört oktetten (8 bitlik 4 bölüm) oluşan…
HTML (HyperText Markup Language), web sayfalarının iskeletini oluşturan temel işaretleme dilidir. HTML etiketleri (tags), içeriğin tarayıcı tarafından nasıl yapılandırılacağını ve görüntüleneceğini belirler. Her etiket belirli bir amaca hizmet eder: metin biçimlendirme, görsel yerleştirme, bağlantı oluşturma, form hazırlama, multimedya ekleme gibi. Aşağıda görselde yer alan HTML etiketleri eksiksiz şekilde yazıya dökülmüş,…
Dijital ürün geliştirme süreçlerinde artık tek bir ekran boyutuna göre tasarım yapmak yeterli değildir. Kullanıcılar; mobil telefonlardan tabletlere, dizüstü bilgisayarlardan ultra geniş monitörlere kadar çok farklı cihazlarla web sitelerine erişmektedir. Bu nedenle modern frontend geliştirme süreçlerinde responsive (duyarlı) tasarım, bir tercih değil zorunluluktur. Responsive tasarımın temelini ise CSS Media Query…
Günümüzde bilgisayarlar; eğitimden bilime, sağlıktan savunma sanayine, finanstan eğlence sektörüne kadar hayatın her alanında merkezi bir rol oynamaktadır. Ancak “Computer” kelimesinin harflerinden oluşturulan ve halk arasında yaygın şekilde kullanılan bir açılım bulunmaktadır. Bu açılım teknik olarak resmi bir tanım olmasa da, bilgisayarın işlevini anlatmak için öğretici ve sembolik bir ifadedir.…
Frontend geliştirme dünyasında sürdürülebilirlik, okunabilirlik ve performans artık yalnızca tercih değil, bir gerekliliktir. Modern CSS, özellikle Flexbox tarafında sunduğu shorthand (kısayol) özelliklerle geliştiricilere daha az kodla daha güçlü ve daha yönetilebilir arayüzler oluşturma imkânı sağlar. Geçmişte Flexbox kullanırken birden fazla property ayrı ayrı tanımlanırdı. Bu yaklaşım çalışırdı ancak: Modern CSS…
1️⃣ display Nedir? display özelliği, bir HTML elementinin belge akışı (document flow) içerisindeki davranışını belirler. Bu özellik sayesinde bir elementin: kontrol edilir. Modern web tasarımında display, layout sistemlerinin temel yapı taşıdır. 2️⃣ display: block 📌 Kavramsal Açıklama Block seviyeli elementler, sayfa düzeninde bağımsız bir satır işgal eder. Varsayılan olarak bulunduğu…
1. Temel Bilgiler (Tek Değer – Tüm Köşeleri Yuvarlar) → Köşeler keskindir. → Tüm köşeler 10px oranında yuvarlanır. → Kare bir öğede tam daire oluşturur. 2. Bireysel Köşeler (Saat Yönünde 4 Değer) Değer sırası saat yönündedir: 3. Eliptik Köşeler (Yatay / Dikey) Bu kullanım, oval veya kapsül (pill) şekiller oluşturmak…
Flexbox (Flexible Box Layout), tek boyutlu (1D) düzenler (satır veya sütun) oluşturmak için kullanılan bir CSS layout modelidir.Özellikle responsive (duyarlı) tasarım için oldukça uygundur. FLEX CONTAINER Bir elementi flex konteyner yapmak için: Bu özellik verildiğinde, içindeki öğeler flex item olur. Ana Kavramlar Main Axis (Ana Eksen) Varsayılan olarak yataydır. Cross…
Bir web adresi (URL – Uniform Resource Locator), internet üzerindeki herhangi bir kaynağa (web sayfası, görsel, dosya, API vb.) erişmemizi sağlayan standart bir adresleme sistemidir. URL yapısını doğru anlamak; web geliştirme, SEO, güvenlik ve performans açısından büyük önem taşır. Örnek bir URL üzerinden inceleyelim: Bu URL farklı bölümlerden oluşur ve…
