Xampp Nedir?

Xampp, en popüler Php geliştirme ortamlarından bir tanesidir. Xampp tamamen ücretsiz (Linux dağıtımı gibi), yüklenmesi kolay Apache dağıtımlarından olup MariaDB, PHP ve Perl içerir.

Xampp’in kurulumu ve kullanımı oldukça kolaydır. Xampp 10 yıldan fazla bir süredir kullanılıyor ve arkasında büyük bir yazılımcı desteği bulunuyor. GNU Genel Kamu Lisansı altında kopyalanması serbesttir.

Xampp programı ile Drupal, Joomla!, WordPress gibi birçok popüler açık kaynaklı favori uygulamalarınızı yükleyebilirsiniz. Yani bilgisayarınıza Xampp programı ile Apache server kurup, WordPress veya başka bir uygulamayı yerelde kurup kullanabilirsiniz.

Kurabileceğiniz uygulamaları aşağıda listeledim.

WordPress

Joomla!

Drupal

CMS Made Simple

MediaWiki

PrestaShop

Moodle

ownCloud

SugarCRM

Magento

Zurmo

TestLink

DokuWiki

OsClass

phpBB

ProcessWire

SuiteCRM

EspoCRM

AbanteCart

MODX

Mahara

Mautic

MyBB

OrangeHRM

OpenCart

Xampp Kurulumu

Öncelikle Xampp programını bilgisayarımıza indirelim. Xampp programını indirmek için linke tıklayın. 

Linke tıkladıktan sonra açılan sayfada farklı indirme seçenekleri bulunuyor. 

Windows için

Linux için

OS X için

Ben Windows işletim sistemi kullandığımdan dolayı Windows için Xampp programını indiriyorum. Siz de kendi işletim sisteminize göre indirmelisiniz.

Resimde gördüğünüz gibi İndir (64 bit) butonuna tıklayarak indiriyoruz. Programın boyutu 148 Mb. İndirdikten sonra programı çalıştıralım.

Next butonuna tıklayarak ilerliyoruz.

xampp-kurulumu-2

Kurulacak bileşenler seçili olarak geliyor. Next butonuna tıklayarak ilerliyoruz.

Burada programın nereye kurulacağını belirtiyoruz. Varsayılan olarak gelen C sürücüsüne kuruyorum. Yani C sürücüsü içerisinde xampp klasörü içerisinde kurulacak. Siz dilerseniz farklı bir yere de kurabilirsiniz. 

Next butonuna tıklayarak ilerliyoruz.

Next butonuna tıklayarak ilerliyoruz.

Yükleme işlemi devam ediyor.

Kontrol panelini şimdi başlatmak ister misin? diye soruyor. Seçili halde bırakıp Finish butonuna tıklayarak ilerliyoruz.

Dil seçeneğini İngilizce olarak seçip Save butonuna tıklayarak ilerliyoruz.

Xampp kurulumu başarıyla tamamlandı ve kontrol paneli açıldı.

Burada bizim WordPress vb.. uygulama kurulumu için olmazsa olmaz 2 alanı çalıştırmamız gerekiyor. Bunlardan birincisi Apache, ikincisi ise MySQL alanları. Bu alanların sağ tarafında bulunan Start butonlarına tıklayarak çalıştırıyoruz.

Apache ve MySQL’i çalıştırdığımız için arkaplan rengi yeşil oldu.

Artık bilgisayarımızda Apache server çalışır durumda. 

Xampp nedir? Xampp kurulumu nasıl yapılıyor? sorularına cevap vermeye çalıştım.

Kaynak: https://www.mehsatek.com/xampp-nedir-xampp-kurulumu/

Photopea, hem raster hem de vektör grafiklerle çalışabilen gelişmiş bir görüntü düzenleyicisidir. Görüntüleri yeniden boyutlandırma gibi basit görevlerin yanı sıra web sayfaları tasarlamak, illüstrasyonlar oluşturmak, fotoğrafları işlemek ve daha fazlası gibi karmaşık görevler için de kullanabilirsiniz.

Bu web sitesi size Photopea'yı adım adım nasıl kullanacağınızı öğretecektir . Temel görevlerle başlayıp kademeli olarak daha karmaşık özelliklere doğru ilerleyeceğiz. Bölümler (solda) düzenlenmiştir, böylece her bölüm yalnızca önceki bölümlerden gelen bilgileri kullanır, böylece etkili ve verimli bir şekilde öğrenebilirsiniz.

Renkler

Photopea birçok farklı renk uzayıyla (örneğin dosyanızın içindeki ICC profiliyle tanımlanan) ve 8 bitlik renk derinliğiyle çalışabilir.

Photopea'yı başlatma ve kullanma

Photoshop benzeri bir online resim editörü

Eğer Photoshop kullanmak istiyorum fakat pc eski, zayıf  ve yahut kurulum yapamıyorum diyorsanız tam size göre bir site

Photopea editörü bir web tarayıcısında çalışır. www.Photopea.com adresine giderek başlatılabilir . Photopea herhangi bir cihazda (masaüstü, dizüstü, tablet, telefon veya başka herhangi bir bilgisayar) çalışabilir, ancak en iyi konfor için büyük bir ekrana, hassas bir işaretleme aygıtına (fare veya kalem) ve bir klavyeye sahip olmanızı öneririz.

Photopea, Sketch veya Photoshop gibi tamamen cihazınızda çalışır. Dosyalarınızın hiçbirini internete yüklemez. Photopea.com'u yükleyebilir, internet bağlantısını kesebilir ve tamamen çevrimdışı kullanmaya devam edebilirsiniz. Dosyalarınızın hiçbiri bilgisayarınızdan ayrılmaz.

Link https://www.photopea.com/

Yardım Destek; https://www.photopea.com/learn/workspace

VirusTotal, incelenen içerikten sinyaller çıkarmak için sayısız araca ek olarak 70'ten fazla antivirüs tarayıcısı ve URL/alan adı engelleme hizmetiyle öğeleri denetler. Herhangi bir kullanıcı tarayıcısını kullanarak bilgisayarından bir dosya seçebilir ve VirusTotal'a gönderebilir. VirusTotal, birincil genel web arayüzü, masaüstü yükleyiciler, tarayıcı uzantıları ve programatik bir API dahil olmak üzere bir dizi dosya gönderme yöntemi sunar. Web arayüzü, genel olarak kullanılabilir gönderme yöntemleri arasında en yüksek tarama önceliğine sahiptir. Gönderiler, HTTP tabanlı genel API kullanılarak herhangi bir programlama dilinde betiklenebilir.

