Selahattin Ünlü

Videoda bahsettiğim yeni uygulamamı aşağıdan indirebilirsiniz:
https://apps.apple.com/us/app/ai-hairstyles/id6749238406

Destek olmak için 5 yıldız atarsanız mutlu edersiniz ✨
Ayrıca videoyu beğenip, kanala abone olmayı da unutmayın :)

Sevgiler.

uzaktan çalışanlara tavsiyeler, yeni iOS uygulamam, bundan sonrası

Yazılımcı olmak için üniversite şart mı? #yazılım #kariyer

Benim dikkatin dağılış hızı #odaklanma #dikkatdağınıklığı  #kedi #kediler

Yazılımcı olmak için okul okumak şart mı #yazılım #yazılımcı #bilgisayarmühendisliği #kariyer

korna çaldıkça evlilik daha sağlam oluyor sanıyorlar #korna #konvoy

Arkadaşlar merhaba... Bu videoda sizlere yazılıma başlama hikayemi anlattım. Umarım izlerken keyif alırsınız. Kanala abone olarak, videoyu beğenerek ve yorum yaparak bana destek olabilirsiniz. Şimdiden destekleriniz için teşekkür ederim.

#yazılım #yazılımcı #yazılımgeliştirme

Nasıl yazılım geliştirici oldum? Yazılımcı Olmak

Uzun bir aradan sonra tekrardan merhaba! Kanalıma geri döndüm ve bundan sonraki süreçte daha aktif olmaya çalışacağım. Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :) 

Kanal içerikleri ağırlıklı olarak yazılım, yapay zeka, girişimcilik, kariyer gibi konular hakkında olacak.
İçerik oluşturmamı istediğiniz konuları paylaşmayı unutmayın.

Şimdiden destekleyen herkese teşekkür ederim

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
X: https://x.com/selahattinınlu

#yazılım #yazılımcı #yapayzeka #kariyer #girişimcilik

KANALIN ŞİFRESİNİ HATIRLADIM! Yapay Zeka Araçlarıyla Kodlama Macerası Başlıyor!

....
Vocabrain, yapay zeka destekli dil öğrenim asistanıdır.
Vocabrain'i kullanarak İngilizce kelime bilginizi geliştirebilir, gramer konularına çalışabilir ve hatta listening, speaking pratikleri yapabilirsiniz!

https://vocabrain.com

---

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Yapay zeka ile İngilizce Öğren - Vocabrain'de yapay zeka dile geldi!

Vocabrain projesinin duyurusunu yaptığım videoyu şu linki kullanarak izleyebilirsiniz.
https://www.youtube.com/watch?v=IeqwJUSPN3k

Vocabrain
https://www.vocabrain.com

Beni Twitter üzerinden takip edebilirsiniz.
https://twitter.com/sela_dev

#buildinpublic #vocabrain #ingilizce #ingilizceders #ingilizcekelimeezberleme #ingilizceöğreniyorum #ingilizceöğrenme

Vocabrain'de Arayüz Güncellemeleri ve Yeni Özellikler

....
Yapay zeka desteği ile İngilizce yeni kelimeler öğretmeyi hedeflediğimiz yeni projemiz Vocabrain'i sizlere tanıtmak istedim. 
https://www.vocabrain.com 

Tüm geliştirmeleri, süreçleri Twitter'da paylaşıyorum.
https://twitter.com/sela_dev hesabını takip edebilirsiniz.

Test kullanıcı olmak, feedback vermek için Discord kanalımıza katılabilirsiniz:
https://discord.gg/5DTjvfad7s

#buildinpublic #ingilizce #ingilizceöğreniyorum #ingilizcekelimeöğren #ingilizcekelimeler #ingilizcekelimeezberleme #ingilizceders

Yapay Zeka Destekli Vocabrain ile İngilizce Kelime Dağarcığınızı Geliştirin (Yeni Proje Duyurusu)

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-4

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Next.js ve Supabase ile Twitter Clone (4. Bölüm)

....

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

Yazılım için matematik gerekli mi? #shorts

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-3

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Next.js ve Supabase ile Twitter Clone'u (Bölüm 3: Timeline)

Next.js, Supabase, Tailwind kullanarak Twitter Clone'u yapıyoruz. Gazamız mübarek olsun :D 

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-2

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

#nextjs #supebase #tailwind #twitter

Next.js ve Supabase ile Twitter Clone'u  (Bölüm 2: Kayıt ve Giriş İşlemleri)

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)

----
Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin
----

