Enes Kasapoğlu

Laravel 11 ile Gelen Yeni Özellikler

2024-04-11T18:43:00.000-07:00

Laracon US 2023 etkinliğinde tanıtılan Laravel'in 11. sürümü; 12 Mart 2024 itibari ile artık kullanılabilir hale geldi. Bu sürümde bazı köklü değişiklikler ve geliştirmeler mevcut. Kullanıcılar için sadeleştirmelere gidilen Laravel'in 11. Sürümü bakalım nasıl değişikliklere imza atmış?

PHP Sürümü

Laravel 11 ile birlikte artık kullanabileceğiniz minimum PHP Sürümü 8.2'ye getirildi. Yani 8.1 dahil olmak üzere daha aşağı sürümlerde Laravel 11 kullanılamıyor.

Laravel üzerinde yeniyseniz ve yayına aldığınız projeleriniz mevcut ise korkmayın çünkü mevcuttaki projeleriniz yayında olmaya devam edecek ve Laravel'in önceki sürümlerinde kullandığınız mimari ile çalışmaya devam edecektir.

Tabii ki iyi bir hamle oldu çünkü; PHP Güncellemeleri ile beraber artık Laravel'i de güncel bir şekilde kullanabileceksiniz ve bu sayede geliştirmeler ve düzeltmeler ile birlikte daha kararlı bir PHP yapısı kullanmış olacaksınız.

Middleware

Artık middleware dosyalarınızı '/bootstrap/app.php' dosyasında yöneteceksiniz. Bu sayede artık daha kolay bir şekilde middleware'larınızı ekleme ve çıkarma işlemini gerçekleştirebileceksiniz.

Migration Dosyalarında Sadeleşme

Yeni bir Laravel uygulaması başlatıldığında, 2014 ve 2019 tarihli bazı varsayılan migration dosyalarıyla geliyordu. Fakat artık bu dosyalar; tarihleri kaldırılmış ve sadece 3 dosya olarak geliyor.

Varsayılan veritabanı

Artık Laravel projesi oluşturduğunuz zaman varsayılan veritabanı aracı olarak Mysql değil Sqlite geliyor. Benim dikkatimi çeken basit bir nokta ise artık .env dosyasının içerisinde veritabanı yapılandırma ayarları yorum satırına alınmış şekilde geliyor. Bana halen daha çok mantıklı bir değişiklik olarak gelmedi fakat vardır herhalde bir bildikleri :)

Model Tip Dönüşümleri

Model dosyalarında tip dönüşümleri artık bir özellik yerine bir method olarak tanımlanıyor. Bir method olarak tanımlandığında, tip dönüşümlerinden doğrudan diğer metodları çağırabiliriz.

Route Yapısı

Route dizininde eskisi gibi api ve channels dosyaları bulunmuyor. Sadece console ve web dosyaları bulunuyor. Laravel 11'de Route yapısında sadeleşmeye gidilmiş. Artık api ve broadcast yapılarını kullanacaksak yeni bir komut olarak eklenen artisan komutlarını kullanacağız.

php artisan install:api

php artisan install:broadcast

Artisan Komutları

Hazır konusu gelmişken yeni artisan komutlarımıza da bakalım. Laravel 11 sürümünde şimdiye kadar inceleyebildiğim 4 yeni komut eklendi. Bu komutlar:

php artisan make:class 
php artisan make:enum 
php artisan make:interface 
php artisan make:trait

Bu komutların ne işe yaradığına değinecek olursak, sırasıyla;

make:class

Bu komut App dizininde özelleştirilebilir bir sınıf oluşturmaya yarıyor.

make:enum

Bu komut App dizininde yeni bir enum dosyası oluşturmaya yarar.

make: interface ve make:trait

Bu komutlar da App dizininde yeni bir interface ve trait sınıfları oluşturmaya yarıyor.

App klasörü

Artık /app klasörü içerisinde providers klasörü ve providers dosyaları tanımlı olarak gelmiyor. Sadece Controller dosyaları bulunuyor. Burada da bir sadeleşmeye gidilmiş ve providers oluşturulacağı zaman artisan üzerinden oluşturuluyor.

Laravel 11. sürümünde kullanıcılara daha esnek bir yapı sunmuş ve işleri kolaylaştırmış. Benim gibi Laravel projeleri ile boğuşan birisiyseniz zamandan ve enerjiden tasarruf etmemizi sağlamış. Tabii ki her yeni sürümde olduğu gibi alışmak biraz zaman alacaktır fakat şimdiden işlerin daha da kolaylaştığını söyleyebilirim.

Kaynaklar

https://blog.laravel.com/laravel-11-now-available

https://www.linkedin.com/pulse/laravel-11-ile-birlikte-gelen-yenilikler-osman-ceyhan-7vqyf/

https://kadirerman.medium.com/laravel-11in-one-cikan-ozellikleri-77cab37519dc

Flask Nedir?

2020-10-10T18:23:00.241-07:00

Flask, Python ile yazılmış bir Web Framework'üdür. Bu Framework ile Python üzerinden web uygulamaları geliştirebilirsiniz. Flask; kolay ve son derece esnek bir Framework'dür.

Bildiğiniz gibi Python dili her alanda kullanılabilen son derece geniş alana yayılan bir dildir. Yazılıma dair her türlü alanda Python kullanılabilir. Flask da Python üzerinden web programlama yapabilmek için DJango gibi bir web kütüphanesidir.

Kurulum

Flask'ın kurulum işlemi işletim sistemlerine göre farklılık göstermez ve pip(python install package) ile kurulur. Flask'ı kurmak için aşağıda ki komutu Linux için uçbirime veya Windows için cmd'ye yazmamız gerekmektedir.

$ sudo pip/pip3 install flask

Kısaca bir indirmeden sonra Flask'ı kullanabiliriz.

Kısaca Kullanım

Flask'ı tam anlamı ile kavrayabilmeniz için bu yazı yeterli olmayacaktır. Tam anlamı ile kavrayabilmek için daha çok pratik yapmanız gerekmekte. Şimdi ilk önce proje dizini oluşturalım ve içine 'app.py' adında bir Python dosyası oluşturalım.

$ sudo touch app.py

Daha sonra ise herhangi bir IDE veya kod editörü aracılığıyla dosyamızı açalım.

Python dosyamıza ilk önce Flask kütüphanesini dahil ediyoruz.

from flask import Flask

Daha sonra ise Flask modülümüzü çağırıyoruz.

app = Flask(__name__)

Burada ki '__name__' parametresi; projemizin bir terminal aracılığı ile mi yoksa başka bir yerden mi çalıştırıldığını kontrol etmemizi sağlar. Daha sonra ise url isteklerine göre işlem yapıyoruz.

  @app.route("/")

    def Index():

        return "Hello World!"

Eğer bir yazı değil de html dosyasını göstermek istiyorsak 'render_template' adında bir kütüphaneyi daha dahil edeceğiz.

from flask import render_template

Şimdi ise proje klasörümüzün içine 'templates' adında bir klasör oluşturalım. Flask bir HTML template kullanacağı zaman proje dizininde ki templates klasörünün içine bakar, o yüzden templates klasörü zorunludur.

Klasörü oluşturduktan sonra içine index.html adında bir dosya oluşturalım ve içerisini dolduralım. Eğer html ile ilgili bir şey bilmiyorsanız internetten biraz araştırma yapabilirsiniz.

Şimdi de nasıl template kullanacağınızı göstereyim. Bu aslında çok kolaydır. Yukarı da ki örnekte gösterdiğim 'return' kısmına render_template fonksiyonunu çağıracağız.

return render_template("index.html")

Yukarıda ki ifadeyi düzenlediğimize göre artık kod dosyasını aşağıda ki ifade ile bitirebiliriz.

  if __name__ == "__main__":

      app.run(debug = True)

Şimdi artık dosyamızı kaydedip, çalıştırabiliriz. Eğer bir problem ile karşılaşmamışsanız (yukarıda ki adımları düzgün bir şekilde uygularsanız ve ben Alzheimer değilsem yüksek ihtimalle karşılaşmazsınız) 'localhost:5000' adresine gidip projenizi görebilirsiniz.

Yukarıda ki kodların tamamına aşağıda ki Github adresimden ulaşabilirsiniz.

Umarım bu yazım faydalı olmuştur. Flask ile ilgili daha fazla şey öğrenmek istiyorsanız kendi dökümantasyonunu inceleyebilirsiniz.

SSH Nedir?

2020-10-07T04:28:00.001-07:00

SSH yani Secure Shell, ağ işlemlerini uzaktaki bir makine ile fiziksel iletişim olmadan yapabilmemizi sağlayan bir ağ protokolüdür. Secure Shell denmesinin sebebi ise; uzaktaki makine ile yapılan işlemlerin şifrelenerek yani güvenli bir şekilde yapılmasıdır.

Şifreleme yapmadan çalışan Telnet'e alternatif olarak şifreleme yaparak güvenli bir şekilde çalışan SSH ağ işlemleri için daha güvenlidir.

Uzaktaki bir sunucu ile veri alışverişi yapabilmeniz için SSH protokolünü kullanabilirsiniz. Bu daha güvenli ve kolay bir şekilde işlem yapabilmenizi sağlar. Sadece sunucu değil, mesela iş yerinizde ki bilgisayarınız ile de bilgi alışverişi yapabilmenizi sağlar.

Nasıl Kullanılır?

SSH hizmetini kullanabilmek için elinizde uzakta ki makinenin adı ve ip adresini bilmeniz gerekmektedir (Linux, MacOS).

Linux

Linux üzerinde kullanabilmeniz için ilk önce SSH paketini kurmanız gerekmektedir.

$ sudo apt-get install ssh

Daha sonra ise SSH servisini aktif etmeniz gerekiyor.

$ sudo serive ssh start

SSH servisi aktif olduktan sonra SSH servisini kullanabiliriz. Bunun için ise aşağıda ki komutu yazmamız gerekiyor.

$ sudo ssh root@ip_adress

Burada gördüğünüz 'root' yerine uzakta ki makinenin adını, 'ip_adress' yerine ise uzakta ki makinenin ip adresini yazıyorsunuz.

Daha sonra size bir doğrulama sorusu soracaktır. Bunun nedeni ise ilk defa bağlanıyor olmanız. Ardından ise uzakta ki makinenin şifresini soracaktır. makinenin şifresini girdikten sonra uzakta ki makine ile iletişim kurabilirsiniz.

Windows

Windows üzerinde SSH servisini kullanabilmemiz için birçok program kullanabiliriz. Ama size tavsiyem 'PuTTY'. Web sitesinden PuTTY programını indirebilirsiniz.

PuTTY programını açtığımız zaman aşağıda ki gibi bir görüntü gelecektir.

Burada ilk kısıma erişmek istediğiniz makinenin adını ve IP adresini yazıyoruz ve open butonuna tıklıyoruz. Ardından ise terminal ekranı gelecektir ve burada size uzakta ki makinenin şifresini soracaktır. Bunu da yazdıktan sonra SSH servisini kullanabilirsiniz.

Initramfs Nedir ve Nasıl Çözülür?

2020-09-24T23:46:00.003-07:00

Herkese merhabalar, bu yazımda sizlere Linux kullanıcılarının bilebileceği bir hatadan ve bu hatanın çözümünden bahsedeceğim.