Dosyalarda olduğu gibi, URL'ler de VirusTotal web sayfası, tarayıcı uzantıları ve API dahil olmak üzere çeşitli yollarla gönderilebilir.

Bir dosya veya URL gönderildiğinde temel sonuçlar gönderenle ve ayrıca sonuçları kendi sistemlerini geliştirmek için kullanan inceleme ortakları arasında paylaşılır. Sonuç olarak, VirusTotal'a dosya, URL, alan adı vb. göndererek küresel BT güvenlik düzeyini yükseltmeye katkıda bulunursunuz.

Bu temel analiz, kullanıcıların dosyalar ve URL'ler hakkında yorum yapmalarına ve notları birbirleriyle paylaşmalarına olanak tanıyan bir ağ olan VirusTotal Topluluğu da dahil olmak üzere birkaç başka özelliğin de temelini oluşturur. VirusTotal, kötü amaçlı içerikleri tespit etmede ve ayrıca bir veya daha fazla tarayıcı tarafından kötü amaçlı olarak tespit edilen normal ve zararsız öğeler olan yanlış pozitifleri belirlemede yararlı olabilir.

Link   https://www.virustotal.com/

HTML Editörleri

HTML Editörü ne zaman kullanmalısınız?

1. Geliştiriciler, kodları üzerinde tam kontrole sahip olmak ve web sitelerini kolayca oluşturmak istediklerinde HTML editörlerini kullanmayı tercih ederler.

2. HTML editörleri, HTML hakkında çok fazla bilgisi olmayan ve ayrıca kaynak kodlarını hızlı bir şekilde oluşturması gereken kullanıcılar için büyük önem taşımaktadır.

3. HTML editörleri, geliştiricilerin yaptığı küçük hataları sözdizimi düzeltme, otomatik tamamlama, basit düzenleme vb. ile başarılı bir şekilde gizleyip düzelttikleri için kolaylık açısından oldukça faydalıdır.

HTML Editörlerini kullanmanın avantajları

1. Kullanıcıların sözdizimlerini kolayca kontrol edebilmelerine, sık kullanılan HTML etiketlerini ve yapılarını eklemelerine ve otomatik tamamlama sağlamalarına olanak sağladığı için büyük fayda sağlarlar.

2. HTML editörü aracılığıyla üretilen kod XML, JavaScript, vb. gibi diğer dillere çevrilebilir. Örneğin-NVU editörü bu çeviri işlevini sağlar.

3. Web sitesi geliştirme çok yorucu ve zahmetli olabilir. Çevrimiçi HTML düzenleyicilerin yardımıyla web sitelerini kolayca ve daha hızlı bir şekilde oluşturmak mümkündür.

4. HTML editörleri geliştiriciye tam kontrol sağlar, dolayısıyla kaynak koduna daha derinlemesine inmesine ve gizli ayrıntıları bulmasına yardımcı olur.

5. HTML editörleri kullanıcı dostu ve estetik bir tasarım deneyimi sağlar.

6. HTML editörleri, kodlama sürecini kolaylaştırmak için sözdizimi vurgulama, kod katlama ve hatta verimliliği büyük ölçüde artıran bir hata denetleyicisi gibi bir dizi özellik içerir.

7. Genellikle sürüm kontrolünü geliştirmek için Git ve geliştiriciler tarafından kod tabanında yapılan değişiklikleri izlemenin diğer yolları da dahil olmak üzere diğer sistemlerle birlikte çalışırlar.

HTML Editörlerinin Türleri

Genel olarak iki tür HTML Editörü vardır:

HTML Editörlerinin Türleri

1. Metinsel HTML Editörü

Bunlar geliştiricilerin kodlarını yazıp derleyebildiği metin tabanlı editörlerdir. Kod bizim yazdığımız şekilde görünür, bu nedenle temel HTML bilgisi gerektirir. Bu editörlerden bazıları ayrıca bir proje oluşturma, web ile ilgili tüm dosyaları yönetme vb. özellikler de sağlar. HTML Metin editörlerine örnek olarak Notepad++, VSCode, Sublime Text verilebilir.

2. WYSIWYG HTML Editörü

'Ne görüyorsanız onu alırsınız' tam biçimidir. WYSIWYG, kaynak kodunun çıktısının önizlemesini yani bir tarayıcıda nasıl görüneceğini sağlayan düzenleyicilerdir. Çoğunda kullanımı kolaylaştıran bir sürükle ve bırak özelliği mevcuttur. HTML hakkında herhangi bir hardcore bilgi gerektirmez, böylece teknik olmayanların web sitelerini kolayca geliştirmesini sağlar. Örnekler arasında Adobe Dreamweaver, Amaya, BlueGriffon vb. bulunur.

HTML, Notepad veya TextEdit gibi basit metin editörlerinde yazılabilir, ancak yaygın olarak kullanılan diğer editörler şunlardır:

1. Atom

Atom açık kaynaklı ve ücretsiz bir kod düzenleyicisidir. 2014 yılında GitHub tarafından yayınlanmıştır.

Atom'un Temel Özellikleri

81 adet hazır paketin yanı sıra 8.700 adet kurulabilen ek paket bulunuyor.

Açık kaynaklı bir metin editörü olduğundan kodları GitHub'da mevcut ve geliştiriciler tarafından kaynak kodunu genişletmek ve düzenlemek için kullanılabiliyor.

Atom, tek bir arayüz içerisinde birden fazla bölümü destekleyerek geliştiricilerin yan yana kod yazmasına yardımcı olur.

Ayrıca, platformlar arası düzenlemenin yanı sıra esnek otomatik tamamlama ve sözdizimi düzeltme özelliği de sağlar.

Geliştiricilere Sağlanan Avantajlar

Atom'un teletip özelliği, geliştiricilerin takım arkadaşlarıyla etkileşime girmesine ve kodlarını gerçek zamanlı olarak paylaşmasına olanak tanır.

Çapraz platform düzenleme özelliği geliştiricilerin farklı İşletim Sistemlerinde çalışabilmelerine olanak tanır.

Geliştiriciler yeni paketler kurabilir ve kendi paketlerini oluşturabilirler.

Akıllı otomatik tamamlama, daha hızlı ve daha akıcı kodlamayı kolaylaştırır.

Birden fazla bölme, farklı dosyalardaki kodları düzenlemenize ve karşılaştırmanıza yardımcı olur.

Geliştirme Ortamı – Atom, kodun sonuçlarını önizleme seçeneğiyle estetik, kullanıcı dostu bir ortam sağlar. atom'u indirmek kolaydır .

2. Not Defteri++

