React ile Barkod Okuyucu Kodluyoruz Bölüm 3 | Barkod Okuma |

Hepinize merhaba dostlarım :) Ben Muhammed Fatih

Bu bölümde her zamanki aldığımız #react ve #laravel dozundan bir tık daha fazla alıp tüm enerjimizle "Barkod Okuyucu" eğitimimizin en önemli kısmını yani "Barkod Okuma" kısmını kodluyoruz. Artık bildiğiniz üzere her eğitim serimizde olduğu gibi bu eğitim serimizde de hiçbir şekilde hız kesmeden tam gaz devam ediyoruz :)

Bu bölümde sizlerle beraber #barcodescanner işlemini kodluyoruz. Bunun için ekstra bir kütüphaneye gerek yok. Tarayıcıların bize sunduğu (tabii hepsinde yok bu arada baştan söyleyeyim) "BarcodeDetector" yapısını kullanıyoruz. Buna ek olarak ise kullanıcımızdan aldığımız #video görüntülerini oluşturduğumuz #canvas elementi içerisine çizip barkodlarımızın okunma işlemini sağlıyoruz

Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak:
-- Uygulamamız içerisindeki gerekli state değişkenlerini ayarladık
-- Barkod okuyucumuzu açmak için "OpenCamera" ve "StopCamera" şeklinde iki adet fonksiyon tanımladık
-- BarcodeDetector yapısını kullanarak kameramızdan aldığımız görüntüleri canvas elementi içerisine yazdırdık
-- Kameramızdan aldığımız ürün barkod numaralarını ekrana bastırdık

şeklinde özetleyebiliriz.

İlk başlarda karmaşık veya zor gelebilir dostlarım anlıyorum. Öğrenme süreci içerisinde bu durumlar son derece doğaldır diyebilirim.

İşte bu aşamada sizlerden istediğim tek şey her videomun sonunda dediğim gibi "İstikrarlı ve azimli olmalısınız, bolca pratik yapmalısınız" şeklinde olacaktır. Bu dediklerimi hayat felsefeniz yaptığınız sürece başarı sizler için kaçınılmaz olacaktır :)

Şimdiden hepinize iyi çalışmalar iyi seyirler dilerim dostlarım :). Videoyu beğenmeyi, kanalıma abone olmayı ve bildirimleri açmayı, takıldığınız yerlerde yorum yapmayı unutmayın.

Projemizin Kodları: https://github.com/turan1302/youtube-...

React + Laravel Eğitimleri için:
WebRTC Projesi: https://tls.tc/04JnR
Alışveriş Sepeti Projesi: https://tls.tc/rzCkV
Chat Sistemi Projesi: https://tls.tc/7ePsd
Radyo Çalar Projesi: https://tls.tc/5HITg
Fast Type Projesi: https://tls.tc/ZULYH
Barkod Okuyucu Projesi: https://tls.tc/G5zjK

Sitelerim -
MFSoftware Blog: https://mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): https://seyyaryazilimci.com/

Sosyal Medya Hesaplarım -
Linkedin:   / mfsoftware  
Instagram:   / mfsoftware.net.tr  

React barkod okuyucu
Barkod okuma React
React ile barkod uygulaması
React barkod okuyucu kodlama
React proje örnekleri
Barkod okuma kodlama
Barcode reader app
React frontend development
Barcode reading tutorial
React barcode scanning
React barcode app
React barcode project
React ile uygulama geliştirme
React barkod entegrasyonu
Barkod okuma yazılımı
React JavaScript barkod
React ile proje yapımı
React uygulama geliştirme
Barcode reader software
React barcode reader example
Barcode reading example
React coding examples
React development tutorial
Barcode reading code
React ile yazılım geliştirme
Barkod okuma uygulaması
React proje örneği
Barkod okuma React Native
React uygulama kodlama
Barkod okuma programlama