Eğer siz de benim gibi bir Linux kullanıcısıysanız daha önceden karşılaşmış veya ileride karşılaşabileceğiniz bir hatadır. Bu hatanın sebebi; genellikle sistemi kapatırken oluşan yanlışlıklardan dolayı oluşan bir hatadır.

Şimdi ilk önce aşağıda ki komutu yazarak diskleri ve disklerin içinde ayrılmış alanları görüyoruz.

sudo fdisk -l

Burada Linux'un kurulu olduğu diski seçmemiz gerekiyor. Hangi diske kurulu olduğunu da 'Device' kısmından öğrenebilirsiniz. Şimdi ise aşağıda ki komutu yazıyoruz.

sudo fsck -v -y /dev/sda?

Bu kısım önemli, fsck komutu bozulan sistem diskini düzeltmeye yarayan komuttur. ve /dev/sda? kısmına Linux'un kurulu olduğu diski yazmanız gerekir.

Bu komutu yazdıktan sonra geriye kalan tek şey sistemi yeniden başlatmak olacaktır.

Php ile Form Üzerinden Login İşlemi

2020-09-17T18:07:00.007-07:00

Herkese merhabalar, bu yazımda sizlere Php ile MySQL tablolarını parse ederek nasıl bir login sistemi yapabileceğinizi anlatacağım.

Bizim için gerekli olan programlar şu şekilde:

Php
MySQL
PhpMyAdmin
JQuery

İlk olarak bir dosya oluşturalım ve içerisine;

index.php
loginprocess.php
loginreject.php
style.css

dosyalarını oluşturalım. Burada index.php giriş panelimizin olduğu kısım, loginprocess.php veritabanı bağlantısı oluşturacağımız kısım, loginreject.php ise eğer yanlış kullanıcı adı ve parola girersek neler olacağını belirlediğimiz kısımdır.

Şimdi isterseniz hangi kısımda ne yapacağımızı görelim.

MySQL

ilk önce http://localhost/phpmyadmin adresine gidelim. Üst menüden SQL menüsüne tıklayalım ve bir SQL sorgusu yazalım.

CREATE DATABASE login

Burada login yazan kısıma oluşturacağınız veritabanının adını yazıyorsunuz. Ardından sağ alt köşedeki git butonuna tıklıyorsunuz.

Görebileceğiniz üzere veritabanı listelerinin arasına login adında bir veritabanı eklendi. Onun üzerine tıklayıp tekrardan SQL yazan yere geliyoruz. Şimdi oluşturacağımız sorgu ise bir tablo oluşturmak ve bu tablolara değer yazmak.

CREATE TABLE account(
usern VARCHAR(20) NOT NULL,
userp VARCHAR(20) NOT NULL
)

INSERT INTO account (usern,userp) VALUES ("admin","123456789")

Yazıp tekrardan git butonuna tıklıyoruz ve veritabanı işlemlerimiz son buluyor. Artık bizim kullanıcı adımız admin, şifremiz ise 123456789.

index.php

Burada dediğim gibi panel arayüzünü tasarlayacağız, buraya kodları tek tek yazarsam çok uzun olur. Aşağıya bırakacağım Github adresinden zaten kodlara ulaşabilirsiniz.

loginprocess.php

Burası Php ile veritabanımızı bağlamamız için en önemli kısım. Şimdi burada bir PDO nesnesi oluşturacağız ve SQL sorguları yazacağız.

İlk önce bir SESSION oluşturalım:

$_SESSION['login'] = "no";

$db = new PDO("mysql:host=localhost;dbname=login","mysqlkullanıcıadınız","mysqlkullanıcısifreniz");

Burada yaptığımız işlem, bir PDO nesnesi oluşturmak ve veritabanı bağlantısı için gerekli olan bilgileri yazmak. Burada ki dbname kısmına dikkat ediniz. Bu kısıma bağlanmak istediğimiz veritabanının adını yazıyoruz.

Şimdi ise bu bilgileri parse etmemiz gerekiyor.

$username = $_POST['username'];
$password = $_POST['password'];
$sql = $db->prepare("SELECT * FROM account WHERE usern = ? AND userp = ?");
$sql->execute([$username,$password]);
$datas = $sql->fetch(PDO::FETCH_ASSOC);

Şimdi burada ilk önce index.php sayfasından form aracılığı ile gönderdiğimiz verileri değişkenlere atadık. Ardından ise veri çekebilmek için bir SQL sorgusu yazdık, bunu prepare() ve execute() fonksiyonları ile php üzerinden kullanabileceğimiz hale getirdik. En sonunda ise giden verilerin kıyaslanmış halini boolean değer alan $datas değişkenine atadık. Şimdi kıyaslama doğru ise veya değil ise ne yapacağımızı göreceğiz.

if($datas) {
$_SESSION['login'] = "ok";
}
else{
$_SESSION['login'] = "no";
}

Burada ise eğer veriler uyuşuyor ise login SESSION'umuzun değerini 'ok' yaptık eğer değil ise 'no' değerini aldı. Şimdi Eğer doğru ise nelerin gösterileceğini veya ne mesaj vereceğimiz kısıma geldik. Bunun için ise:

if($_SESSION['login'] == "ok"){
//giriş başarılı ise ne yapılacağını yaz
}
else{
//giriş başarılı değil ise ne yapılacağını yaz.
require("loginreject.php");
}

Diğer dosyalar

Daha önce de dediğim gibi bunlar tasarım dosyaları ve yazmam çok uzun sürer. Bunların hepsine Github linkinden ulaşabilirsiniz.

MERN Stack Nedir?

2020-07-22T03:47:00.000-07:00

MERN yani MongoDB ExpressJS React NodeJS kütüphanelerinin baş harflerinin birleşimi ile oluşturulan bir çalışma ortamı ismidir. Bu kütüphaneler genellikle JavaScript dili ile bir proje oluşturmak için kullanılan bileşenlerdir.

JavaScript ile bir proje geliştirirken:

Veritabanı için - MongoDB

Url Yönetimi için - ExpressJS

Tasarım için - React

Server Yönetimi için - NodeJS

kütüphanelerini kullanırız. Az çok anlaşılabildiği üzere MERN bir proje için temel yapı taşlarıdır. İsterseniz bu teknolojilerin neler olduklarına bakalım.

MongoDB

MongoDB; Ölçeklenebilir bir NoSQL veritabanı uygulamasıdır. NoSQL olmasının avantajı, diğer ilişkisel veritabanlarına göre daha performanslı olmasıdır. Ayrıca NoSQL veri tabanı diğer veri tabanı sistemlerine göre bir farkı daha; diğer sitemler tablo ve sütunlar ile çalışırken, NoSQL sistemler JSON verisi ile çalışırlar.

MongoDB kullanırken; Verilerin birden fazla kopyası saklanabilir ve veri kaybı yaşanmaz. Ayrıca MongoDB birden fazla sunucu ile de çalışabilir.

ExpressJS

ExpressJS, NodeJS için geliştirilmiş bir URL Parsing framework'üdür. Bu framework'ü daha öncelerden yayınladığım, NodeJS için vazgeçilmez bir framework'tür.

ExpressJS ile sunucu tarafından gelen url isteğine göre belirli bir işlemi yaptırabilirsiniz. Mesela bir dosya göstermek gibi.

React

React, açık kaynaklı bir MVC yani Model-View-Controller kütüphanesidir. Genellikle projenin frontend dediğimiz önyüz kısmında çalışır. Temel olarak NodeJS'i kullanan bu kütüphane ile projenin tasarım kısmını oluşturur. Componentler oluşturabilmemiz sayesinde bir nesneyi birden fazla yerde kullanabiliriz.

Söz dizimi olarak JSX formatını kullanır. JSX formatı hem javascript hem html kodlarını tek bir dosyada yazmamızı sağlar. Daha basit bir şekilde; javascript dosyasının içerisine html kodları yazıp bunu render etmemizi sağlar.

NodeJS

NodeJS'i aslında kendi başına bir dil olarak görmeliyiz. SSR yani Server-Side-Rendering (Sunucu Tarafında Düzenlemek) şeklinde çalışan NodeJS projenin Server kısmında çalışır. GoogleV8 motorlarını kullanan NodeJS, projeyi bir tarayıcıya gerek kalmadan, her yerde çalıştırmamızı sağlar. Daha detaylı bilgi için NodeJS nedir adlı yazımı ziyaret edebilirsiniz.

Kaynak

- https://mehmetcavdaroglu.blogspot.com/2018/12/mern-nedir-ne-ise-yarar.html

- https://medium.com/@berkekurnaz/nedir-bu-mongodb-994a94a9d1df

Rot13 Nedir?

2020-07-12T07:55:00.007-07:00

Rot13 veya diğer adıyla Sezar Algoritması; Latin alfabesinde bir harfin kendinden sonra ki 13. harf ile yer değiştirmesi ile oluşan bir şifreleme yöntemidir.

Bu şifreleme yöntemine Sezar Algoritması denmesinin sebebi; Antik Roma'da Jûl Sezar'ın savaşlarda şifreli metinler kullanabilmek için oluşturduğu bir şifreleme yöntemidir.

Şu anda bu metinleri rot13 ile çevirebileceğiniz, rot13'ün web sitesine gidebilir veya aşağıda Github linkini bırakacağım proje ile Python3 kullanarak bu şifreleme yönteminin encode ve decode işlemlerini nasıl yapabileceğinizi inceleyebilirsiniz.

Yazılım Geliştirme Adımları

2020-06-22T09:19:00.001-07:00

Yazılım geliştirmek için birden fazla yöntem vardır ama sağlıklı bir yazılım geliştirmek için gelişme süreçleri pek farklı değildir. Genelde bu süreç 5 adımdan oluşur. Bu adımlar sırası ile İhtiyaç analizi, Tasarım, Programlama, Sınama, Bakım'dır.

Bu süreçleri takip ederek geliştirilen bir proje daha disiplinli ve düzenli olur. Aslında tüm projelerde farketmeden bu süreçleri geçiriyoruz ama bazı adımlara çok önem vermiyoruz bu nedenden dolayı projenin yürürlülüğü sıkıntıya giriyor.

Şimdi daha fazla uzatmadan bu adımlara geçelim.

İhtiyaç/Gereksinim Analizi

Bu süreçte geliştirmek istenilen projenin genel olarak veya günlük hayatta ki ihtiyaçların, problemlerin belirlenmesi ve bu problemlerin çözümü için gerekli olan proje belirlenir. Aslında geliştirilen bütün yazılımlar problemleri çözüp hayatı kolaylaştırmak için üretilir, baktığımız zaman bu süreci hepimiz uyguluyoruz ve bu adım projenin temelini oluşturur.

Tasarım

Bu sürecin adından anlaşılabileceği gibi projenin tasarımı yapılır fakat bu süreçte kodlama yapılmaz. Bu işlemde projenin nasıl çalışacağı tasarlanır, nesneler belirlenir. Bu adımda projenizin tasarımı konusunda planlama yapmış olursunuz. Bu süreç önemlidir çünkü projenin kalitesini ve anlaşılabilirliğini bu süreçte belirleriz.

Programlama/Yazılım

Projemizi belirledik, tasarımını yaptık. Artık geriye bu projenin bir programlama dili kullanılarak oluşturulması, yazılması kaldı. Bu süreçte tasarım kısmında belirlediğimiz kriterleri, argümanları bu kısımda bir programlama dili ile ifade ederiz ve projeyi oluştururuz.