Notepad++, başlangıçta Windows tabanlı bilgisayarlar için geliştirilen ücretsiz, açık kaynaklı, çok dilli bir kod düzenleyicisidir. Düzenleme bileşeni olarak 'Scintilla'yı kullanır ve C++ ile yazılmıştır.

Notepad++'ın Temel Özellikleri

Hafif bir yazılımdır yani daha küçük program boyutu. Mobil cihazlarda uygulama olarak da mevcuttur ve kaynak kodu GitHub'da mevcuttur.

Açık kaynaklı bir kod editörü olduğu için genişletilebilir ve kullanıcılar ihtiyaçlarına göre işlevler ekleyebilir veya farklı topluluklardan eklentiler ekleyebilirler.

Özelleştirilebilir olması kullanıcıların tercihlerine göre özellikleri kişiselleştirmelerine olanak tanır.

Geliştiricilere Sağlanan Avantajlar

Renk kodlamalı süper hafif bir editördür.

Geliştiriciler arayüzünü kendi tercihlerine göre özelleştirebiliyorlar.

Genişletilebilir olması sayesinde geliştiriciler eklentiler ekleyebilir ve kendi eklentilerini oluşturabilirler.

Geliştirme Ortamı – Notepad++, çoğu Windows yazılımı gibi tanıdık bir ortama sahiptir ve minimalist bir arayüze sahiptir. Temaları ve renk kodlamasını değiştirmeyi destekler. Notepad++'ı kolayca indirebilir ve kullanabiliriz.

3. Textual HTML Editor

Python API'li çapraz platformlu bir editördür. Son sürümü 29 Ocak 2013'te yayınlanmıştır.

Temel Özellikler

Eş zamanlı düzenleme imkânı vardır, yani belirli bir zamanda birden fazla alanda değişiklik yapmak mümkündür.

Komut paleti, dosya değiştirme, sembollere gitme, çoklu düzenleme, hizalama, parantez vurgulama vb. gibi birçok eylem sağlar.

Sublime, freemium yazılım kategorisine giriyor, yani tüm özelliklerinden yararlanmak için ek ücret ödememiz gerekiyor.

Sublime'ın bazı paketleri açık kaynaklıdır ve git'te mevcuttur.

Geliştiricilere Sağlanan Avantajlar

'Her Şeye Git' özelliği, geliştiricilerin sadece birkaç tuş vuruşuyla dosyaları açmasını ve anında kelimelere, satırlara veya sembollere gitmesini sağlıyor.

Çoklu seçim özelliği geliştiricilere aynı anda birçok değişiklik yapma, örneğin aynı anda birçok satırı düzenleme olanağı sağlıyor.

Bölünmüş Düzenleme, dosyaların yan yana düzenlenmesine izin vererek geliştirme hızını artırır.

Basit JSON dosyalarını kullanarak Sublime'da Kolay Özelleştirme.

Geliştirme Ortamı – Sublime Text, geliştiriciler tarafından özelleştirilebilen, sofistike ve estetik bir geliştirme ortamı sağlar.

Sublime Text 3'ün kurulumunu daha sonraki HTML Eğitimimizde ele alacağız.

4. Adobe Dreamweaver CC

Adobe Dreamweaver CC, Adobe Inc. tarafından geliştirilmiştir. Ancak kapalı kaynaklı bir yazılımdır ve yalnızca Adobe ekosistemi içerisinde iyi çalışır.

Temel Özellikler

Adobe'nin estetik bulut kütüphanelerini kullanarak renk, grafik, katman vb. özelliklerin tanıtımıyla web tasarımı alanında önemli bir araç olduğu kanıtlanmıştır.

Hem metin editörü olarak hem de WYSIWYG (ne görüyorsan onu alırsın) editörü olarak kullanılabilir, yani kod görsel rehberle veya rehbersiz düzenlenebilir.

Bu, geliştiricilere kodun nihai sonuçlarını önizleme gibi ek özellikler sağlar.

Full-stack geliştirme için faydalıdır.

Geliştiricilere Sağlanan Avantajlar

Adobe Dreamweaver dinamik bir görüntüleme sağlar ve her ekrana sığabilen web sayfaları oluşturur.

Önizleme özelliği geliştiricilerin web sayfalarının yayınlamadan önce tam olarak nasıl görüneceğini bilmelerini sağlar.

Çalışma alanı özelleştirilebilir olduğundan, geliştiriciler yalnızca kodlama yapmak için ihtiyaç duydukları araçları görebilirler.

Windows için çoklu monitör desteği özelliği web sayfalarını birden fazla monitörde görüntülemenize yardımcı olur.

Geliştirme Ortamı – Adobe tarafından oluşturulan Dreamweaver cc, çalışma alanı için muhteşem bir tasarım ve düzen sağlar. Herkes Dreamweaver CC'yi kolayca indirebilir ve kullanabilir.

5. Visual Studio Kodu

Visual Studio Code, Microsoft tarafından çok platformlu ve çok dilli bir yazılım olarak geliştirilmiştir.

Temel Özellikler

Dahili Git komutları, doğrudan editörden kod hata ayıklama, sunucudan web'in canlı önizlemesi, IntelliSense kullanarak akıllı kod tamamlama ve daha birçok özelliğe sahiptir.

Geliştiricilerin en popüler araçlarından biri olan ücretsiz ve açık kaynaklı bir yazılımdır.

Visual Studio Code'un en belirgin özelliği konsolda hata ayıklama komutlarının yürütülmesini sağlayan etkileşimli hata ayıklayıcısıdır.

VS Code'un IntelliSense'inin kod anlaşılması, kodda gezinme ve yeniden düzenleme açısından son derece yararlı olduğu kanıtlanmıştır.

Geliştiricilere Sağlanan Avantajlar

VS Code çekici bir kullanıcı deneyimine ve özelleştirilebilir bir çalışma alanına sahiptir.

IntelliSense, değişkenlere, fonksiyonlara ve içe aktarılan kütüphanelere dayalı akıllı tamamlamalar sağlar.

VS Code ile kodu editörden, hiçbir zorluk çekmeden hata ayıklamak mümkündür.

Git commit'leri doğrudan editörden yapılabilir.

Yeni diller, hata ayıklayıcılar veya diğer ek hizmetler eklemek için uzantılar mevcuttur. Ayrı işlemler olarak çalışırlar, bu nedenle düzenleyicinin hızından ödün verilmez.

Geliştirme Ortamı – VS Code, geliştiricilerin tema, düzen, renkler vb.'ni kolayca ayarlayabileceği özelleştirilebilir bir kullanıcı ortamı sağlar. Sanal stüdyo kodunu indirmek çok kolay ve hızlı bir işlemdir.

 Sublime Text 3 Windows için

