React
15Eki

React Projesi Başlatma

Ekim 15, 20240 Yorum

Selamlar! Bu yazımızda bir önceki bölümde kullandığımız React CDN bağlantılarına veda ediyoruz ve projemize DEPENDENCIES(bağımlılar) yapısını dahil ediyoruz. Dependencies projemizde kullandığımız paketler oluyor ve projemizin bağımlılıkları oluyorlar. React projesi oluşturmak için 2 yöntemden birini kullanabilirsiniz. Bu yöntemler bizlere hazır React ortamı sunuyor olmalarından dolayı çoğunlukla kullanılıyor. Bunlardan birisi Create React App ve diğeri Vite. Projemize

Daha fazla
JS il JSX arasındaki fark nedir
14Eki

JS ile JSX Arasındaki Fark Nedir?

Ekim 14, 20240 Yorum

Selamlar! Web geliştirme süreçlerinde sıklıkla duyduğumuz bu kavramlar nedir ve aralarında nasıl farklar var bunlardan bahsedeceğiz ve bizim için uygun olana kendimiz karar verebileceğiz. İlk olarak bilinmesi gereken şey JS ile JSX aynı şeyler değildir. JS Nedir? JavaScript (JS) web geliştirmede kullanılan olmazsa olmaz derecede önemli bir yazılım dilidir. Hem tarayıcı hem de sunucu tarafında

Daha fazla
react components
13Eki

React Component Nedir, Ne İşe Yarar?

Ekim 13, 20240 Yorum

Selam dostlar! React duyduğumuzda ardından duyduğumuz 3 şeyden birisi “component” yapısıdır. Diğer ikisi “props” ve “state managment” terimleridir. Burada component yapısını anlamaya çalışacağız. Javascripteki fonksiyon yapısını biliyorsak anlaması çok daha kolay olacak çünkü hemen hemen aynı şeyler. Hadi başlayalım. Aşağıdaki görselde görülen her kısım (header, nav, main, footer), React’ta component olarak adlandırılıyor. Yine <main> componenti

Daha fazla
En Popüler 10 IDE (Integrated Development Environment - Entegre Geliştirme Ortamı)
12Eki

En Popüler 10 IDE (Integrated Development Environment – Entegre Geliştirme Ortamı)

Ekim 12, 20240 Yorum

Bu yazımda yazılım dünyasında kullanılan en popüler 10 IDE’yi sizler için derledim. Kod yazmak için illa bunlara ihtiyacınız yok tabi ki. Not defteri, notpadd++ veya benzeri bir metin editörünü de kullanabilirsiniz. IDE kullanımındaki amaçlar aşağıda listelenen avantajlar kısmında daha iyi anlaşılacaktır. 1. Visual Studio Code (VS Code) VS Code, Microsoft tarafından geliştirilmiş ve özellikle web

Daha fazla
React
11Eki

React Öğreniyorum – Geliştirme Ortamı

Ekim 11, 20240 Yorum

Selamlar! React öğreniyorum serisinin 2.yazısındayız. Bu yazımızda geliştirme ortamına göz atacağız ve nasıl kurulum yapabiliriz bu konulardan bahsedeceğiz. IDE (Integrated Development Environment – Entegre Geliştirme Ortamı) hakkında daha fazla bilgi için IDE Nedir? Neden Kullanılır? Avantajları Nelerdir? başlıklı blog yazıma göz atabilirsiniz. Yazılıma ilk başladığımda notpad ile başlamıştım ve IDE konusunda bilgim yoktu ancak zamanla

Daha fazla
IDE Nedir?
10Eki

IDE Nedir, Neden Kullanılır ve Avantajları Nelerdir?

Ekim 10, 20240 Yorum

Yazılım geliştirme dünyasına adım atan herkesin karşılaştığı önemli araçlardan biri IDE (Integrated Development Environment – Entegre Geliştirme Ortamı)’dir. Peki, IDE nedir, neden kullanılır ve yazılımcılara hangi avantajları sunar? Bu yazıda bu sorulara yanıt arayacağız. IDE Nedir? IDE, yazılım geliştiricilerin kod yazma, hata ayıklama, test etme ve projelerini yönetme gibi görevleri kolaylaştıran bir yazılım aracıdır. IDE’ler

Daha fazla
React
09Eki

React Öğreniyorum 2 – React Component Yapısı

Ekim 9, 20240 Yorum

Selamlar! React temelden öğrenim serimizin ikinci yazısı ile devam ediyoruz. Burada VS Code’da kullanacağımız bir eklentiyi yükleyerek başlayalım. VS Code’a girip eklentiler bölümüne tıklayarak “Live Server” eklentisini indirelim. Bu eklenti sayesinde projede yapılan değişiklikleri tarayıcıda direk görebileceğiz ve çıktıları daha hızlı alabileceğiz. Sizler için aşağıya bir görsel anlatım bırakıyorum. React Component Nedir, Nasıl Çalışır? Bu

Daha fazla
React
08Eki

React Öğreniyorum 1 – React Temel Mantığı

Ekim 8, 20240 Yorum

React temel mantığını anlayarak devam edersek, sonrasında öğreneceklerimiz daha mantıklı gelecektir ve daha sağlam bir alt yapı oluşturmuş olacağız. Burada React’ın en temel mantığından başlayacağız ve sonrasında daha pratik araçları yavaş yavaş dahil edeceğiz. Düz Mantık React Projesi Burada nasıl index.html, style.css ve script.js oluşturarak projelerimize başlıyorsak aynı şekilde ilk React projemizi de aynı şekilde

Daha fazla
React
07Eki

React Öğreniyorum – Giriş

Ekim 7, 20240 Yorum

Selamlar! Yeni bir serüvene başlıyoruz ve React veya diğer bir ismi ile React.js öğreniyoruz. React bir javascript kütüphanesidir ve web uygulamalarında ön yüz (frontend) yazmak için kullanılıyor. Bir çok avantaj sunuyor, küçük/büyük ölçekli projelerde kullanılıyor. Biz de bu serimiz ile react öğrenmeye ve küçük projeler geliştirmeye çalışacağız. React ile ilgili tüm detaylara kendi sitesinden veya

Daha fazla
JSX Nedir
05Eki

JSX Nedir?

Ekim 5, 20240 Yorum

JSX (JavaScript XML), React’te kullanılan ve HTML benzeri bir sözdizimine sahip özel bir yapıdır. JavaScript ile birlikte kullanılır ve bileşenlerin yapısını daha okunabilir hale getirir. JSX, HTML ve JavaScript’i birleştirir, bu sayede bileşenlerin nasıl görüneceğini ve davranacağını aynı kod bloğu içinde tanımlamanızı sağlar. JSX’in Özellikleri: Aşağıda HTML, Javascript ve JSX (React) için örnekler verildi. Açıkça

Daha fazla