Sınama/Test Etme

Projemizi oluşturduk ve artık bu projemizi test etme vakti geldi. Projenin sonuçta, belirlenen kriterlere uyup uymadığını kontrol ederiz. Gereksinimlerimizi karşılayıp problemlerimizi çözüp çözmediğini kontrol ederiz. Eğer sonucumuz olumlu ise projeyi kullanıcılara açıp kullanmaları sağlanır. Ama eğer sonucumuz olumsuz ise projeyi düzeltip bu kriterlere uymayan kısımlar belirlenir ve bu kısımlar düzeltilir.

Bakım

Projemizi tamamladık ve bu projeyi kullanıcılara sunduk. Eğer projemizin devamlılığını istiyorsak bu adımı dikkate almalı ve bu konuda özenli olmalıyız. Bu süreçte kullanıcıların yorumları alınır, projenin artı ve eksileri belirlenir ve bu eksikleri düzeltiriz. Bu adım önemlidir çünkü eğer kullanıcıların olumsuz yorumları karşısında projemizde bir bakım yapmaz isek bu projenin devamlılığı söz konusu değildir. Projeden gelir elde etmek, daha fazla kullanıcıya ulaşabilmek için bu adıma özen göstermek gereklidir.

Evet arkadaşlar bir proje geliştirirken içinde olduğumuz süreç bu şekilde işler. Projenin kaliteli olması, anlaşılır olması, kullanılabilirliği ve devamlılığı için yazmış olduğum adımlarda çok fazla özen göstermeliyiz.

Eğer yazdığımız proje spontane olarak gelişiyorsa ve projenin takibini yapmazsanız bu projeden fazla gelir alamazsınız.

Planlı bir aptal, plansız bir dahiyi yenebilir. - Warren Buffet

Aslında genel olarak hayatımızda bu adımların çoğunu yaşayarak hareket ediyoruz. Yani bu adımlara sadece programlama için bakmamalıyız, bu nedenle bu süreçler günlük hayat için bile çok önemlidir.

C++ Structure ve Arraylar

2020-06-03T13:04:00.001-07:00

C++ üzerinde Struct ve Array adında birden fazla değeri veya birden fazla veritipini içeren yapılar vardır. Bu yapılar OOP(Object Orianted Programming) yani Nesne Yönelimli Programlama için gereklidir bu yüzden bu kavramları kavramanız gerekir. İsterseniz lafı daha fazla uzatmadan, Struct ve Array kelimeleri ne anlama geliyor anlatayım.

Array

Arraylar veya diziler, bellekte sıralı biçimde bulunan ve aynı türden değişkenlerin olduğu veri yapılarıdır. Daha önceden Python dili ile programlama yaptıysanız, Python'da ki liste yapıları ile aynı mantıktadır fakat tek fark C++'da Arraylar dek bir veritipinden oluşturulabilmektedir mesela 'string'(kelime) veya 'int'(tamsayı) gibi.

Array tanımlarken ilk önce dikkat etmemiz gereken ayrıntı, o dizinin tipini belirtmektir. Ardından ise o diziye vermek istediğimiz ad ve boyutu.


veritipi isim[boyut];

Mesela türü tamsayı olan 3 boyutlu bir dizi oluşturmak ve 3,5,8 sayılarını eleman olarak atamak istiyorum, bunun için aşağıda ki gibi bir yol izlemem gerekir.

int a[3] = {3,5,8};

Evet, array tanımladık ve istediğimiz şekilde eleman atadık, bu atama işlemini süslü parantezler '{}' arasında yaptık ve noktalı virgül ile satırımızı bitirdik.

Array elemanları daha doğrusu elemanların sırası, index değeri her zaman '0' dan başlar, mesela yukarıda ki örnekte 3 elemanlı bir array oluşturduk. Bu elemanların sırası 1'den değil de 0'dan başlar.

Bu durumu şöyle açıklayayım; mesela elemanları 2,5,1,3,4 olan bir arrayımız var. Bu arrayların elemanlarının sıra değeri 1,2,3,4,5, de 0,1,2,3,4 şeklindedir.

int a[] = {2,5,1,3,4};
cout<<a[0]; // 2
cout<<a[1]; // 5
cout<<a[2]; // 1
cout<<a[3]; // 3
cout<<a[4]; // 4

Yukarıda ki örnekte ve tabloda gördüğünüz üzere arraylarde sıra numaraları 0'dan başlar. Bu çoğu programlama dilinde aynıdır. Genelde sıra numarası olarak değil de index değeri olarak geçer.

Şimdi yukarıda ki örnekte bazı ayrıntıları daha gösterdim, dizi elemanlarına ulaşmak ve eleman sayısı belirtmeden dizi oluşturmak.

Dizi elemanlarına ulaşmak için; ilk önce dizi adı ardından da index değeri yazılır ve formülü aşağıda ki gibidir.

isim[index];

Yukarıda ki formul ile dizi elemanlarına ulaşabilirsiniz. Eğer dizi oluştururken eleman sayısını bilmiyor veya belirtmek istemiyorsanız, köşeli parantezlerin içerisini boş bırakabilirsiniz.

İç İçe Diziler

Bir dizi tanımlarken, dizi içerisine dizi tanımlayabilirsiniz. Biraz karmaşık duruyor gibi olabilir ama örnekler ile kavrayabilirsiniz. Yukarıda anlattığım gibi, dizilere eleman tanımlarken süslü parantezler içerisine tanımlıyoruz. Eğer iç içe dizi tanımlamak istersek süslü parantezlerin içerisine süslü parantezler ile tanımlıyoruz. Formulü aşağıda ki gibidir

int a[] = {{1,2,3},{4,5,6}};

Gördüğünüz gibi, dizi tanımlarken süslü parantez içine süslü parantez kullandım. Bu elemanlara erişebilmek için ilk önce dizi içerisinde ki dizinin index değeri, ardından da içinde ki dizinin elemanlarının index değeri ile ulaşabilirim. Mesela yukarıda ki örnekten devam ederek, elemanlara ulaşmak istersem aşağıda ki gibi bir yol izlemem gerekir.

int a[] = {{1,2,3},{4,5,6}};

cout<< "İlk Dizinin İlk Elemanı: "<<a[0][0] // 1

cout<< "İkinci Dizinin İlk Elemanı: "<<a[1][0] // 4

Dizi içerisinde dizi elemanlarına ulaşabilmek için iki tane köşeli parantezi yan yana yazarak kullanıyorum.

Ekstra Fonksiyonlar

Şimdi array oluşturmayı ve array elemanlarına ulaşmayı anladığımıza göre size arraylar için bazı fonksiyonları anlatmak istiyorum. Bu fonksiyonlar dizideki eleman sayısı, dizi kopyalamak, diziye 'cin' benzeri bir yapı ile eleman almak gibi işlevleri yerine getirir.

Bu fonksiyonları kullanabilmek için 'cstring' kütüphanesini dahil etmemiz gerekir. Kütüphanemizi aşağıda ki gibi dahil ediyoruz.

#include <cstring>

Ardından ise fonksiyonlarımıza geçebiliriz.

Eleman Sayısı - strlen()

Bir dizide ne kadar eleman sayısı olduğunu belirtmemişseniz ve bilmiyorsanız bu fonksiyonu kullanarak dizideki eleman sayısını öğrenebilirsiniz.

int a[] = {1,2,3,4,5,6,7,8,9,};

cout<<"a dizisindeki eleman sayısı: "<<strlen(a);

Yukarıda ki örnekte bir dizi tanımladık ve bu dizinin eleman sayısını yazdırdık.

puts() ve gets()

Diziye 'cin' ifadesine benzer bir yapı ile yani kullanıcının girdiği değeri eleman olarak almak için gets() fonksiyonu kullanılır.

Eğer dizideki tüm elemanları yazdırmak istiyorsak bunun için de puts() fonksiyonu kullanılır.

int isim[20];

cout<<"İsminizi Giriniz: ";

gets(isim);

cout<<"İsminiz: "<<puts(isim);

Bu örnekte kullanıcıdan bir veri aldık ve bu veriyi dizimize eleman olarak atadık, ardından ise bu dizimizin tüm elemanlarını yazdırdık.

Dizi Kopyalamak - strcpy()

strcpy() fonksiyonunun kullanımı çok basittir, içerisine iki tane parametre alır. İlk parametre kopyalanacak olan dizi ve ikinci parametre ise kopyalamak istediğiniz nesne.

char s[] = {"a","b"};

char harf = "c";

strcpy(s,harf);

cout<<s[2]; // c

Evet, C++ içerisinde arraylar için birçok fonksiyon vardır, fakat bu yazımda bunları anlatmak ile yetineceğim. Daha sonradan bu fonksiyonların tamamını bir yazıda anlatırım.

Struct

Birbirleri ile ilişki içinde bulunan veri kümelerine Struct denir. Dizilere çok benzerler, bunun nedeni içerisinde birden fazla eleman bulunur fakat aralarında ki tek fark; diziler aynı türden eleman barındırırken struct'lar farklı türden yapılar bulundurabilirler.

Aslında bu yapı, Python'da ki Listelere daha fazla benzer, çünkü Listelerde de olduğu gibi bu yapı farklı türden veritipleri bulundurabilir ama arraylarda böyle bir şey söz konusu değildir.

struct yapı ismi{

 veri tipi;

}nesne ismi;

Struct tanımlamak için yukarıda ki formül kullanılır. Dikkat etmemiz gereken ayrıntı; structure tanımlarken main fonksiyonunun dışına tnaımlanır. İlk önce struct ifadesini yazarak, cpp'ye bir structure tanımlayacağımızı belirtiriz. Ardından ise o yapıya vermek istediğimiz isimi yazarız ve süslü parantez açarız. Süslü parantezlerin sonuna o yapıya temsili bir isim veririz verilmese de yapı çalışır. Yapıya temsili isim vermemizin sebebi; main fonksiyonunda veya başka bir fonksiyonda yapıyı bu temsili isim ile çağırırız, yapı ismi ile değil. Süslü parantezlerimizin içerisine değişkenler tanımlar ve bitiririz. Şimdi isterseniz bir örnek üzerinden açıklayalım.

#include <iostream>

using namespace std;

struct tarih{

int gun;

int ay;

int yil;

}zaman;

void tarihgetir(){

zaman.gun = 10;

zaman.ay = 11;

zaman.yil = 1938;

cout<<zaman.gun<<"/"<<zaman.ay<<"/"<<zaman.yil<<"- ∞";

}

int main(){

tarihgetir();

return 0;

}

Örnekte bir tane void fonksiyon içerisine yapı elemanlarını tanımladık. Farkettiğiniz gibi yapının temsili ismini; yapı elemanlarını tanımlarken kullanıyoruz. Eğer temsili isim vermezsek bu temsili ismi yapı elemanlarını tanımlayacağımız yerde de verebiliriz.

struct tarih{

int x;

int y;

};

int main(){

tarih sayi;

sayi.x = 10;

sayi.y=15;

return 0;

}

Kaynak

Muhammed Mastar, Süha Eriş - C++ (syf. 65-82),(syf. 113-122)

Evet arkadaşlar, C++ dili üzerinde Array(dizi) ve Struct(yapı) nesnelerini gördük. Umarım açıklayıcı olabilmişimdir. İyi Günler!.