Sublime Text 3, sublime text'in güncel sürümüdür. 

Not: HTML kodlarını içeren dosya .html uzantısıyla kaydedilmelidir.

Öncelikle Sublime Text'i indirmeniz gerekiyor .

Kaynak kodu yazma: Sublime Text en yaygın olarak sıfırdan Python kodu yazmak için kullanılır . Ancak, C++ programları yazmak için de kullanılabilir. Bazı kişiler bunu Java kodu yazmak için kullanabilirken, bu önerilmez. Neyse ki, TIOBE Endeksine göre Python en popüler programlama dilidir .  

Kaynak kodunu düzenleme: Sublime Text'in kod yazmak için yaygın kullanımının ötesinde, halihazırda var olan bir programın kaynak kodunu düzenlemek için de kullanılabilir. Ancak, daha karmaşık bir araç olduğu için geleneksel kelime işlemcilerle karıştırılmamalıdır. 

Birden fazla dosyayı düzenleme: Sublime Text'in en iyi özelliklerinden biri, aynı anda birden fazla metin dosyasını ve kod satırını düzenlemek için kullanabilmenizdir. Daha sonra proje dosyalarını platformda bulunan farklı düzenlerle karşılaştırabilirsiniz. Her metin kaynak kodu düzenleyicisinde bu özellik yoktur. 

Kod ölçümlerini analiz etme: Komut paletinden kod ölçümlerini analiz etmek için Sublime kod düzenleyicinizi kullanabilirsiniz. Bu ölçümler, yazdığınız koda dair içgörülerdir. Sublime Text bunları analiz etmenize yardımcı olur ve ayrıntılı ancak anlaşılması kolay bir rapor sunar. 

GitHub'dan kod paylaşın: Sublime Text'te yazılan veya düzenlenen kod, yazılım Git yetenekleriyle birlikte geldiği için komut paletinden doğrudan GitHub'a paylaşılabilir. GitHub'ı Git deposu olarak kullanan diğer üyeler , yükledikten sonra kod veya paket denetimini görüntüleyebilir ve önerilerde bulunabilir.

Özet

HTML editörleri kullanıcılara büyük bir kolaylık ve ek işlevler sunarak web geliştirmeyi rahatça sürdürmelerini sağlar.HTML editörlerinin amacı yalnızca HTML geliştiricileri değildir. XML, JavaScript, PhP, CSS vb. gibi diğer teknolojileri kodlamak ve dahil etmek için faydalıdırlar.

Not: HTML kodlarını içeren dosya .html uzantısıyla kaydedilmelidir.

Sublime Text 3'ün Windows'a Kurulumu

Öncelikle Sublime Text'i indirmeniz gerekiyor .

1. WINDOWS İÇİN İNDİR sekmesine gidin ve yürütülebilir dosyayı indirin.

Sublime Text'i indirin

2. Yürütülebilir dosyayı çalıştırın. Aşağıdaki iletişim kutusu görüntülenir.

Sublime text'i kurun

Sublime text'i kurmak istediğiniz yere gidin.

3. Ek görevleri ayarlayın ve yükle'ye tıklayın.

yüce metin 3 kurulum

4. Kurulumdan çıkmak için bitir'e tıklayın ve editörler aşağıdaki gibi görünecektir:

html düzenleyici kurulumu

Özet

HTML editörleri kullanıcılara büyük bir kolaylık ve ek işlevler sunarak web geliştirmeyi rahatça sürdürmelerini sağlar. HTML Editörlerinden biri olan Sublime Text 3'ün kurulumunu ele aldık. HTML editörlerinin amacı yalnızca HTML geliştiricileri değildir. XML, JavaScript, PhP, CSS vb. gibi diğer teknolojileri kodlamak ve dahil etmek için faydalıdırlar.

Bu yazımda sizlere Açık kaynak kodlu bir metin editörünü tanıtacağım. Githup açık kaynak yazılım sitesinde bulunan atom çoklu platform metin editörü adından da anlaşılacağı gibi bir kod editörüdür.

Atom daha kolay kod yazmak için üretilmiştir ve tamen ücretsizdir.Atom çıktığı günden bu yana 1.5 milyon kişi tarafından indirilmişitir ve 500,000 üzerinde insana ulaşmıştır.

Atom javascript, css ve node.js ile inşa edilmiş olan bir masaüstü proğram olarak bizlere sunulmuştur. Temelde proğramın herşeyi özelleştirilebilir bir yapı üzerine inşaa edilmişitr.

Bir çok eklentisi sayesinde kolay kullanım sunan atom editörü ilerleyen zamanlarda adını bize sıkça duyuracaktır.

Kurulumu son derece basit olan Atom editör birkaç adımda bilgisayarınıza kurabilirsiniz.

Atom editörü Güncel sürümünü resmi sitesinden “ buradan” indirebilirsiniz.

Atom Editörü Nasıl Kurulur?

1.https://atom.io/ siteyi giriş yaptıktan sonra “Download Windows 64-Bit installer” yazan butona tıklayıp atom editör Atomsetup.exe dosyanı bilgisayarımıza indiyoruz.

Bilgisayarımıza indirdiğimiz Atomsetup.exe dosyasını çalıştırıp bilgisayarımıza kurulmunu bekliyoruz. Kurulumu tamamlanan atom editörü masaüstünüzde kısayol oluşturacaktır.

Get to know atom / Atomu tanıyalım

Open Project / Proje aç

Version contoll with git and github / Sürüm-git ve github ile kontrol

Install a package/ Bir paket yükleyin

Chosse a theme/ Bir tema seçin

Costomize The styling/ Stil özelleştirme

Hack on the Init Script/ İnit betiğini üzerinde kesmek

Add a Snippet/ Bir parçacık Ekle

Atom Editörü Kullanımı

Birkaç basit ayarlama yaparak proğramı kullanmaya başlayalım

Biz burda en önemli iki ayarımız var ;

Install a package/ Bir paket yükleyin

Chosse a theme/ Bir tema seçin

Bu ayarlamarı göstereceğim

Package atom yazılımına ekstradan eklenti kurabiliyorsunuz.

“Install a package” butona tıklayıp ardından “Open Installer” butununa tıklıyoruz karşımıza ayarlar sekmesi çıkıyor burada bulunan arama motorundan istediğimiz paketi bulup yükleyebiliyoruz veya atom editörü içinde gelen paketlari kurabiliyoruz.

İsterseniz Package Eklentilerini Google üzerinden indirip ekleyebilirsiniz.

Tema Ayarlama