Yazdığım kod tek seferde çalışınca ben 😬  #shorts

Videoda yapılanların sonucunu web sitemde görebilirsiniz: https://selahattinunlu.com/programming-tutorials

....

Beni desteklemek için kanala abone olmayı ve yorum yapmayı unutmayın :)
----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer Tüm Linkler için: https://heremylinks.com/selahattin

----

Youtube Data API Kullanarak Kanalımızdaki Videoları Sitemizde Nasıl Gösterebiliriz?

Yazılım geliştirici denince akla gelen şey gerçeği yansıtıyor mu gerçekten 😬

----

Sosyal Medya Hesaplarım:
Instagram: https://instagram.com/selahattin.unlu
Diğer tüm linkler için: https://heremylinks.com/selahattin

----

#yazılım #programlama #yazılımcı

Yazılım Geliştirici - İnsanların Düşündüğü vs Gerçeklik #shorts

Next.js, Supabase, Tailwind kullanarak Twitter Clone'u yapıyoruz. Gazamız mübarek olsun :D 

Kaynak kodlar: https://github.com/selahattinunlu/twitter-clone-example/tree/episode-1

----

Sosyal medya hesaplarım, kişisel websitem ve Github hesabım için:
https://heremylinks.com/selahattin

----

#nextjs #supebase #tailwind #twitter

00:00 Intro
02:20 Giriş sayfasının kodlanması
36:19 Kayıt olma formu için modal ekliyoruz
40:46 Kayıt olma formunu oluşturuyoruz 
01:08:00 Doğum tarihi alanını ekliyoruz
01:21:10 Custom select görünümü oluşturuyoruz
01:30:44 Doğum tarihi için gün seçeneklerinin seçilen yıl ve aya göre dinamik olması gerektiğini farkettim an ve çözümümüz :D 
01:42:00 Outro

Next.js ve, Supabase ile Twitter Clone'u  (Bölüm 1: Anasayfa)

Önceki videoyu izlemeyenler için:

Nextjs ve Ghost'u Kullanarak Ücretsiz Blog Sitesi Nasıl Yapılır?
https://www.youtube.com/watch?v=Mf-QA6as-rU

Blog uygulamasının kaynak kodları:
https://github.com/selahattinunlu/nextjs-ghost-blog-example

Vercel: https://vercel.com
----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

Github Profilim: https://github.com/selahattinunlu
Kişisel websitem: https://www.selahattinunlu.com

----

#vercel #nextjs #react #cloud #hosting

Front end uygulamaları Vercel ile nasıl ücretsiz yayınlanır?

Ghost'u Headless CMS olarak kullanıp Nextjs  uygulamamıza içeriklerimizi nasıl çekip listeleyebiliriz bunu görüyoruz.

Keyifli seyirler!

Kaynak kodlar: https://github.com/selahattinunlu/nextjs-ghost-blog-example

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#nextjs #ghost #cms #blog

Nextjs ve Ghost'u Kullanarak Ücretsiz Blog Sitesi Nasıl Yapılır?

Bu videoda Nextjs ile hazırladığımız uygulamaya çoklu dil desteği ekliyoruz. 

Keyifli seyirler

Kaynak kodlar: https://github.com/selahattinunlu/nextjs-multi-language-example

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#nextjs #react

Nextjs'de çoklu dil desteği nasıl eklenir?

Kanala destek olmak isterseniz abone olmayı, videoyu beğenmeyi ve yorum yapmayı unutmayın :)
Keyifli seyirler...

Kaynak kodlar: https://github.com/selahattinunlu/msw-react-api-mocking-example

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#msw #mswjs #react #api #mockapi #apimock

React Uygulamamız için Mock Service Worker ile Nasıl API Mocking (Fake API) Oluşturabiliriz?

Çalışan halini incelemek isterseniz: https://pokemon-app-lemon.vercel.app
Projenin kodlarını Github'da bulabilirsiniz: https://github.com/selahattinunlu/pokemon-app

Anlamadığınız ya da merak ettiğiniz konular varsa yorumda belirtirseniz o konulara ayrıca değineceğim içerikler üretmeye çalışırım.

Keyifli seyirler... 

#react #typescript #tailwindcss #pokemonapp #pokemon

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

React - Typescript - Tailwindcss ile Pokemon App yapalım (Sadece Kodlama)

Bu seride HTML - CSS - JavaScript kullanarak Airbnb'nin Anasayfasını kodlayacağız. 

Serinin bu videosunda öğrenebileceğiniz yeni bilgiler:
- CSS'de object-fit
- CSS'de object-position