Algoritma Nedir?

2020-05-25T15:18:00.002-07:00

Algoritma bir amaca ulaşmak için belirlenen durumları eleyerek sonuca ulaşmak için kullanılıan yöntemdir. İlk algoritma örneklerine Harezmi'nin 'Hisab el-cebir' kitabında görülmüştür. Algoritma adı Harezmi'nin latin adı olan 'Algoritmi' den gelmektedir. Algoritma hazırlanırken var olan bütün durumların göz önüne alınması gerekir.

Mesela Bir ampülün yanıp yanmaması durumu ve yanmama durumunda neler yapılacağını aşağıda ki şemada ki gibi hazırlanması algoritmanın temel örneklerindendir.

Yukarıda ki örneğe akış şeması veya akış diyagramı denilmektedir ve durumun hangi şartlarda nasıl devam edeceğini bir örnek şekil ile gösterilmesi ile oluşur.

Algoritmanın temel olarak kullanım alanı programlama ve matematiktir. Programlama demişken zaten var olan tüm programlama dilleri temel algoritmaların üzerine kuruludur.

Algoritma kurarken bütün olasılıkları işin içerisine katmamız ve var olan durumun şansa göre ilerlemesini beklemememiz gerekir.

Mesela not ortalamasına göre ortalamanın beşlik sisteme dönüştüren bir program yazıyorsunuz. Burada kuracağınız algoritma aşağıda ki akış şemasında ki gibi olmalıdır.

Şema üzerinde de gördüğünüz üzere algoritma sizi sonuca götüren basamaklar bütünüdür.

Selenium Nedir?

2020-04-26T03:30:00.001-07:00

Nedir?

Selenium, browserlar için geliştirilmiş bir otomasyon aracıdır. Bu araç ile istediğiniz web sayfasını açıp web sayfasında istediğiniz işlemi yapabilirsiniz. Genellikle test işlemleri için kullanılır.

İstediğiniz işlemi yapabilirsiniz derken kastım; web sayfasını açmak, web sayfasında ki buttonları ve inputları doldurmak gibi işlemleri yapabilirsiniz. Zaten selenium genellikle web sayfalarında ki inputları, buttonları vb. test etmek için kullanılıyor.

Selenium'u bir dilde değil 6 farklı dilde kullanabilirsiniz. Bu diller: Java, Python, C#, Ruby, JavaScript ve Kotlin'dir. Ben bu yazımda sizlere Java ve Python için nasıl kullanabileceğinizi anlatacağım.

Selenium'u kendi IDE'sinden veya WebDriver kullanarak çalıştırabilirsiniz. Aralarında ki fark şöyledir: Selenium IDE browser kullanarak test işlemi gerçekleştirmenizi sağlar ve bir program şeklindedir. WebDriver yöntemi ise hazır veya kendi hazırladığımız web projelerini test etmek için kullanılır ve bir arayüze sahip değildir sadece kullandığınız browser açılır. Sizlere bu yazımda benim de sıklıkla kullandığım WebDriver yöntemini açıklayacağım.

Daha dürüst olmak gerekirse Selenium IDE'yi fazla kullanmadım ve mantığını da fazla bilmiyorum. Ben genellikle test otomasyonu yazarken WebDriver kullanırım.

Ama kısaca bir google search işleminin sonucunda söyleyebilirim ki Selenium IDE bir tarayıcı eklentisi olarak geliyor ve eklenti üzerinden komutlar aracılığı ile test işlemlerini gerçekleştiriyorsunuz. Zaten kendi web sayfasında şöyle açıklıyor:

"Selenium test 'vakalarınızı'! geliştirmek için kullandığınız araçtır. Kullanımı kolay bir Chrome ve Firefox eklentisidir ve genellikle test senaryoları geliştirmenin en etkili yoludur. Selenium komutlarını kullanarak o öğenin bağlamı tarafından tanımlanan parametrelerle kullanıcıların tarayıcıdaki işlemlerini sizin için kaydeder. Bu sadece zaman tasarrufu sağlamakla kalmaz, aynı zamanda Selenium script söz dizimini öğrenmenin de mükemmel bir yoludur."

Eğer diğer dillerde de kullanmak istiyorsanız bu adresi ziyaret ederek nasıl kullanıldığını görebilirsiniz. Zaten ben de göstereceğim örnekleri bu kaynak sayesinde gösteriyorum. Şimdi isterseniz nasıl kullanabileceğinizi anlatayım.

Nasıl Kullanılır?

İlk önce aşağıda ki adreslerden kullandığınız tarayıcıya göre bir webdriver indiriyorsunuz.

Webdriver'i indirdikten sonra proje dizininize atıyorsunuz. Şimdi ise test otomasyonunu yazmaya başlayalım.

Python

İlk önce sisteminize Selenium kütüphanesini indirmeniz gerekmekte. Bunun için aşağıda ki komutu kullanabilirsiniz.

$ pip3 install selenium

Selenium'u indirdikten sonra proje dosyanıza selenium üzerinden WebDriver kütüphanesini import etmeniz gerekmektedir. Bunun için ise python dosyanızın üst kısımlarına:

from selenium import webdriver

İfadesini ekliyorsunuz.

Ardından ise indirdiğimiz Webdriver'i tanımlıyoruz.

# Mozilla Firefox İçin

path = "./geckodriver"
browser = webdriver.Mozilla(executable_path=path)

# Chrome için

path = "./chromedriver"
browser = webdriver.Chrome(executable_path=path)

Şimdi artık tüm işlemlerimizi 'browser' değişkeni üzerinden yapacağız. İlk önce tarayıcı üzerinden herhangi bir web sitesi açalım. Bunun için 'get()' fonksiyonunu kullanacağız. Get fonksiyonu hiçbir işlem yapmadan sadece web sayfasını açmak için kullanılır.

browser.get("https://google.com")

İfadesini yazdıktan sonra dosyanızı kaydedip çalıştırdıktan sonra göreceksiniz ki tarayıcınızda belirttiğiniz adres açılmış bir şekilde açılacaktır.

Şimdi ise açtığımız sayfada bir yere tıklama işlemini yapalım. Tıklama işlemi için 'click()' fonksiyonu kullanılır click fonksiyonunu kullanmadan önce hangi öğe üzernde işlem yapmamız gerektiğini seçmemiz gerekiyor.

Öğe seçmek için çeşitli yöntemler vardır, sayfanın HTML kodlarına erişebilmemiz gerekir. Eğer kendi projenizi test ediyorsanız zaten sayfa elemanlarını biliyorsunuzdur. Ama eğer başka bir web sitesini test ediyorsanız tarayıcınızda ki denetle veya öğeyi incele özelliğini kullanabilirsiniz. Yaklaşık 8 tane öğe seçmek için kullanılabilecek fonksiyon vardır fakat bu yazım ders niteliğinde olmadığı için sizlere 6 tanesini anlatacağım. Bunlar aşağıda ki gibi kullanılırlar.

find_element_by_id()
find_element_by_class_name()
find_element_by_name()
find_element_by_tag_name()
find_element_by_link_text()
find_element_by_xpath()

Seçmek istediğiniz öğenin özelliğine göre('class,id') yukarıda ki öğelerden bir tanesini seçebilirsiniz. Mesela class'ı btn olan bir button var ve biz bu buttona erişebilmek için aşağıda ki gibi bir yöntem izlememiz gerekiyor.

button = browser.find_element_by_class_name("btn")

Gözünüze garip gelebilecek iki tane fonksiyon yazılı yukarıda. Bunlar: 'find_element_by_link_text' ve 'find_element_by_xpath' bunlar göze garip gelebilir ama kullanımı gayet kolaydır. İlk önce 'find_element_by_link_text'in anlatımından başlayayım. Mesela bir tane link oluşturdunuz.

<a href="#">LinkYazisi</a>

Ardından ise içerisine bir kelime yazdınız. 'find_element_by_link_text' fonksiyonunu kullandığınız zaman Link'e verdiğiniz yazıyı seçmeniz gerekir.

link = find_element_by_link_text("LinkYazisi")

Şeklinde kullanıyorsunuz. Xpath seçeneği de kolaydır. Erişmek istediğiniz öğenin xpath'ını yazmanız gerekir ama eğer bilmiyorsanız kolay bir yolu vardır. Seçmek istediğiniz öğenin üzerine gelip öğeyi denetle'ye tıklayın. Ardından ise seçili öğenin üzerine sağ tıklayıp copy kısmından xpath seçeneğine gelin.

Ardından ise fonksiyon içerisin parametre olarak xpath'ı yapıştırın.

xpathsecimi = browser.find_element_by_xpath("/html/body/div/div[3]/form/div[2]/div[1]/div[1]/div/div[2]/input")

Bu şekilde 'find_element_by_xpath' seçeneğini de kullanabilirsiniz.

Şimdi konuyu fazla saptırmadan sizlere click() fonksiyonunu nasıl kullanabileceğinizi anlatayım. Bir öğe seçiyorsunuz ve ardından ise click fonksiyonunu aşağıda ki gibi kullanıyorsunuz.

btn = browser.find_element_by_class_name("btn")
btn.click()

şeklinde istediğiniz öğeye tıklama işlemini yapabilirsiniz. İsterseniz şimdi de seçili bir input'a metin yazdıralım. Bu işlem için 'send_keys' fonksiyonunu kullanabilirsiniz. click() fonksiyonunda olduğu gibi bir öğe seçiyorsunuz ve ardından da send_keys fonksiyonunu kullanabilirsiniz.

searchinput = browser.find_element_by_xpath("/html/body/div/div[3]/form/div[2]/div[1]/div[1]/div/div[2]/input")
searchinput.click()
searchinput.send_keys("KilavuzKod")

Kullanımı bu şekildedir. Evet arkadaşlar Python için selenium kullanımı bu şekildedir. Daha çok örnek için kendi web adresini ziyaret edebilirsiniz.

Java

Selenium'u kullanabilmek için aşağıda ki kütüphaneleri import etmeniz gerekir.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.mozilla.MozillaDriver;
import org.openqa.selenium.support.ui.WebDriverWait;

Ardından ise webdriver'ı tanıtmamız gerekir.

# Chrome
System.setProperty("webdriver.chrome.driver", "./chromedriver");
WebDriver browser = new ChromeDriver();

# Mozilla

System.setProperty("webdriver.mozilla.driver", "./geckodriver");
WebDriver browser = new MozillaDriver();

Tanıttıktan sonra artık işlemlerimize başlayabiliriz. Java'da Python'da ki gibi nesne seçme işlemi kolay değildir. Evet elemanlar aynı ama yöntem farklıdır. Mesela tekrardan Google'a gidelim ve basit bir search işlemi yaptıralım.

browser.get("https://google.com");
browser.findElement(By.xpath("/html/body/div/div[3]/form/div[2]/div[1]/div[1]/div/div[2]/input")).sendKeys("KilavuzKod");
browser.findElement(By.xpath("/html/body/div/div[3]/form/div[2]/div[1]/div[2]/div[2]/div[2]/center/input[1]")).click();

Dosyayı çalıştırdığınız zaman Google'da 'KilavuzKod' kelimesini arayacaktır.

Kaynak

Wikipedia
Selenium Web Site
Devnot

Next.JS Nedir ?

2020-04-20T12:50:00.002-07:00

Nedir?