Themes sekmesini tıklayarak yazı arkaplan renk ayarlarınızı yapabilmektesiniz dilerseniz. “Insatalled themes kısmında tema indirip farklı temalarda kullabilirsiniz.

Örnek kullanım kod:

Plain Text kısmında C++ şeçtikten sonra

Editörde Güzel bulduğum özelliklerden bir tanesi Tamamlama özelliği ve tırnak parantez iki tırnak gibi işaretleri siz tek tıklasanız da açma ve kapama olarak karşımıza çıkmakta.

Atom Genel Özellikleri

Çapraz platform düzenleme

Atom, işletim sistemlerinde çalışır. OS X, Windows veya Linux'ta kullanabilirsiniz.

Dahili paket yöneticisi

Atom'da yeni paketler arayın ve kurun veya kendi paketinizi oluşturmaya başlayın.

Akıllı otomatik tamamlama

Atom, akıllı, esnek otomatik tamamlama ile daha hızlı kod yazmanıza yardımcı olur.

Dosya sistemi tarayıcısı

Tek bir dosyayı, bir bütün projeyi veya birden fazla projeyi tek bir pencerede kolayca tarayın ve açın.

5.Birden çok bölme

Dosyalar arası karşılaştırma ve kod düzenlemek için Atom arayüzünüzü birden fazla bölüme ayırın.

Bul ve Değiştir

Bir dosyayı yazarken veya tüm projelerinizde metni bulun, önizleyin ve değiştirin.

Özelleştirme

Atom'u özelleştirmek ve stil oluşturmak kolaydır. CSS görünümünü ve şeklini değiştirebilir, HTML ve JavaScript ile önemli özellikler ekleyebilirsiniz.

Source:

Atom el kitabından Burdan ulaşabilirsiniz

Atom github

Atom Forum

Atom Paketler ve Temalar

Katkılarından dolayı atom a teşekkürlerimi sunuyorum.

Kaynak:https://steemit.com/utopian-io/@habercitr/atom-editoerue-nedir-nasil-kullanilir-tr-editor-what-is-the-atom-how-is-it-used-en

Visual Studio Code’u indirmek için web tarayıcımızda “https://code.visualstudio.com” adresini açıyoruz. Herhangi bir arama motoruna “Visual Studio Code” yazdığımızda da bu siteye ait bağlantı karşımıza açıkacaktır. Açılan sayfada bizim işletim sistemimize uygun indirme linki “Download for Windows” butonu ile bize sunulacaktır. Ancak o butona tıklayıp indirme yapmak yerine, biz farklı bir versiyon indireceğiz.

Visual Studio Code’un “User Installer” ve “System Installer” olmak üzere iki ayrı versiyonu mevcut. Varsayılan olarak “User Installer” indirilse de bu versiyonu yüklediğimizde, özellikle birden fazla projeyi aynı anda çalıştırmak istediğimizde bazı sorunlar yaşayabiliyoruz. O yüzden doğrudan bu butonu kullanarak indirme yapmayacağız.

Hem Windows’ta ‘Sytem Installer’ versiyonunu seçmek için, hem de işletim sisteminiz doğru algılanmadıysa (örneğin Macbook kullanmanıza rağmen ‘Download for Windows’ yazıyorsa) büyük butonun hemen altındaki ‘Other platforms’ bağlantısına tıklayarak işletim sisteminiz için uygun yükleme dosyasını indirebilirsiniz. Biz Windows için ‘System Installer 64 bit’ versiyonunu indireceğiz. Windows dışındaki işletim sistemleri için böyle bir ayrım mevcut değil, doğrudan platformunuza uygun yükleme dosyasını indirebilirsiniz.

Dosya indirildikten sonra yüklemeye başlayabiliriz. Herhangi bir programı kurar gibi şartları kabul edip “Next”e tıklayarak kurulumu yapabilirsiniz. En sondaki “Add to PATH” seçeneğini de aşağıdaki resimdeki gibi işaretleyerek VSCode’un “Path”e eklenmesini sağlayabilirsiniz.

En son adımdaki “Install” butonunu da tıkladıktan kısa bir süre sonra VSCode kurulacak ve kullanıma hazır hale gelecektir. Artık programı açıp kullanmaya başlayabiliriz.

Programı ilk çalıştırdığımızda karşımıza bir karşılama ekranı gelir. Sol tarafta da yukarıdan aşağıya sekmeler vardır. En alttaki, dört adet kare sembolüyle gösterilen sekme ise ‘Eklentiler’ sekmesidir. Henüz hiçbir eklenti yüklemediğimiz için VSCode bize popüler eklentiler arasından öneriler sunacaktır. Python’dan C#’a onbinlerce eklentiyi kurup kullanabiliriz. Ancak bizim ihtiyacımız olan eklenti ‘Dart’ eklentisi olduğu için arama çubuğuna ‘Dart’ yazıp aratıyoruz.

Öncelikle projelerimizi tutacağımız bir klasör belirleyelim. Projeleri tutacağınız klasörün yolunda olabildiğince boşluk, özel karakter ve Türkçe karakter kullanmamaya çalışın. Örneğin klasöre “Dart Projelerim” adını vermek yerine “DartProjelerim” adını verebilirsiniz. Bu sadece VSCode veya Dart için değil, tüm projeleriniz için aklınızda olmalıdır. Bazen sırf bir klasörün isminde istenmeyen bir karakter veya boşluk olduğu için kod yazarken hatalarla karşılaşabiliyoruz. En doğrusu bu tarz karakterleri ve boşlukları olabildiğince kullanmamak olacaktır.

Masaüstünde “DartProjeleri” adında bir klasör oluşturduk. Eğer kullanıcı adınız özel karakter içeriyorsa (örneğin bilgisayardaki kullanıcı adınız ‘Ayşe’ ise, yani ‘ş’ gibi bir özel karakter içeriyorsa) klasörün yolu ‘C://Users/Ayşe/Desktop/DartProjeleri‘ olacaktır ve klasör yolu ‘ş’ harfini içeriyor olacaktır. Böyle bir durum varsa klasörü doğrudan ‘C:/‘ içerisine koyabilirsiniz: (‘C:/DartProjeleri‘ şeklinde). Aksini yapmanız durumunda kesinlikle hatayla karşılaşırsınız diyemeyiz, hiç hatayla karşılaşmaya da bilirsiniz ama hata ihtimalini olabildiğince sıfıra indirmekte fayda var. Dosya yoluyla ilgili bu ayrıntıları, ileride bir hatayla karşılaşırsanız sebebini anlamanız için uzun uzun anlattım, şimdi kuruluma devam edebiliriz.

