Open in app

Sign In

Write

Sign In

Safa Gayret
Safa Gayret

159 Followers

Home

Books

About

Featured Book

Erken bulunmuş bir intihar mektubu
Erken bulunmuş bir intihar mektubu

"Toplumsal uzlaşmaların her noktasından sizi öfkeyle ayıltır. Derin uykunuzdan sizi sarsarak uyandırır. Konfor değil, hakikat verir."

2020

·
Safa Gayret
Safa Gayret

Stories

May 15

Bazen çalışmak içinden gelmez

Fiziksel olarak bir şeyleri bir yerlerden alıp başka bir yerlere bırakmak gibi bir iş yapmıyorsanız, yani fiziksel olarak emeğinizle para kazanmıyorsanız, o işi asgari seviyede yerine getirebilmeniz için ruh halinizin çalışmaya uygun olması gerekir. — Yazılımda motivasyon o kadar önemlidir ki kafanızda ileri seviye yazılım tecrübesi, tanrı vergisi bir öngörü kabiliyeti de taşısanız, kod yazma sürecini çalışmak olarak görmeyecek kadar keyifli de bulsanız, motivasyonunuz yoksa yazdığınız kod hiçbir şeye hizmet etmez.

Motivation

2 min read

Bazen çalışmak içinden gelmez
Bazen çalışmak içinden gelmez
Motivation

2 min read


Apr 24

Plastik ördeğin yazılımcının hayatındaki yeri ve önemi

Yazılımda hata ayıklamanın onlarca yolu var. Gelin özellikle mesleğe yeni başlandığında kendiliğinden keşfedilen ama adı pek bilinmeyen bir yöntem olan Rubber duck debuggering’i tanıyalım. — Bir geliştirme yaparken genellikle her şeyin doğru gittiğine inanır ve büyük bir özgüvenle yazdığımız satırların çalışmasını bekleriz. Ama yazdığımız kodlar her zaman ilk seferde çalışmayabilir. Daha kötüsü anlaşılır bir hata mesajıyla da karşılaşmayabiliriz. Bu sinir bozucu durumdan kurtulmak için kodumuzu defalarca okuruz, küçük düzeltmeler yaparız ve “Artık çalışır” deriz, ama…

Software Development

2 min read

Plastik ördeğin yazılımcının hayatındaki yeri ve önemi
Plastik ördeğin yazılımcının hayatındaki yeri ve önemi
Software Development

2 min read


Apr 19

Biz neden böyle sayfalar tasarlayamıyoruz?

Bazen webde; elindeki veriyi en doğru şekilde kullanan ve tasarım açısından büyüleyen örneklere rastlıyoruz. Az önce bir yenisine daha rastladım. — İnsana, aklında hiç yokken kol saati satabilecek bir tasarım. CSS Design Awards tarafından ödül almış. Peki böyle tasarımlar neden ülkemizden çıkmıyor? Bakın ülkemizdeki developar’lardan demiyorum, ülkemizden diyorum. Bunun birçok nedeni var, gelin bazı popüler yanıtları masaya yatıralım.

Quality

2 min read

Biz neden böyle sayfalar tasarlayamıyoruz?
Biz neden böyle sayfalar tasarlayamıyoruz?
Quality

2 min read


Apr 9

Form Builder nasıl yapılır (VueJS ile)

VueJS ile (Jotform benzeri) form builder yapmanız gerektiğinde maalesef internette pek kaynak bulamayacaksınız, madem kaynak yok o halde beraber oluşturalım. Bir form builder dört temel component’ten bir araya gelir Toolbox, Designer, Preview, Properties. Elbette ihtiyaca göre anlamlı en küçük yapıları component’leştirebiliriz. …

Formbuilder

4 min read

Form Builder nasıl yapılır (VueJS ile)
Form Builder nasıl yapılır (VueJS ile)
Formbuilder

4 min read


Mar 29

FrontEnd’de çok şey değişiyor: SPA öldü, yaşasın SSR

Malumunuz ReactJS, web uygulamaları geliştirirken kullanılan en popüler JavaScript kütüphanesi. Son zamanlarda, ReactJS yerine NextJS kullanımının teşvik edildiğini duymuş olabilirsiniz. Bunun sebebi ReactJS’in yeni dökümanında yer alan Installation kısmı. Burada artık create-react-app yerine create-next-app yazıyor.

Spa

3 min read

FrontEnd’de çok şey değişiyor: SPA öldü, yaşasın SSR
FrontEnd’de çok şey değişiyor: SPA öldü, yaşasın SSR
Spa

3 min read


Sep 18, 2022

Hemen kullanabileceğiniz 4 yeni HTML element