NextJS, bir React FrameWork'üdür. Sunucu taraflı web uygulamaları yazmak için kullanılır. Ücretsiz ve Open source olan NextJS'; Node.js ve Babel.js kullanır.

NextJS'in frontend kısmı tamamen JavaScript kodlarının içine yazılan HTML kodları ile sağlanır. Tabi bu işlemi SSR yani 'Server Side Rendering' ile gerçekleştirir, bu ayrıntı bizlere birçok avantaj kazandırır.

Bu avantajlardan kastım; NextJS uygulamaları daha hızlı ve performanslı bir şekilde çalışmaktadır. Bunun yanı sıra web siteniz SEO uyumlu ve frontend kısmı yazılan Component'ler sayesinde daha güzel görünmektedir.

Daha önceden 'React' ile uğraştıysanız bu terimler size fazla yabancı gelmeyecektir. Dediğim gibi NextJS bir React framework'üdür fakat react yapısını fazla andırmıyor. NextJs ile ReactDom ile uğraşmıyorsunuz, bunun yanı sıra Webpack ile de uğraşmıyorsunuz. Bu da sizin işinizi önemli bir şekilde hızlandırıyor.

NextJs'in bir özelliği daha var; Code Splitting. Google'da 'code splitting' diye arama yaptığınız zaman hemen en üst kısımlarda React'ın web sitesi çıkıyor. React'ın kendi web sitesinde bir açıklaması var:

"Uygulamanıza kod bölümlemesi yapmak, kullanıcının anlık olarak ihtiyaç duyduğu şeylerin “lazy yüklenmesine” yardımcı olarak uygulama performansını önemli ölçüde arttırabilir. Uygulamanızdaki toplam kod miktarını azaltmamış olsanız da kullanıcının hiçbir zaman ihtiyaç duymayacağı kodu yüklemekten kaçınmış ve ilk yükleme sırasında ihtiyaç duyulan kodu azaltmış olursunuz."

Code splitting kısaca sadece işe yarar kodları çalıştırıyor ve bu sayede web site performansını önemli ölçüde arttırıyor.

React uygulamalarında olduğu gibi en sevdiğim özelliğinden birisi de siz dosyanızı kaydettiğiniz andan itibaren tarayıcıda kendisini yeniliyor. Sürekli olarak tarayıcıda 'F5' yapmaktan kurtarıyor.

İçerisine HTML kodlarını yazıyoruz ve Nextjs bunu render ediyor demiştik ama yalın bir şekilde html kodlarını yazamıyoruz. Bu kodların 'JSX' formatında olması gerekir, tabi bu biraz style kısmını etkiliyor ama bazı html taglarını JSX formatında değiştirmemiz gerekiyor.

Mesela bir html tag'ine 'class' özelliği ve ismi vermek istiyorsak normalde '<div class='divClassName'></div>' şeklinde veriyoruz. Fakat JSX formatında bir div'e veya herhangi bir HTML tag'ine class vermek için '

<div className='divClassName'></div>'

şeklinde bir yol izlememiz gerekmekte. Gördüğünüz gibi 'class' yerine 'className' gibi bir anahtar sözcük kullandık .

Nasıl Kullanılır?

NextJS'i kullanabilmek için NodeJS'in kurulu olması gerekmektedir. Eğer NodeJS kurulu değil ise 'NodeJS Nedir' adlı yazımı ziyaret etmenizi tavsiye ederim. NodeJS kurulu ise NextJS'i kurma işlemine geçebiliriz. Bu işlemi iki şekilde yapabiliriz, otomatik olarak ve manual olarak.

Otomatik Kurulum

İlk olarak Npm'in sizin için otomatik olarak proje oluşturması için 'next-app' komutu!. Bu komutu terminal ekranına gelip aşağıda ki şekilde yazarsanız npm bir proje oluşturacaktır.

$ npm init next-app
$ yarn create next-app

Komutunu yazdıktan sonra size proje ismini soracaktır, proje ismini yazdıktan sonra işleminiz tamamdır.Bu komut sayesinde siz uğraşmadan npm kendisi sizin için bir NextJS App'i oluşturuyor. Bu komutu kullanmadan önce NodeJS'in 10.13+ üstü olması gerekmektedir.

Manual Kurulum

Bu sefer ise kendimiz bir NextJS projesi oluşturalım. İlk önce proje dizininize gelip aşağıda ki komutu yazmanız gerekmektedir.

$ mkdir pages
$ npm init -y
$ npm install react reactdom next --save

Bu komutu yazdıktan sonra göreceksiniz ki proje dizininizde pages adında bir dosya ve bir 'package.json' dosyası oluştu. Şimdi ise bu package.json dosyasını düzenlememiz gerekmekte. Bunun için package.json dosyasını bir text editöründe açalım ve "script":{} kısmını aşağıda ki gibi değiştirelim.

,"script":{
    "dev":"next",
    "build":"next build",
    "start":"next start"
}

package.json dosyamızın "script" kısmını değiştirdikten sonra yapmamız gereken tek şey 'pages' klasörünün içerisine 'index.js' adında bir JavaScript dosyası oluşturmamız gerekiyor. NextJS dosyaları render ederken pages klasörüne bakıyor ve buradaki dosyaları sunucuda çalıştırıyor. index.js dosyası projemizin ana dizini yani 'home' sayfasıdır. Oluşturduktan sonra text editörümüzde index.js dosyasını açalım ve içeriğini aşağıda ki gibi dolduralım ve kaydedelim.

export default function Index(){
    return(
    <div>
        <h3>$Hello World!</h3>
    </div>
    );
}

veya

const Index = {} => {
    return(
    <div>
        <h3>$Hello World!</h3>
    </div>
    );
};

Bu işlemi gerçekleştirdikten sonra tekrar proje dizinimize gelip serverimizi başlatmamız gerekmekte. Bunun için ise terminal ekranına:

$ npm run dev

yazdıktan sonra 'localhost:3000' adresinde projemizi görüntüleyebiliriz. localhost:3000 adresine geldikten sonra tarayıcımızda $Hello World' yazısını görebileceğiz. Projede yapacağınız tüm değişiklikleri bu pages sayfasının içinde ki JavaScript dosyaları ile sağlıyoruz.

Routers

NextJS'in en iyi özelliklerinden bir tanesi de 'pages' klasörünün içerisinde ki dosyaları direkt olarak rotalıyor. Mesela basitçe şöyle anlatayım. index.js dosyası bizim '/' dizinimiz oluyor. 'pages' klasörünün içerisine deneme.js adında bir dosya oluşturup içerisini doldurduktan sonra '/deneme' dizinine geldiğiniz zaman deneme.js dosyasını görüyorsunuz. Bu son derece iyi bir özellik ve tekrar tekrar dediğim gibi işimizi bayağı hızlandırıyor.

NextJS için kendi web sitesinde geniş bir dökümantasyonu var. Bu dökümantasyona bu adresten ulaşabilirsiniz.

Kaynak

- NextJS Website
- Medium

Bootstrap Nedir?

2020-04-16T15:11:00.001-07:00

Nedir?

Bootstrap, web uygulamaları veya web siteleri için kullanılabilir, open source yani açık kaynak kodlu ve ücretsiz bir önyüz çatısıdır. Mobil uyumlu yani responsive sayfalar için biçilmiş kaftandır. Bootstrap içerisinde HTML ve CSS şablonlarını içerir ve bu sayede navigasyon, button, card, toast gibi nesneleri html formatında yazmak mümkündür.

Bu öğelerin hepsinin nasıl web sayfasına ekleneceğini öğrenmek istiyorsanız bu adresi ziyaret edebilirsiniz. Şimdi isterseniz nasıl kullanabileceğinizi anlatayım.

Nasıl Kullanılır?

İlk önce Bootstrap adresini ziyaret ederek Css ve JavaScript dosyalarını indirip proje dizininize taşıyıp ve ardından html dosyasına tanımlayabilirsiniz. Ama bunlar ile uğraşmak istemiyorsanız aşağıda ki CDN kayıtlarını web sayfanızın 'head' kısmına ekleyebilirsiniz.

Bootstrap'i projenize eklerken dikkat etmeniz gereken bir ayrıntı var. Jquery'i de eklemeniz gerekmektedir. Bunun sebebi ise Bootstrap'in çalışırken Jquery'i kullanıyor olmasıdır. Eğer Jquery'i eklemezseniz consol ekranında size bir hata verecektir. Son olarak responsive yani mobil uyumlu bir web sayfası hazırlıyorsanız aşağıda ki kodu da head tagları eklemeniz gerekmektedir.

Bu kodları da ekledikten sonra web sayfanızın head tagleri aşağıda ki gibi olmalıdır.

<head>
<title>Bootstrap Sayfası</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>

Artık bootstrap'i projemize dahil ettiğimize göre nesneleri nasıl oluşturabileceğinize bakalım. Daha önceden de dediğim gibi Bootstrap'in sayfasına gidebilir veya W3Schools adresinden istediğiniz nesnenin nasıl oluşturulduğuna bakabilirsiniz.

Şimdi, ilk önce kendi nesnenizi nasıl oluşturabileceğinizi anlatayım. İlk önce class'ı 'container' olan bir div oluşturalım. Ardından da içerisine class'ı 'row' olan bir div daha oluşturalım. Bu row div'ini satır olarak düşünebilirsiniz. Eğer alt alta iki tane nesne oluşturacaksanız aynı container'in içerisine iki tane class'ı row olan div oluşturabilirsiniz. Son olarak row divinin içerisine class'ı 'col' olan bir div oluşturmanız gerekiyor. Bu 'col' divini ise gruplar gibi düşünebilirsiniz. Yani yan yana iki tane nesne oluşturacaksanız aynı 'row' divinin içerisine iki tane 'col' divi oluşturmanız gerekmektedir.

Col divlerinin boyutlarını belirlemeniz için belirli class isimleri vardır. Bunlar col-lg-6 şeklinde kullanılırlar. Boyutlar aşağıda ki gibidir.

-col = <576px
-col-sm- = >= 576px
-col-md- = >= 768px
-col-lg- = >=992px
-col-xl- = >= 1200px

Boyutlar için daha ayrıntılı bilgiye bu adresten ulaşabilirsiniz. Şimdi örnek bir div oluşturalım.

<div class="container">
<div class="row" style="text-align:center;background:orange;color:#fff;">
<div class="col-sm-8">
Hello World;
</div>
</div>
</div>

Bu div artık responsive bir şekilde çalışacaktır. Buraya örneğini bırakmak istedim ama sanırım blogger buna izin vermiyor. Ama CodePen adresimden bu div'in örneğine bakabilirsiniz. Bıraktığım Codepen adresini ziyaret ettiğinizde görebileceğiniz üzere bir de navbar bulunuyor. Bunu Bootstrap'in kendi web sitesinden aldığım örnek ile ekledim. Sizler de dediğim gibi Bootstrap'in kendi web sitesinden 'Component' kısmında tüm nesnelere ulaşabilirsiniz.

Eğer Codepen'de ki örneğimi ziyaret ederseniz göreceğiniz üzere Bootstrap web sayfaları hazırlarken geliştiricilere çok hız kazandırıyor. Zaten dünya genelinde bu kadar fazla kullanılmasının sebebi de bizlere hız kazandırmasıdır.

Evet arkadaşlar, bu yazımda sizler ile Bootstrap'in ne olduğunu gördük. Umarım işinize yaramıştır ve açık bir dil ile anlatabilmişimdir. İyi Günler!.

Node.js Nedir?

2020-04-02T19:56:00.001-07:00

Node.js, sunucu taraflı çalışan uygulamalar için geliştirilmiş bir runtime environment (çalışma ortamı)'dir. Dil olarak ise JavaScript'i kullanır.

Node.js Google V8 JavaScript motorunu kullanır. İçerisindeki kütüphaneler ile (ör:Express) tek başına sunucu görevini görür. Bu nedenle dünya üzerinde popüler ve popüleritesi giderek artmaktadır. Ayrcıa açık kaynaklıdır bu nedenle sürekli olarak geliştirilmektedir.

Node.js asenkron çalışması özelliği ile sunucu tarafında rakiplerine göre daha hızlıdır. Bunun yanı sıra yüksek veri aktarabilmesi ve yüksek ölçeklenebilirliği Node.js'in avantajlarındandır.

Şimdi Node.js'in ne olduğundan kısaca bahsettiğime göre nasıl kurulduğunu ve nasıl kullanabileceğinizden bahsedeyim.

Kurulum

Windows

Windows'ta Node.js kurulumu için Node.js'in kendi web sitesinden 'LTS' sürümünden kendi sistem mimarinize göre olan '.msi' uzantılı dosyasını indirmeniz gerekmektedir. İndirdikten sonra normal setup işlemlerini gerçekleştirdikten sonra kurulum tamamlanmış olacaktır.

Linux

Linux için kurulum ise terminalden yapılabilir seviyededir. Yapmanız gereken tek şey; terminal ekranına:

$ sudo apt-get install nodejs

yazmaktır. Son olarak Node için paket yükleyici yani npm (Node Package Manager)'i yüklemeniz gerekiyor. Bunun için de tekrar terminal ekranına:

$ sudo apt-get install npm

komutunu yazıyoruz ve artık Linux için Node.js'i kurulumunu tamamlamış olduk, artık kullanabiliriz.

Paket Kurulumu

Node için paket kurulumu işlemine geçmek istiyorum. Node.js'te paket kurmak için 'npm install paketadi' komutunu kullanıyoruz. Paketlerimizi iki türlü kurabiliriz; global ve local olarak paketlerimizi kuruyoruz.

Eğer sürekli paket indirme işlemini gerçekleştirmek istemiyorsanız paketlerinizi global olarak kurabilirsiniz. Global olarak kurmak için '-g' ifadesini ekliyoruz yani global olarak bir paket indirmek istediğimizde komutumuz aşağıda ki gibi olmalıdır

$ npm install -g paketadi

şeklinde komutumuzu yazdıktan sonra paketimiz global olarak kuruluyor. Peki global olarak paket kurulduğunda ne oluyor? Bunun cevabı npm paket dosyalarını sistemde ki klasörüne indiriyor ve her projenizde tekrardan o paketi indirmenize gerek kalmıyor.

Eğer paketimizi local olarak kurmak istersek komut satırımız aşağıda ki gibi olmalıdır

$ npm install --save paketadi

Peki paketlerimizi local olarak kurduğumuzda ne farkediyor? Eğer paketlerimizi local olarak kurarsak npm paketi sizin üzerinde çalıştığınız klasöre kuruyor ve başka bir projede tekrar o paketi indirmeniz gerekiyor. Fakat local olarak kurmanızın şöyle bir avantajı var; taşınabilirliği arttırıyor. Mesela projenizi kişisel bilgisayarınızda hazırladınız ve başka bir cihazda çalıştırmak istiyorsunuz o zaman paketleri tek tek kurmak yerine local olarak kurulmuş paketleri tek bir komut ile taşıdığınız cihaza kurabiliyorsunuz.

Peki bu nasıl sağlanıyor? npm local olarak kurulan paketi 'package.json' dosyasına kaydediyor ve başka bir cihaza taşındığı zaman aşağıda ki komut ile package.json dosyasına kaydedilen paketleri kuruyor.

$ npm install

Kullanım

Node.js'i kullanmak için bir klasör oluşturalım ve kod editörümüzü açalım. İlk önce 'package.json' adında bir json dosyası oluşturmamız gerekmektedir, dosya adının package olmasına dikkat etmenizi tavsiye ederim. Package.json dosyamızın içeriğini basit bir şekilde aşağıda ki gibi doldurmanız gerekmektedir. İlk önce süslü parantezler açılır ve bu süslü parantezlerin içerisine projemize vermek istediğimiz özellikleri yazıyoruz.

{
"name":"Proje-Adi",
"version":"1.0.0",
"script":{
"start":"node serverdosyasi.js"
}
}

Bu şekilde package.json dosyamızı oluşturmamız gerekmektedir. Burada dikkat etmemiz gereken şey projemizin özelliklerini tırnaklar içerisinde belirtmemiz gerekmektedir. Projemizin versiyonunu adını, kimin yazdığını bu package.json dosyasına kaydedebilirsiniz.

Yukarıda ki script özelliği örnek olarak eğer projemizi başlatmak istersek 'node serverdosyasi.js' yazmak yerine sadece 'npm start' yazdığımız zaman projemiz başlatma görevini görüyor.

Eğer paket kurduğumuz zaman local olarak kurarsak package.json dosyasına 'dependencies' şeklinde kaydedildiğiniz görürsünüz.

Package.json dosyamızı oluşturduğumuza göre, artık server dosyamızı oluşturabiliriz.

Server dosyamızı bir JavaScript dosyası şeklinde oluşturmamız gerekmektedir. Genellikle 'app' veya 'server' adında oluşturulur. JavaScript dosyamızı oluşturduktan sonra serverimizi yapılandırmaya başlayabiliriz. Server dosyamızda serverimizi yapılandırırız ve adres yönetimini yani istenilen adrese göre bir dosya gösterme işlemini yapabiliriz.

Bu yazımda sizlere temel olarak bir server dosyası oluşturmayı öğretmeyeceğim. Bunun yerine daha hızlı bir şekilde bu işlemleri gerçekleştirmenizi sağlayacak olan 'Express' kütüphanesi ile server oluşturmayı ayrıca dosya yönetimi için ise 'fs' kütüphanesinden bahsedeceğim. Ayrıca sürekli olarak npm start yazmamanız için 'nodemon' kütüphanesini kullanacağız, bu kütüphane sürekli olarak değişiklik yaptığınız zaman npm start komutunu yazmamanızı sağlıyor. Nodemon kütüphanesi ile sadece bir kere npm start yapıyoruz ve artık sürekli olarak server dosyasını başlatmamız gerekmiyor. Bunlar için terminal ekranımıza

$ npm install --save express
$ npm install --save nodemon

komutlarını yazıyoruz ve projemize dahil ediyoruz. Ardından ise server dosyamızda bu kütüphaneleri çağırmamız gerekiyor. Bunlar için ise

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

şeklinde yazıyoruz. Burada gördüğünüz gibi app adında bir değişken daha oluşturdum. Bunun sebebi ise işlemlerimizi app adı üzerinde Express ile yapacağız.

Şimdi index.html adında bir html dosyası oluşturalım ve bunun içeriğini rastgele bir şekilde dolduralım. Ardından ise server dosyamıza gelip aşağıda ki yazıları ekleyelim.

app.get("/",function(req,res){
   fs.readFile("index.html",function(err,data){
      res.write(data);
      res.end("");
   });
});
app.listen("4000");

şeklinde dolduruyoruz.

Yukarıda gördüğünüz app.get fonksiyonu ile serverimize gelen isteği yani adres çubuğuna ne yazılırsa ona göre bir işlem yapmamızı sağlıyor. fs.readFile fonksiyonu ise belirttiğimiz dosyayı bize göstermeye yarıyor. Son olarak app.listen() fonksiyonu ise serverimizin kaçıncı portta çalışmasını istiyorsak onu belirlememize yarıyor.

Şimdi; package.json dosyamızı oluşturduk, server dosyamızı oluşturduk ve index adında bir html dosyası oluşturduk. Artık terminale 'npm start' yazdıktan sonra sunucumuz hazır ve adres çubuğuna

localhost:4000

yazdığımız zaman bize index.html dosyasının geldiğini göreceksiniz.

Son olarak belirtmem gereken bir husus var; eğer nodemon kütüphanesini kullanacak isek package.json dosyamızda ki script bölümünde yazan 'node dosyaadi.js' kısmını 'nodemon dosyaadi.js' şeklinde değiştirmeniz gerekmekte. Eğer npm start komutunu kullanmak istemiyorsak, nodemon dosyaadi.js komutunu yazdığımız zaman aynı sonucu alırız.

Sizlere benim ilk başlarda yaşadığım bir sorunu anlatmak istiyorum. Yazdığım projeyi tablet gibi diğer cihazlardan localhost:port yazarak erişim sağlayamıyorsunuz. Bu durumu şöyle anlatayım; mesela bilgisayarınızda projenizi hazırladınız ve telefonunuzda denemek istiyorsunuz, işte bu durumda telefon tarayıcınıza localhost yazarak projeye erişim sağlayamıyorsunuz. Bunun için bilgisayarınızın ip adresini öğrenmeniz gerekmekte. Ip adrsinizi öğrendikten sonra ise tarayıcımızın adres çubuğuna

http://ipadresiniz:portsayisi

şeklinde yazmanız gerekiyor. Bu sayede bilgisayarınızdan yazdığınız node projesine telefon veya tablet gibi diğer cihazlardan erişim sağlayabiliyorsunuz.

Örnek

Sizlere Node.js'in nasıl çalıştığını parçalar halinde anlatmaya çalıştım fakat bunların hepsini bir bütün olarak görüp çalıştırmanız sizler için daha faydalı olabileceğini düşündüm.

Yukarıda yazan her şeyi bir projede topladım ve bu projeyi inceleyerek node.js'in çalışma mantığını anlayabilirsiniz.

Projede yukarıda anlattığım bilgilerden başka hiçbir şey bulunmuyor fakat siz bu kodları birazcık kurcalayarak daha iyi kavrayabilirsiniz.

Projeye Github adresimden ulaşabilirsiniz linkini aşağıya bırakıyorum.

Dosyaları Github adresimden indirebilir veya terminale aşağıda ki komutu yazabilirsiniz

git clone https://github.com/Enes-Kasapoglu/KilavuzKod-Node-Example.git

komutunu yazdıktan sonra dosyalar bulunduğunuz dizine inecektir.

Dosyaları indirdikten sonra yapmanız gereken şey terminal ekranına 'npm start' ve tarayıcınızda adres çubuğuna 'localhost:4000' yazmak.

Kaynaklar
Wikipedia

Bu yazımda sizlere Node.js nedir onu açıklamaya çalıştım ve sizler için bir örnek hazırladım. Umarım açıklayıcı olabilmişimdir. İyi günler!.

Birim Çevirme Programı

2020-04-01T15:20:00.000-07:00

Herkese merhabalar, Python3 ve daha önceden kullanımını anlattığım Tkinter modülü ile sizler için bir Birim Çevirme programı hazırladım.

Programın işlevi; sadece bazı sıcaklık ve uzunluk birimlerini birbirlerine çeviriyor. Programı iki şekilde hazırladım, Tkinter modülünü kullanarak ve consol ekranında kullanabileceğiniz şekilde yazdım. Consol için olan kod biraz daha ayrıntılı oldu ama yine de GUI kısmı da işinizi görecektir.

Tkinter modülünü kullanarak yaptığım kısımın biraz daha geliştirilmesi gerekmekte ama dediğim gibi bu haliyle de işinizi görecektir.

Projeyi Github adresimden alabilirsiniz, aşağıya linkini bırakıyorum.

Veya hiç uğraşmadan konsol ekranına

$ git clone https://github.com/Enes-Kasapoglu/Unit-Converter.git

yazarak var olduğunuz dizine indirebilirsiniz.

Projeyi Python3 ile çalıştırmanızı tavsiye ederim. Bunun yanı sıra eğer çevirme programını consol ekranından başlatmak istiyorsanız ConsoleConverter klasöründe ki dosyayı çalıştırmanız gerekmektedir.

Evet arkadaşlar, umarım bu proje işinize yaramıştır. İyi Günler!

Python ile Ansiklopedi Projesi

2020-03-18T13:05:00.001-07:00

Daha öncelerden kullanımını anlattığım Tkinter Modulü ile sizler için bir Ansiklopedi projesi hazırladım.

Bu projeyi yine bir Python modulü olan Wikipedia modülünü kullandım. Wikipedia modulü kısaca Wikipedia'da ki bulunan yazıları size getiriyor, bu sayede python ile wikipedia verilerine ulaşmış oluyoruz.

Wikipedi modülünün kullanımı için daha detaylı bir kaynağa buradan ulaşabilirsiniz.

Projede aşağılarda ekran görüntüsünü verdiğimde göreceğiniz üzere bir normal şekilde arama sonucunu getirme bir de arama sonucunu sesli bir şekilde söyleyen iki farklı modu var.

Projenin kaynak kodlarını Github adresimden ulaşabilirsiniz. Github adresimi sizler için aşağıya bırakıyorum. Ya da Linux kullanıyorsanız aşağıda ki komutu uçbirime yazmanız yeterli olacaktır.

$ git clone https://github.com/Enes-Kasapoglu/Ansiklopedi.git

Github adresimden dosyaları indirdikten sonra birkaç modül indirmeniz gerekmektedir. Bunlar için tekrar uçbirime gelip sırasıyla

$ pip install tkinter
$ pip3 install playsound
$ pip3 install wikipedia
$ pip3 install gtts

yazmanız yeterli olacaktır.

Tüm bunları tamamladıktan sonra uçbirime gelip sadece;

$ python3 main.py

yazdıktan sonra programı kullanabilirsiniz.

Ekran Görüntüsü

Evet arkadaşlar, bu yazımda sizler için hazırladığım Ansiklopedi projesini kısaca anlattım ve kaynak kodlarını sundum. Umarım işinize yaramıştır. İyi Günler.!

Linux Ortamında Windows ISO'su Yazdırmak

2020-03-12T13:22:00.001-07:00

Windows ortamında Linux ISO'su yazdırmak kolaydır fakat Linux ortamında Windows ISO'su yazdırmak için aynı şeyi söyleyemeyeceğim.

Daha önce ki yazımda belirttiğim gibi Linux üzerinden belirli programlar ve terminal ekranında belirli komutlar ile iso yazdırabilirsiniz. Ancak bu yöntem ile Windows ISO'su yazdıramazsınız.

Bunun sebebi ise 'dd' komutu UEFI olarak değil de ISO9606 formatında biçimlendiriyor ve bu yüzden çoğu BIOS ekranında tanımlanamıyor.

Ancak Windows ISO'su hazırlamak için daha kolay bir yöntem göstereceğim. Üstelik bir komut ile.

Bu komut; mount komutudur. Bu komut ile ISO dosyasının içeriğini görüp bir işlem yapacağız.

İlk Önce

İlk önce GParted uygulamasını açıyorsunuz. Eğer yoksa aşağıdaki komut ile yükleyebilirsiniz.

$ sudo apt-get install gparted

komutunu yazdıktan sonra karşınıza gelen (E/y) yazısına 'E' dedikten sonra indirebilirsiniz.

GParted uygulamasını açtıktan sonra sağ üst ekrandan disk bölümünü seçmeniz gerekmektedir.

/dev/sdb yazan kısımda eğer flash disk'e yazdıracaksanız /dev/sdb kısmını seçmeniz ve ardından gelen ekrandan alt kısımda flash diskinizi seçmeniz gerekmektedir.

Flash Disk'i seçtikten sonra seçtiğiniz flash diske sağ tıklayıp eğer disk ayrılmamış ise ayır demeniz. Ayırılmış ise Biçimlendir kısmına mousenizi getirmeniz gerekir ardından yan taraftaki formatlardan 'fat32' formatını seçmeniz gerekiyor. Son olarak gelen uyarıyı onayladıktan sonra diskiniz biçimlendirilecektir.

Ardından tekrar disk üzerine sağ tıklayıp 'bayrakları yönet' seçeneğine gelip yan taraftan 'boot' ve 'lda' seçeneklerini seçiyoruz ve kapatıyoruz. Artık diskimiz kullanıma hazır.

Şimdi ise ISO dosyasının içine erişmemiz gerekmektedir. Bunu bildiğim kadarıyla Linux üzerinde hiçbir program ile yapamıyoruz ancak 'mount' komutu ile diske ISO dosyasını bağlamanız dosyanın içeriğine ulaşmanızı sağlar.

İçeriğe ulaşmak

ISO dosyasının içeriğine ulaşmak için uçbirime aşağıda ki komutu yazmanız gerekmektedir.

$ mount isodosyaniz.iso

Komutunu yazdıktan sonra bir disk gibi ISO dosyasına erişebilirsiniz. Şimdi yapmanız gereken; ISO dosyasına gelmek ve içerisinde ki her şeyi biçimlendirdiğimiz diskin içerisine kopyalıyorsunuz. Burada dikkat etmeniz gereken şey ISO dosyasının içeriğinin tamamının kopyalanmasıdır.

Bütün dosyaları diskimize aktardıktan sonra işlemimiz tamamdır, artık Windows işletim sistemini kurabilirsiniz. Bu yöntemi 'dd' komutu ile yazdıramadığınız çoğu ISO dosyası üzerinde kullababilirsiniz.

Evet, bu yazımda sizlere Linux ortamında Windows ISO'su yazdırma yöntemini anlattım, umarım işinize yaramıştır. İyi Günler!.

Python ile Arduino Serial Port Verilerine Ulaşmak

2020-02-26T16:00:00.001-08:00

Herkese merhabalar, bu yazımda sizlere Python'da serial kütüphanesini kullanarak, Arduino serial port verilerine ulaşmayı göstereceğim. İsterseniz hemen konuya geçelim.

İlk önce serial kütüphanesini indirmeniz gerekmektedir. Bunun için uçbirim ekranına:

$ pip|pip3 install pyserial

yazıyoruz ve indiriyoruz.

Ardından bir Python dosyası oluşturalım ve işin kodlama kısmına geçelim.

İlk önce Arduino projemizin kod dosyasına gelip Setup() ve Loop() kısmını şu şekilde tanımlıyoruz.

void setup(){
Serial.begin("9600");
}

void loop(){
Serial.println("Sensör verisi");
}

Eğer kodu sıfırdan yazıyorsanız bu şekilde tanımlamanız gerekmektedir, fakat sıfırdan değil de sonradan serial port verilerine erişmek istiyorsanız bu kodları gösterilen fonksiyonlara eklemeniz gerekmektedir.

Bunları yaptıktan sonra Python dosyamıza geçelim, Python dosyamıza aşağıda ki kodu yazıyoruz:

import serial

serialRead = serial.Serial('/dev/ttyUSB0')
#Bu kısıma Arduino'nun bağlı olduğu portu giriniz

while 1:
serialData = serialRead.readline()
print(serialData)

kodları yukarıda belirtilen şekilde düzenledikten sonra, Arduino'muzu çalıştırıyoruz ve ardınan Python dosyamızı çalıştırıyoruz.

Görebileceğiniz üzere serial port verilerini Python kütüphanesi kullanarak eriştik ve bunları ekrana yazdırdık.

Mesela ben bir Mesafe Sensörü(HC-SR04) çalıştırdım ve serial portta mesafe verilerini bastırmak istiyorum, yukarıda yazanları uyguladıktan sonra benim aldığım sonuç:

Evet arkadaşlar, bu yazımda sizlere Python ile Arduino Serial Port verilerine ulaşmanın yöntemini gösterdim, umarım yardımcı olmuştur. Yeni yayımlanan Java derslerimize göz atmayı unutmayın!! İyi Günler.

Asistan 2.0

2020-02-22T15:56:00.000-08:00

Herkese merhabalar, bu yazımda sizler için geliştirdiğim Asistan 2.0'ı sunuyorum. Bildiğiniz üzere Asistan 1.0 çok basit bir yapıda, tek dosyadan oluşuyordu.

Asistan 1.0 çok basit bir sözdizimine sahipti ve sadece belirli işlemleri yapabiliyordu. Asistan 2.0 ise böyle değil.

Asistan 2.0 ile Wikipedia'dan istediğiniz kelimeyi aratabilirsiniz ve çıktısını alabilirsiniz. Hava Durumu bilgisini öğrenip, QR Kod oluşturabilirsiniz.

1.0'dan ayıran en önemli özelliği daha fazla fonksiyonu olmasıdır. Bu fonksiyonlar arasında:

Hava Durumu Bilgisi Öğrenme
QR Kod oluşturma
Wikipedi'den araştırma yapmak
Selamlaşmak
Mail Göndermek
Papağan

Gibi özellikler bulunmaktadır. Bütün bu komutları Komutlar.txt dosyasında bulabilirsiniz.

Asistan 2.0'ı geliştirmenizi rica ediyorum, zaten dosyaları kurcalarsanız siz de yeterli düzeyde Python3 biliyorsanız, kolayca geliştirebilirsiniz. Açık Kaynak(Open Source) olmasının sebebi de budur.

Ekran Görüntüleri

Göründüğü üzere bir banner bulunmaktadır. Bu banner'i koymamın sebebi güzel bir görüntü oluşturmaktır.

Asistan'ı çalıştırırken ilk önce ekrana bir pencere gelmektedir;

Bu pencereyi de Tkinter modülünü kullanarak oluşturdum, bunun nasıl yapıldığını daha önce ki yazılarımda bahsetmiştim.

Wikipedi özelliğini kullandığınız zaman, gördüğünüz görüntü böyle olmaktadır.

Önemli: Çalıştırmanız gereken dosya 'main.py'dır. Bu dosyayı python3 ile çalıştırmanızı tavsiye ederim.

Kodlara ulaşmak için GitHub adresime aşağıda ki buttondan gidebilirsiniz.

Umarım bu proje işinize yaramıştır, lütfen sosyal medya adreslerimden takip etmeyi unutmayınız. İyi Günler.

Tkinter Nedir?

2020-02-05T11:35:00.001-08:00

Tkinter, python dilinde bir grafiksel kullanıcı arayüzüdür. Linux, Windows ve MacOS'ta sorunsuz çalışabilen tkinter, sizlere basit bir sözdizimi ile grafiksel arayüz kullanan programlar yazabilirsiniz.

Dediğim gibi tkinter modülü son derece basit bir sözdizimi kullanır, mesela ilk arayüz formunu sadece iki(2) satır kod ile oluşturuyorsunuz.

Bu sebepten dolayı Tkinter, özellikle son zamanlarda çok popüler bir GUI (Graphical User Interface) modülüdür.

Tkinter Kullanımı

Tkinter'i projemize dahil etmek için sadece;

$ from tkinter import *

yazmanız yeterlidir.

Form Oluşturmak

Tkinter ile form oluşturmak için;

1. window = Tk()
2. mainloop()

yazıyoruz ve sonuç:

Form oluşturduk, şimdi sıra bu formun özelliklerini belirlemede. Aşağıda ki komutlar ile formumuzun özelliklerini değiştirebiliriz. Bunun için:

1. window.title("KılavuzKod")
// Fonksiyonu Form elemanına başlık vermek için kullanılır.

1. window.geometry("400x400")
// Fonksiyonu Form elemanının boyutunu belirlemek için kullanılır.

1. window.resizable(False,False)
// Fonksiyonu Form elemanının boyutunun değiştirilmesine izin vermek için kullanılır. Eğer False, True yazarsanız Width oranını değiştirilmesini yasaklarsınız ve değişmez, aynı zamanda height oranı için de ikinci parametre yi değiştirmeniz gerekir.

Bunun gibi birçok özelliğini değiştirebilirsiniz, bunları başka bir yazımda yayınlamayı düşünüyorum, neyse Formumuzu oluşturduk ve özellikler verdik şimdi bu forma biraz nesne eklememiz gerekir.

Form Elemanları

Tkinter da birden fazla form elemanı vardır, bunlar: Button, Label, Frame,Image, slider, dropbox, menü vb. form elemanı bulunur.

Label

Label, Tkinter'da yazı veya resim gibi nesnelerin yerleşimi için kullanılır.
Örnek verecek olursak; HTML'da ki <div> etiketi gibidir.

Label kullanımı için:

1. label = Label(text="Bu bir label nesnesidir")
2. label.pack()

yazdıktan sonra ve programı çalıştırdıktan sonra karşınıza böyle bir ekran gelecektir:

gördüğünüz gibi bir label nesnesi oluşturduk ve ona yazı ekledik. Burada ki 'pack()' fonksiyonu nesneleri form da göstermek için kullanılır. Eğer 'pack()' fonksiyonunu kullanmazsanız nesneyi yazsanız bile form da görünmeyecektir.

Button

Tkinter'da button, fonksiyon çalıştırmak için kullanılır. Button fonksiyonunu kullanmak için:

1. button = Button(text="Button")
2. button.pack()

yazıyoruz ve Form ekranımıza şu şekilde bir button geliyor:

tabi unutmamak gerekir ki button tasarımı işletim sistemlerine göre değişir.

Bu nesnelerin kullanımı hakkında aşağıya bir referans sayfası bırakıyorum, bu referans sayfasından bir çok nesnenin kullanımını öğrenebilirsiniz.

Ben de kendi projelerim de sıklıkla Tkinter modülünü kullanıyorum, bu içeriklere de göz atmanız sizin için faydalı olabilir.

Yukarıda ki kodlara ulaşmak için:

Umarım açıklayıcı olmuşumdur ve sizlerin işine yarayabilmiştir. İyi Günler!

QR Kod Çevirici

2020-02-02T16:03:00.001-08:00

Herkese merhabalar, bu yazımda sizler için hazırladığım QR kod çeviricisini paylaşacağım.

Öncelikle programın doğru çalışması için bir kaç tane modül indirmeniz gerekmektedir bunun için Uçbirim'e:

$ sudo pip3 install tkinter

$ sudo pip3 install pyqrcode

bu modülleri indirdikten sonra dosyamıza dahil edebiliriz.

Not: QR kodları kendi dizinine kaydetmektedir.

Şimdi tek yapmanız gereken dosyayı Github adresimden indirip QR kod çevirmesi yapmaktır.

Ekran Görüntüsü

Görüldüğü üzere son derece sade bir yapıya sahip. Sadece çevirmek istediğiniz adresi ardından dosyayı hangi isim ile kaydedeceğinizi yazmanız yeterli olacaktır.

Dosyayı indirdikten sonra Uçbirim'e gelip sadece şu komutu yazmanız yeterli olacaktır:

$ python3 main.py

Evet, umarım bu proje işinize yaramıştır bir sonra ki yazımı takip etmeyi unutmayın!

Fibonacci Dizisi

2020-01-29T14:27:00.000-08:00

Herkese merhabalar, bu yazımda sizlere Python, Java ve C++ dillerinde Fibonacci dizisi algoritmasını göstereceğim.

İlk önce Fibonacci dizisi nedir onu öğrenelim:

Fibonacci dizisi 0'dan başlayarak kendinden önce ki iki ardışık sayının toplanması ile oluşur

Fibonacci dizisi = [0,1,1,2,3,5,8,13,21,34,55,89,144,233,377,610,987...]

diye devam eder. Gördüğünüz gibi kendinden önce ki iki sayının toplanması ile oluşuyor.

Fibonacci dizisi, bu aloritmayı kullanarak bir çok dilde yazılabilir
sadece mantığını anlamak gerekir.

Aşağıya sırası ile Python Java ve C++ dillerinde ki algoritmayı görmeniz için repl linklerini bırakıyorum.

repl.it adresimi ziyaret ederek kodları çalıştırabilir ve Fibonacci dizisinin oluştuğunu görebilirsiniz.

Cygwin nedir?

2020-01-28T23:25:00.000-08:00

Cygwin Windows işletim sistemine sahip bilgisayarlarda çalışan açık kaynak kodlu tamamen özgür bir UNIX simülatörüdür.

Cygwin’in asıl amacı UNIX, linux, BSD gibi POSIX tabanlı işletim sistemlerinde yer alan yazılımların Windows işletim sistemine sahip bilgisayarlarda çalışmasıdır. Cygwin Red Hat çalışanlarının katılımı ile sürekli güncellenmektedir.

Cygwin projesi 1995 yılında Amerikalı Cygnus Solutions şirketinde görev yapmakta olan bilgisayar mühendisi Steve Chamberlain tarafından başlatılmıştır. Chemberlain’in Windows NT ve Windows 95 işletim sisteminde obje dosyası formatında COFF kullanıldığını fark etmesi ve GNU’nun halihazırda hem x86 hem de COFF formatlarını ve newlib C kütüphanesini desteklediğini bilmesi Cygwin projesinin doğmasına yol açmıştır.

Chamberlain GCC’yi yeniden yönlendirerek POSIX tabanlı bazı programların kodlarını derlemiş ve bunların Windows işletim sisteminde sorunsuz olarak çalışmasını sağlamıştır. Proje, 1996 yılından itibaren diğer yazılım uzmanı mühendislerin de katılımı ile kısa sürede duyularak başarılı olmuştur. Cygwin sistemi, 1998 yılından itibaren web sitesi üzerinden isteyenlere ücretsiz olarak dağıtılmaktadır.

bkz. Wikipedia

Nasıl Kurulur

Cygwin’i kendi internet sayfasından sisteminize uyumlu dosyayı indirmeniz gerekir.

Ardından dosyayı açın, ve karşınıza setup ekranı gelecektir. O ekranda ilk size internetten mi indirsin yoksa locale olarak mı indirsin diye soracaktır, siz internetten seçeneğini seçin ardından programı ve paketleri nereye indireceğini belirleyin. Sonra karşınıza böyle bir kısım gelecektir;

Burada resimde seçili olan adresi seçin, eğer adresler yoksa ‘User URL: ‘ kısmına aşağıda ki adreslerden birtanesini yazın.

http://cygwin.mirror.constant.com
http://cygwin.mirrors.pair.com

Bu adresleri girdikten sonra devam edin ve indirmeye başlayacaktır ondan sonra paket indirme ekranı gelecektir orada yapmanız gereken bir şey yok devam edin ve kurulumunu bekleyin. Kurulduktan sonra rahatca Cygwin terminali kullanabilirsiniz.

Python ile Hesap Makinesi

2020-01-28T23:06:00.001-08:00

Herkese merhabalar, Python ile sade bir hesap makinesi yaptım ve bu projenin kodlarını kendi bloğumda yayımlamaya karar verdim. Kodları GitHub'dan alabilirsiniz. İşte linki;

Ekran Görüntüleri

Python ile sade bir hesap makinesi yapmak için gerekli kaynak kodlar bunlardır. Umarım işinize yaramıştır.

İşletim Sistemlerinde Iso Yazdırmak.

2020-01-28T22:50:00.000-08:00

Herkese merhabalar, bu yazımda sizlere İşletim Sistemlerinde(Linux,Windows,MacOS) iso kalıbı yazdırmayı anlatacağım. İsterseniz uzatmadan içeriğe geçelim.

Windows

İlk olarak Windows işletim sisteminden başlamak istedim. İso kalıbı yazdırmak için programlar kullanmalısınız bu programlardan bazıları ise:

–Rufus
–LiLi (LinuxLive USB Creator)
–Win32DiskImager

Ben bu üç programdan Win32DiskImager’ı tavsiye ederim çünkü hepsini kullandım ve sıkıntısız olarak sadece Win32DiskImager’ı kullanabildim. Bilmelisiniz iso kalıbı yazılırken doğru bir şekilde yazılması çok önemlidir, aksi takdirde kurulum gerçekleşmez.

Linux

Linux’ta iso kalıbı yazdırmak çok kolaydır bu işlemi Terminal’den de yapabilirsiniz. Ayrıca dağıtımlar ile birlikte gelen programları kullanabilir ya da gerekli programları bir kod satırı ile kurabilirsiniz.

Terminal

Öncelikle Terminal üzerinden yazdırma yöntemini göstereceğim, ilk olarak diski biçimlendiriyorsunuz bunun için de:

$ sudo mkfs.vat /dev/sdb1 -I

komutunu giriyorsunuz. ‘/dev/sdb1’ yerine iso kalıbını yazdırmak istediğiniz diskin adresini yazıyorsunuz. Bunu öğrenmek için ise;

$ sudo blkid

yazmanız yeterli olacaktır.
Şimdi sıra geldi iso kalıbını yazdırmak için gerekli komuta. bunun için ise:

$ sudo dd bs=4M if=isokalibi.iso of=/dev/sdb1

komutunu vermeniz yeterli olacaktır. ‘of=/dev/sdb1’ kısmına kendi diskinizin adresini yazıyorsunuz.

Araçlar ile

Herhangi bir linux dağıtımında bu işlem için bir araç vardır. Fakat yok ise size Brasero’yu öneririm. Brasero’yu yüklemek için terminale:

$ sudo apt-get install brasero

yazmanız yeterli olacaktır. Bundan sonra yapmanız gereken şey diski ve iso dosyasını seçip dosyayı yazdırıyorsunuz.

MacOS

MacOS’ta disk kalıbı yazdırmak için ‘Disk İzlencesi’ programını kullanabilirsiniz. İlk olarak Boş bir disk takın ve Disk izlencesini açın.
Ardından iso kalıbını gerekli adımları izleyerek diske yazdırın.

Evet, işletim sistemlerinde bu adımları izleyerek iso kalıbını yazdırabilirsiniz. Sizin için en iyi linux dağıtımını seçmek istiyorsanız Linux Dağıtımları yazımı okuyabilirsiniz. Umarım bu yazı sizlere yardımcı olmuştur. İyi günler, hatasız kodlar.