Projeler için gerekli klasörü oluşturduk. Bu klasör, tüm Dart projelerimizi tutacağımız klasör olacak. Şimdi bir de oluşturacağımız ilk proje için bir klasör oluşturalım. Bu klasörde de Türkçe karakter veya boşluk kullanmayacağız. İsmi “IlkDartProjem” olacak. ‘Desktop/DartProjeleri/IlkDartProjem‘ klasörünü oluşturduktan sonra bu klasörü VSCode ile açıyoruz.

VSCode içinde ‘File -> Open Folder…‘ seçeneğine tıklıyoruz ve ‘IlkDartProjem’ klasörünü bulup açtıktan sonra ‘Select Folder (Klasörü Seç)’ butonuna tıklıyoruz. Böylece ilk projemizi oluşturmuş ve açmış olduk. Şimdi ilk Dart dosyamızı ekleyelim. Proje isminin yanındaki butonlardan ilki olan ‘New File’ butonuna aşağıdaki gibi tıklıyoruz. Butonun üzerine geldiğimizde aşağıdaki gibi ‘New File’ yazısı çıkacaktır.

Bizden bir dosya adı isteyecek. ‘main.dart’ yazıp ‘Enter’a basıyoruz. Dosya isminin sonuna ‘.dart’ yazmamız çok önemli, bu sayede VSCode bunun bir Dart dosyası olduğunu anlayabilecektir.

Şimdi “main.dart dosyasının içine aşağıdaki kodu resimdeki gibi yapıştıralım.

void main() {

  print("Merhaba Dünya");

}

Kodu yapıştırdıktan sonra resimdeki gibi, 1 nolu satırın, yani ‘void main’ satırının hemen üstünde ‘Run’ ve ‘Debug’ olmak üzere iki buton belirecektir. ‘Run’ butonuna tıklayalım. Eğer tüm kurulum aşamalarını başarılı bir şekilde gerçekleştirdiysek kodun çalışması ve konsolda aşağıdaki gibi “Merhaba Dünya” yazması gerekiyor.

Böylece IDE kurulumunu tamamlamış olduk. Artık Dart kodlarımızı VSCode ile çalıştırabiliriz.

Kaynak:https://cihanurtekin.com/flutter/visual-studio-code-kurulumu/

Ağ oluşturma, sunucu yönetimi ve veri aktarımı tartışılırken yaygın olarak kullanılan pek çok teknik jargon vardır ve bu terimler insanın kafasını kolayca karışabilir.

İçindekiler

Localhost Nedir?

Localhost Ne İçin Kullanılır?

Localhost Adresimi Nasıl Bulabilirim?

Localhost’un Kullanım Alanları

Windows’ta Localhost Nasıl Kurulur?

WordPress Localhost Nasıl Kurulur?

Bu terimlerden biri olan “localhost”, sizin de kafanızı karıştırıyorsa ve localhost’un tam olarak ne olduğunu bilmiyorsanız, aşağıda sizin için detaylı olarak açıklamaya çalıştık.

Localhost Nedir?

Localhost, varsayılan IP adresi 127.0.0.1 olan kendi bilgisayarınızdır. 127.0.0.1‘e bağlanmaya çalıştığınızda, her zaman kendi sisteminize ya da kendi PC’nize bağlanacaktır.

Localhost basitçe, kendi bilgisayarınız tarafından kullanılan sunucudur. Terim büyük ölçüde ağ oluşturma bağlamında kullanılır.

127.0.0.1 IP adresi hiçbir yerde kayıtlı değildir ve web üzerindeki herhangi bir web sitesi veya alan adı tarafından alınamaz. 127’den başlayan benzersiz bir IP adresi aralığı vardır. Bunlar WWW’de hiç yoktur, yalnızca Yerel Alan Ağlarında oluşturulan bireysel adreslerdir.

Localhost Ne İçin Kullanılır?

Bildiğiniz gibi internette iletişim kurmak için belirli bir bant genişliği gerekir. Localhost, geliştiricilerin ve ağ mühendislerinin, ana sunucuda veya internette canlıya geçmeden önce kendi yerel sistemlerinde test edebilmeleri için oluşturulmuştur.

Diyelim ki Hosting.com.tr web sitemiz için yeni bir tasarımı test etmek istiyoruz. Canlıya geçmeden önce, yeni tasarımdaki tüm işlevlerin kesinlikle iyi çalıştığından emin olmak için web sitemizi test etmemiz gerekir. 

Test için localhost kullanılır, yani sunucu olarak kendi bilgisayarımızı oluşturabilir ve yeni temanın işlevlerini test edebiliriz. Tüm işlevleri test ettikten sonra, temayı web sitemizde canlı olarak yayınlayabiliriz.

Bu, web sitesindeki herhangi bir işlevi bozmadan eski tasarımımızdan yeni bir tasarıma sorunsuz bir şekilde geçmemize yardımcı olacaktır.

Localhost Adresimi Nasıl Bulabilirim?

Herhangi bir bilgisayar ağında, localhost terimi, programın üzerinde çalıştığı bilgisayarı ifade eder. Bilgisayar sanal bir sunucu görevi görür. Temel olarak burada bilgisayar fiziksel bir nesne değil, sanal olarak çalışan bir sistemdir. 

Bu nedenle, yerel ana bilgisayar adresinizi bulmak istiyorsanız, bunun için IP adresini girmeniz yeterlidir. Bu, isteğin yapıldığı bilgisayarda girilmelidir. 127.0.0.1 adresinin kullanılması, bilgisayar ağının donanım yapılandırmasından bağımsız olarak, istemci programıyla aynı bilgisayarda çalışan sunucu programları için bir bağlantı kurmanıza ve bilgi aktarmanıza olanak tanır.

İşin güzel yanı, bunun için bir ağ kartına, modeme veya başka bir iletişim ekipmanına ihtiyacınız yoktur. Arabirim, işletim sisteminin çekirdeğindeki aygıt sürücüsü kullanılarak uygulanır.

Localhost’un Kullanım Alanları

Localhost’un üç ana kullanımı vardır:

1. Hız testi

Bir ağ yöneticisi olarak, tüm ekipmanların ve TCP/IP protokollerinin düzgün çalıştığından emin olmanız gerekir. Localhost’a bir ping isteği göndererek bağlantı kontrolü yapabilirsiniz. Test, her şeyin yolunda gidip gitmediğini gösterecektir. Bu aynı zamanda herhangi bir sorunu düzeltmenize de yardımcı olur.

2. Test Programı veya Web Uygulamaları

Bir web uygulaması veya internet bağlantısı gerektiren herhangi bir program oluştururken, yerel ana bilgisayar adresine bağlanmak geliştiriciler için büyük bir amaca hizmet eder. Yukarıda anlattığımız gibi, işletim sistemimiz simüle edilmiş bir sunucu haline gelir.

Böylece, gerekli program dosyalarını sunucuya (yani yerel işletim sistemine) yükleyebilir ve performansını kontrol edebilir ve daha geniş bir kitle tarafından erişilebilen gerçek sunucuda canlı yayınlamadan önce uygulamamızın çeşitli işlevlerini test edebilirsiniz.

3. Site Engelleme

Başkalarının erişmesini istemediğiniz web sitelerini engellemek için localhost’u kullanabilirsiniz. Loopback adresi arayüzü, kötü amaçlı web sitelerine ve diğer istenmeyen içeriğe erişilmesini önlemek için kullanışlıdır.

Windows’ta Localhost Nasıl Kurulur?

Windows Başlat düğmesini tıklayın ve “Denetim Masası“nı seçin. Sistem seçenekleri ve yardımcı programların listesini içeren bir pencere açılır.

“Programlar” bağlantısını tıklayın. Seçenekler listesinde “Windows Özelliklerini Aç veya Kapat“ı tıklayın. Halihazırda kurulu programların bir listesi görüntülenecektir.

“İnternet Bilgi Hizmetleri” etiketli kutuyu işaretleyin. “Tamam” ı tıklayın. IIS hizmeti bilgisayara yüklenir.

Bilgisayarı yeniden başlatın. Bilgisayar ön yüklendikten sonra bir Web tarayıcısı açın. Gezinme metin kutusuna “http://localhost/” yazın. Enter tuşuna basın.” IIS için varsayılan web sayfası açılır.

WordPress Localhost Nasıl Kurulur?

XAMPP’nin resmi web sitesine gidin. İşletim sisteminizi seçin ve indirme düğmesine tıklayın. Farklı işletim sistemleri için farklı sürümler vardır. Cihazınız için mükemmel olanı seçin. İndir butonuna tıkladıktan sonra birkaç dakika bekleyin. Dosya yaklaşık 150 MB’tır, bu yüzden indirilmesi için biraz zaman vermeniz gerekir.

Yazılımı indirdikten sonra, sıkıştırmayı açmanız gerekir. Dosya hazır olduğunda, Yükle düğmesini seçmeniz veya iki kez tıklamanız yeterlidir. Bir süre sonra kurulum sürecine başlanacaktır. 

Bir sonraki adımda, zaten işaretlenmiş olan bazı onay kutularını göreceksiniz. Yalnızca MySQL ve phpMyAdmin’e ihtiyacınız var, bu nedenle diğerlerinin işaretini kaldırın. 

Birkaç dakika sonra bir hoş geldiniz bildirimi göreceksiniz. Bu, yükleme işleminizin mükemmel çalıştığı anlamına gelir. Bilgisayarınızda kurulu herhangi bir virüsten koruma yazılımı varsa, bir güvenlik uyarısı görebilirsiniz. Endişelenmeyin, verilen ağlardan herhangi birini kontrol edin ve Erişime izin ver düğmesine tıklayarak devam edin.

Bir dil seçimi ekranı seçeneği göreceksiniz, istediğinizi işaretleyin ve Kaydet düğmesine tıklayın.

Yükleme işleminin neredeyse sonuna geldik. Açılan ekranda sadece soru kutusunu işaretleyin ve Bitir düğmesine tıklayın. XAMPP kontrol paneli cihazınızda otomatik olarak çalışacaktır.

Şimdi bir veritabanı oluşturmanın ve WordPress’i localhost’a yüklemeye başlamanın zamanı geldi. Bunu yapmak için, WordPress’in en son sürümünü indirmeniz gerekir. WordPress resmi web sitesine gidin, sağ üst taraftaki Get WordPress butonuna tıklayın. Yeni bir sayfaya yönlendirileceksiniz. Şimdi WordPress İndir düğmesine basın. İndirme işleminin başlaması birkaç dakika sürebilir. Bir zip dosyası alacaksınız. Dosyayı açın ve sonraki kullanımlarınız için kopyalayın.

Bir veri tabanı oluşturmak için önce PC’nizde yerel sitenizin tüm verilerini kaydetmek istediğiniz bir klasör hazırlamanız gerekir. İndirilen XAMPP dosyasını kaydettiğiniz yerel diskinize gidin. htdocs klasörünü seçin ve daha önce kopyaladığınız WordPress’in en son sürümünü yapıştırın.

Şimdi, WordPress klasörünü yeniden adlandırın. Sitenizi “WordPress” adıyla oluşturmak istiyorsanız bu seçenekten kaçınabilirsiniz. Fakat veri tabanınız için seçtiğiniz ismi hatırlamanız gerekir.

Şimdi tarayıcınızda yeni bir sekme açın ve localhost/phpmyadmin’e gidin. Yerel diskinize yazdığınız adın aynısını yazın ve son olarak Oluştur düğmesine tıklayın. Veri tabanınız birkaç saniye içinde oluşturulacaktır.

Localhost veri tabanınızı başarıyla oluşturdunuz. Şimdi, sıra WordPress’i yerel ana bilgisayara kurmaya geldi. Son adıma geçmeden önce PC’nizde veya Mac’inizde kurulu Xampp kontrol panelinden hem Apache Web Sunucusunu hem de MySQL veri  tabanını başlatmanız gerekir. Her ikisini de başlatmadan PHPMyAdmin’e erişemezsiniz. Bunu yapmak için sadece uygulama klasörünüze gidin. Xampp kontrol panelini seçin ve MySQL ve Apache düğmelerine tıklayın.

Tarayıcınızda yeni bir sekme açın ve localhost/verilen adınızı yazın ve Enter butonuna basın. Bir WordPress kurulum sihirbazı göreceksiniz. Dilinizi seçin ve devam’a tıklayın

WordPress adına bir hoş geldiniz bildirimi göreceksiniz. Bir sonraki adımda, sadece WordPress Let’s go butonuna tıklayın.

Veri tabanı adınızı girin, kullanıcı adı olarak “root” yazabilir, şifre seçeneğini boş bırakabilirsiniz. Şimdi Submit butonuna tıklayın.

Bu, kurulumunuzun son adımıdır. Sitenize bir isim verin, kullanıcı adınızı yazın, güçlü bir şifre oluşturun, kişisel e-posta adresinizi yazın. Arama motoru görünürlük düğmesini dikkatlice kontrol edin. Aksi takdirde, Google yerel sitenizi de dizine eklemeye başlar. Son olarak WordPress Yükle düğmesine tıklayın.

