Selahattin Ünlü

....
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