Bu videodaki kodlara ve Airbnb Logosuna aşağıdaki adresten part-5 klasöründen erişebilirsiniz:
https://github.com/Selahattin-Unlu-Youtube-TR/html-css-js-airbnb-home-page

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#html  #css #javascript #airbnb

HTML - CSS - JavaScript ile Airbnb Anasayfasını Kodluyoruz (PART 5)

Bu seride HTML - CSS - JavaScript kullanarak Airbnb'nin Anasayfasını kodlayacağız. 

Bu videoda öğrenebilecekleriniz:
- Css'de :before, :after pseudo seçicileri
- Css'de + seçicisi
- Css'de :first-of-type ve :first-child arasındaki fark
- Css'de düz renk yerine geçişli (gradient) arka plan uygulamak
- Css'de yazıyı gradient ile renklendirmek

Bu videodaki kodlara ve Airbnb Logosuna aşağıdaki adresten part-4 klasöründen erişebilirsiniz:
https://github.com/Selahattin-Unlu-Youtube-TR/html-css-js-airbnb-home-page

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#html  #css #javascript #airbnb

HTML - CSS - JavaScript ile Airbnb Anasayfasını Kodluyoruz (PART 4)

Bu seride HTML - CSS - JavaScript kullanarak Airbnb'nin Anasayfasını kodlayacağız. 

Bu videoda öğrenebilecekleriniz:
- Html - Css - JavaScript kullanarak animasyonlu bir şekilde menü indicator yapımı

Bu videodaki kodlara ve Airbnb Logosuna aşağıdaki adresten part-3 klasöründen erişebilirsiniz:
https://github.com/Selahattin-Unlu-Youtube-TR/html-css-js-airbnb-home-page

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#html  #css #javascript #airbnb

HTML - CSS - JavaScript ile Airbnb Anasayfasını Kodluyoruz (PART 3)

Bu seride HTML - CSS - JavaScript kullanarak Airbnb'nin Anasayfasını kodlayacağız. 

Bu videoda öğrenebilecekleriniz:
- Linkler ile kendi sitemiz dışında bir yere yönlendirme
- Linkler ile kendi sitemizde bir sayfaya yönlendirme
- Bir elemente gölge eklemek
- Hover state'inde element'in görünümünü animasyonlu şekilde değiştirmek
- Svg görselleri "img" elementi ile kullanmak
- Html - Css- Javascript kullanarak Dropdown Menü oluşturmak

Tabii ki bu konuları derinlemesine anlatmıyorum fakat pratikte nasıl kullanıldığına dair bilgileri öğreneceksiniz.

Bu videodaki kodlara ve Airbnb Logosuna aşağıdaki adresten part-2 klasöründen erişebilirsiniz:
https://github.com/Selahattin-Unlu-Youtube-TR/html-css-js-airbnb-home-page

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

Yaptığım müzikleri dinlemek isterseniz:
http://bit.ly/volx-spotify

----

#html #css #javascript #airbnb

HTML - CSS - JavaScript ile Airbnb Anasayfasını Kodluyoruz (PART 2)

Bu seride HTML - CSS - JavaScript kullanarak Airbnb'nin Anasayfasını kodlayacağız. 

Bu videoda öğrenebilecekleriniz:
- CSS Değişkenlerinin kullanımı
- Emmet extension'ı ile daha hızlı html yazmak
- Normalize.css
- flexbox ile sayfa içerisindeki elementlerin hizalanması
- css'de hover kullanarak elementlerin üzerine gelindiğinde görünümünü değiştirmek

Tabii ki bu konuları derinlemesine anlatmıyorum fakat pratikte nasıl kullanıldığına dair bilgileri öğreneceksiniz.

Bu videodaki kodlara ve Airbnb Logosuna aşağıdaki adresten part-1 klasöründen erişebilirsiniz:
https://github.com/Selahattin-Unlu-Youtube-TR/html-css-js-airbnb-home-page

----

Sosyal Medya Hesaplarım:
Twitter: https://twitter.com/selahattinunlu
Instagram: https://instagram.com/selahattin.unlu

İletişime geçmek isterseniz Twitter üzerinden iletişime geçmenizi tavsiye ederim.

----

#html #css #javascript

HTML - CSS - JavaScript ile Airbnb Anasayfasını Kodluyoruz (PART I)

Kendim öğrenirken videoya çektim. Öğrenmeye çalışanlara belki bir faydası dokunur :)

Programming Tutorials