Okullarda üzerine düşülmeyen, detaylarıyla incelenmeyen HTML, verimli kullanıldığında fazladan JS ve CSS yazmaktan kurtaran bir teknoloji. — Sanılanın aksine HTML, tüm browser’lar tarafından desteklenen yeni özellikler de kazanıyor. Takip etmekte fayda var. Gelin gönül rahatlığıyla kullanabileceğiniz 4 yeni elementi inceleyelim. Datalist Standart input ile kullanıcılardan karmaşık (kuralsız) veriler alabiliriz. En fazla placeholder attribute ile kullanıcıyı bilgilendirerek tam olarak istediğimiz bilginin ne olduğunu belirtebiliriz. Yeni gelen Datalist elementi ile…

HTML

2 min read

Hemen kullanabileceğiniz 4 yeni HTML element
Hemen kullanabileceğiniz 4 yeni HTML element
HTML

2 min read


Sep 17, 2022

Kendi toast mesajınızı yazın

Web uygulamalarda temel ihtiyaçlardan biri, bir işlem gerçekleşirken veya gerçekleştikten sonra kullanıcının haberdar edilmesidir. Toast mesajlar burada yardımımıza yetişir. Bunu hakkıyla yapan yığınla NPM paket var ancak bazen yeterli olmayabiliyorlar, araya girip bir şeyleri değiştirmemiz gerekiyor. Peki kendimiz yazsak nasıl yazardık? — Toast mesaj temelde kolayca call edilebilen bir function olmalıdır.

JavaScript

2 min read

Kendi toast mesajınızı yazın
Kendi toast mesajınızı yazın
JavaScript

2 min read


Jul 26, 2022

WebSocket, VueJS’te nasıl kullanılır? (Hazır paket kullanmadan)

Web uygulama geliştirirken, kullanıcının sayfayı yenilemesini beklemeksizin yeni bilgilerden haberdar olmasını gerektiren senaryolarla karşılaşırız. Bu durumlarda başvurduğumuz yöntemlerin başında WebSocket gelir. — WebSocket’in oluşturduğu iletişim kanalları sayesinde, kullanıcının herhangi bir istekte bulunmasını beklemeksizin, ekranına yeni bilgiyi gönderebiliriz. Yazışma (WhatsApp, Messenger vb.) uygulamalarının tamamı bu standart ile çalışır.

Websocket

1 min read

WebSocket, VueJS’te nasıl kullanılır? (Hazır paket kullanmadan)
WebSocket, VueJS’te nasıl kullanılır? (Hazır paket kullanmadan)
Websocket

1 min read


Jul 7, 2022

VueJS’te TailwindCSS ile Dark Mode ayarı nasıl yapılır

Web uygulamalarına eklenen renk değiştirme opsiyonu son zamanlarda kullanıcı deneyimi (UX) standartlarının bir parçası haline geldi. Eğer projenizde Tailwind CSS Framework’ü kullanıyorsanız bunu ayarlamak çok kolay. — Bir VueJS projesine Tailwind CSS’in nasıl install edileceğini önceki yazılarımda açıklamıştım. Tailwind CSS ve GitHub Copilot’u birlikte kullanarak kendi UI standartlarınızı yapay zekadan yardım alarak nasıl kısa sürede tanımlayacağınızı da yine başka bir yazımda açıklamıştım.

Tailwind Css

2 min read

VueJS’te TailwindCSS ile Dark Mode ayarı nasıl yapılır
VueJS’te TailwindCSS ile Dark Mode ayarı nasıl yapılır
Tailwind Css

2 min read


Jul 2, 2022

Parent Component ile Child Component arasında v-model ilişkisi kurmak

VueJS’te componentler arasında iletişim kurmanın onlarca yolu var. v-model bu yollardan oldukça kullanışlı olanı. HTML inputlardaki bilgileri reaktif bir şekilde yakalamak için v-model kullanarak ‘two way binding’ kurarız. Peki HTML input dışında kendi oluşturduğumuz componentle de v-model ile iletişim kurabilir miyiz, evet. —

Vuejs

2 min read

Parent Component ile Child Component arasında v-model ilişkisi kurmak
Parent Component ile Child Component arasında v-model ilişkisi kurmak
Vuejs

2 min read

Safa Gayret

Safa Gayret

159 Followers

Book Author

Yazılım geliştiririm, kısa film yönetirim ve yazılar yazarım.

Following
  • Sedat Kapanoglu

    Sedat Kapanoglu

  • Fotis Adamakis

    Fotis Adamakis

  • Gizem Saruhan

    Gizem Saruhan

  • Zafer Ayan

    Zafer Ayan

  • Çağlayan Yanıkoğlu

    Çağlayan Yanıkoğlu

See all (49)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams