Bir gün bir web uygulaması yapmaya karar verdiniz, ama nereden başlayacağınızı bilmiyorsunuz. İşte burada Express.js devreye giriyor. Eğer Node.js'i ve JavaScript'i biraz tanıyorsanız, Express.js ile web uygulamaları yapmak oldukça eğlenceli ve etkili bir deneyim haline gelir. Peki, Express.js nedir ve nasıl kullanılır? Gelin, birlikte adım adım bir Express.js projesi oluşturalım!

Express.js, Node.js için hızlı ve minimal bir web uygulama çerçevesidir. Hem basit hem de güçlüdür. Temelde HTTP isteklerini (GET, POST, PUT, DELETE gibi) yönetmenizi sağlar, böylece kullanıcılar web sitenizle etkileşime girebilir. Express, bir web sunucusu kurmak için yazmanız gereken kod miktarını minimuma indirir.

Adım 1: Node.js ve NPM'yi Kurun

İlk olarak, Node.js ve NPM (Node Package Manager) bilgisayarınızda kurulu olmalıdır. Eğer kurulu değilse, [Node.js'in resmi web sitesinden](https://nodejs.org/en/) en son sürümü indirip kurabilirsiniz.

Kurulumdan sonra terminal veya komut satırında `node -v` ve `npm -v` komutlarını girerek doğru şekilde kurulduğunu kontrol edebilirsiniz.

Adım 2: Yeni Bir Proje Başlatın

Artık Express.js projemize başlayabiliriz. Yeni bir proje oluşturmak için, terminalde aşağıdaki komutu kullanarak bir proje dizini oluşturun:

mkdir express-web-app
cd express-web-app

Proje dizinine girdikten sonra, npm ile bir `package.json` dosyası oluşturun. Bunun için şu komutu yazın:

npm init -y

Bu komut, projeniz için temel bir `package.json` dosyası oluşturacaktır.

Adım 3: Express.js'i Kurun

Şimdi Express.js'i kurmamız gerekiyor. Bunu yapmak için şu komutu terminale yazın:

npm install express --save

Bu komut, Express.js'i proje bağımlılığı olarak kurar ve `package.json` dosyasına kaydeder.

Adım 4: Basit Bir Sunucu Kurun

Artık Express.js kurulu, peki nasıl çalıştıracağız? Hadi basit bir "Hello World" uygulaması oluşturalım. Proje dizininde `app.js` isminde bir dosya oluşturun ve içine şu kodu ekleyin:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Merhaba, Express.js!');
});

app.listen(3000, () => {
  console.log('Sunucu 3000 portunda çalışıyor');
});

Bu kodda şunlar yapılıyor:
- Express modülünü dahil ettik.
- Basit bir GET isteği ile ana sayfayı (`/`) istedik.
- Kullanıcı `/` adresine gittiğinde "Merhaba, Express.js!" mesajı gösterilecek.
- Sunucuyu 3000 numaralı portta çalıştırdık.

Şimdi terminalde şu komutu çalıştırarak sunucunuzu başlatabilirsiniz:

node app.js

Tarayıcınızda `http://localhost:3000` adresini ziyaret ettiğinizde "Merhaba, Express.js!" mesajını görmelisiniz.

Express.js ile sadece sabit içerikler değil, dinamik içerikler de gönderebiliriz. Diyelim ki kullanıcıdan bir isim alıp ona özel bir mesaj göstermek istiyoruz. Bunun için şu şekilde bir route ekleyebiliriz:

app.get('/merhaba/:isim', (req, res) => {
  const isim = req.params.isim;
  res.send(`Merhaba, ${isim}! Express.js ile tanıştık.`);
});

Bu kodda:
- `:isim` kısmı bir parametre olduğunu belirtir. Bu parametreyi URL’den alıp dinamik olarak kullanabiliriz.
- `/merhaba/Serkan` gibi bir URL çağrıldığında, kullanıcıya "Merhaba, Serkan! Express.js ile tanıştık." mesajı gösterilecektir.

Web uygulamaları çoğu zaman dinamik sayfalar kullanır. Express.js, şablon motorlarıyla uyumlu çalışır. En popüler şablon motorlarından biri `EJS`'dir. `EJS` kullanarak dinamik HTML sayfaları oluşturabiliriz.

EJS'i kurmak için şu komutu yazın:

npm install ejs --save

Sonra, Express.js'e şablon motoru olarak EJS'i kullanmasını söyleyelim:

app.set('view engine', 'ejs');

Bir `views` klasörü oluşturup içine `index.ejs` adında bir dosya ekleyelim. Bu dosya şu şekilde olabilir:

  
  


  
<%= mesaj %>

Şimdi, `/` rotasında bu şablonu kullanarak dinamik içerik gönderebiliriz:

app.get('/', (req, res) => {
  res.render('index', { mesaj: 'Express.js ile Merhaba!' });
});

Bu rota, `index.ejs` şablonunu kullanarak "Express.js ile Merhaba!" mesajını kullanıcıya gösterecektir.

Ve işte, Express.js ile basit bir web uygulaması yapmayı öğrendiniz! Express.js, web uygulamanızı oluşturmanıza yardımcı olacak güçlü ve esnek bir araçtır. Artık dinamik içerikler, şablon motorları, farklı rotalar ve kullanıcı etkileşimleriyle daha karmaşık ve zengin uygulamalar oluşturabilirsiniz.

Express.js ile yapabileceklerinizin sınırı yok. Geliştirdiğiniz projede sadece hayal gücünüz size kılavuz olabilir!