Artık kurulumunuz tamamlandı. 

Şimdi, yerel sitenizi kontrol etme zamanı. Nasıl görünecek veya nasıl çalışacak görmek için gerekli kontrolleri yapın.

Kaynak:https://www.hosting.com.tr/blog/localhost/

Merhaba, İzmir web tasarım takipçileri. Bu yazımızda, web tasarım, wordpress gibi konulara yeni başlamış olanların en merak ettiği sorulardan birisi olan, wamp server kurulumu, localde php çalıştırma, localde wordpress çalıştırma sorununa açıklık getiriyoruz.

Aslında bu iki cümle birbirinden farklı şeyler değildir. WordPress sistemi de, PHP ile yazılmış olan bir CMS (Content Management System) yani Türkçe adı ile İçerik Yönetim Sistemi‘dir. PHP ile yazılmış olan tüm projeler, windows ve mac işletim sistemine sahip bilgisayarlarda çalışabilmek için bir kütüphaneye ihtiyaç duyarlar. Bu işletim sistemleri, PHP dosyalarını ancak bu kütüphane yardımı ile derleyebilir ve anlamlandırabilirler. Bir web sitesi, bir wordpress bloğunu internet ortamında çalıştırabilmek için ihtiyaç duyduğumuz hosting hizmetleri de sitelerimiz için aynı kütüphanelere sahiptirler.

Bu yazımızda PHP yazılım geliştirmelerini, bir wordpress, joomla ve benzeri bir cms sistemini veya bir php scriptini kendi bilgisayarımızda çalıştırabilmemiz için gerekli olan localhost’u nasıl kuracağımızdan bahsedeceğiz.

PHP uygulama geliştirirken, script çalıştırırken veya wordpress kurarken bir de veritabanına ihtiyacımız olur. WordPress’in de kullandığı ve PHP ile en çok kullanılan veritabanı olan mysql veritabanı da bu kurulumlar ile beraber bilgisayarımıza yüklenmiş olacaktır.

Bilgisayarımıza localhost kurmak sanıldığı kadar zor bir iş değildir. Bu işlemi gerçekleştirmek için en çok kullanılan, windows için iki adet, mac için ise bir adet program bulunmaktadır. Bunlar; wamp server, xamp server, mamb server‘dır. Bu programlardan birisini indirip çalıştırmak ve devamında gerekli aşamaları gerçekleştirerek kurulumu tamamlamak, bizleri bir localhost sahibi yapacak ve sonunda bilgisayarımızda PHP dosyalarını çalıştırabiliyor durumda olmamıza imkan sağlayacaktır.

Bu yazımızda bahsettiğimiz programlardan wamp server kurulum ve kullanımını ele alacağız.

Wamp Server Kurulumu

Öncelikle buradan wamp server kurulum programını bilgisayarımıza indiriyoruz. İndirilen bu uygulama kurulum dosyasını çalıştırıyoruz ve kurulumu başlatıyoruz.

Lisans sözleşmesini onaylıyoruz ve devam ediyoruz.

Bilgilendirme kısmına göz gezdirip devam ediyoruz.

Programın kurulacağı dizini belirtiyoruz. Bu kısımda değişiklik yapmanıza gerek yoktur. Bu şekilde devam diyebilirsiniz.

Ve kurulumu başlatıyoruz.

Wamp Server tarayıcı olarak Internet Explorer kullanacağını söylüyor. Farklı bir tarayıcı seçimi yapmak isterseniz bu kısımda seçebilirsiniz.

Yine aynı şekilde editör seçiminizi buradan yapabilirsiniz.

Bu aşamaları geçtiyseniz kurulumu başarıyla tamamladınız demektir.

Wamp server kurulumunu tamamlandığınıza göre, artık bilgisayarınızda tüm php dosyalarını çalıştırabilir, dilerseniz localhost içerisinde wordpress kurulumu yapabilirsiniz.

Wamp Server Kullanımı

Wamp server ile localhost kurulumundan sonra, C sürücüsü içerisinde wamp64 diye bir klasör oluştuğunu göreceksiniz. (Bu dizin ve isimler kurulum aşamasında belirtilen isimler ile değişkenlik gösterebilir) İlgili yere gittiken sonra karşınıza böyle bir dizin çıkacaktır:

Bu dizin içerisinde bulunan www klasörü sizin localhostunuzun ana dizinidir. Buraya ekleyeceğiniz tüm dosyalara, tarayıcınıza http://localhost yazarak erişebiliyor olacaksınız. Ne demek istendiğini detaylıca inceleyelim.

Wamp dizininde bulunan www klasörünü açalım. Bir takım dosya ve klasörler ile karşılaşacağız.

Bu dosyalar wamp server tarafından oluşturulmuş olan dosyalardır. Şimdi bu dosyaları çalışır durumda görelim. Bunun için tarayıcınızı açın ve adres satırına http://localhost/ yazın.

Karşınıza böyle bir pencere çıktıysa endişelenmenize gerek yok. Herşey yolunda. Bu hatayı almanızın sebebi wamp server’ın aktif olmamasından kaynaklanmaktadır. Wamp server aktif olduğunda sağ alt köşedeki ikonların arasında yeşil renkte bir wamp server logosu görürsünüz. Wamp server’ı kısayoluna tıklayarak veya Başlat > Programlar > Wamp Server içinden seçerek çalıştırınız. Wamp server’ı çalıştırdığınızda sağ alt köşede, bilgisayar saatinizin yanında kırmızı bir wamp ikonu belirecek. Bu ikon sırasıyla önce sarı daha sonra yeşil renk olacaktır. Yeşil olduğunda herşey yolunda ve wamp server’ınız çalışıyor anlamına gelecektir.

Buraya kadar herşey yolunda. Artık PHP kodları yazabilir, wordpress kurulumu yapabilirsiniz. Son bir örnek ile localhostunuzu nasıl kullanacağınızı açıklayalım.

www klasörünün için Wordpress, Joomla, Opencard, Smf, Mybb gibi sistemler koyarak dilediğiniz siteyi yapabilirsiniz

eğer kod yazmaktan anlıyorsanız hemen php kodlarını yazmaya başlayabilirsiniz

Şimdi www klasörünüze geri dönün ve içindekileri silin. Ardından bir ilkdene adından klasör ekleyin ve içine index.php adında bir dosya oluşturun. Bu dosyayı açın ve içine aşağıdaki kodu ekleyin.

<?php echo "Bilgisayarınıza - Localhost Kurulumu başarıyla tamamlandı!" ?>

Kaynak:https://www.batuhanozyavru.com.tr/wamp-server-kurulumu/