React ile Barkod Okuyucu Kodluyoruz Bölüm 1 | Tasarım Ayarları |
HTML-код
- Опубликовано: 24 окт 2024
- Hepinize merhaba dostlarım :) Ben Muhammed Fatih
Her geçen gün bir bağımlılık haline gelmiş olan #react dozumuzu alarak yeni oluşturduğum eğitim serisine yani "Barkod Okuyucu" projemize hız kesmeden kaldığımız yerden devam ediyoruz :)
Bu bölümde sizlerle beraber projemizin genel tasarım ayarlarını gerçekleştiriyoruz dostlarım. Tabii #design olaylarında bu sefer hazır bir #template kullanmaktan ziyade önceki birkaç eğitim serisindeki gibi kendimiz kodluyoruz. Bunların haricinde ise projemizde dışarıdan herhangi bir yerden farklı bir #prefix gönderildiğinde bunu #bypass ettik.
Bölüm içerisinde yaptıklarımıza genel olarak bakacak olursak:
-- "React Router" kurulumunu gerçekleştirdik ve farklı prefixlerin gelme durumunu engelledik
-- "React Bootstrap" kütüphanesi ile tasarımları gerçekleştirdik
-- public klasörü içerisindeki index.html içinden projemizin başlığını değiştirdik
ş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ı: github.com/tur...
React + Laravel Eğitimleri için:
WebRTC Projesi: tls.tc/04JnR
Alışveriş Sepeti Projesi: tls.tc/rzCkV
Chat Sistemi Projesi: tls.tc/7ePsd
Radyo Çalar Projesi: tls.tc/5HITg
Fast Type Projesi: tls.tc/ZULYH
Barkod Okuyucu Projesi: tls.tc/G5zjK
Sitelerim -
MFSoftware Blog: mfsoftware.net/
Seyyar Yazılımcı (Yazılımcı Tartışma Platformu): seyyaryazilimc...
Sosyal Medya Hesaplarım -
Linkedin: / mfsoftware
Instagram: / mfsoftware.net.tr
React barkod okuyucu kodlama
React ile barkod uygulaması
React başlangıç eğitimi
Barkod okuyucu tasarım ayarları
React ile frontend geliştirme
Barkod kodlama örnekleri
How to build React projects
JavaScript and React tutorial
Building barcode scanner
Modern web applications React
User interface design in React
React lessons and projects
Programlama ve React eğitimi
React ile uygulama geliştirme
React komponent oluşturma ve kullanıma
React ile sayfa tasarımı
React ile UI/UX tasarımı
React ile yazılım geliştirme
Project management in React
Using React hooks
Dynamic websites with React
Coding techniques in React
Tutorial videos for React
Web design using React
React ile kodlamaya başlamak
React ile proje geliştirme
React barkod okuyucu yapımı
React ve JavaScript uygulamaları
React ile barkod okuyucu projesi
Barkod okuyucu tasarımı ve kodlama
![Summer Walker - Heart Of A Woman [Official Lyric Video]](http://i.ytimg.com/vi/SFddctbZzw8/mqdefault.jpg)
Takıldığınız konuları çekinmeden yazabilirsiniz dostlarım :)
Hocam neden class component kullanıyorsunuz react'ın aldığı son güncellemeler ile functional component daha iyi değil mi ?
@@AliYalnz yorumun için teşekkür ederim dostum ☺️
Bazı durumlarda yaşam döngüleri kullanma durumu olduğu ve state tanımlamaları için sürekli bir tanımlama yapmamak için
Bazı hook olsun veya işlem yapmayacağım ufak componentler olsun oralarda functional kullanıyorum
neden tailwindcss yerine bootstrap tercih ediyorsunuz?
@@anlsezgiin Öncelikle güzel yorumun için teşekkür ederim dostum ☺️
Backendden frontend alanına gectigim için çok fazla bir bilgim yok. Tabii bu süreçte de bilmediğim olayı anlatmam pek bir uygun olmayacağı için bootstrap kullandım
Ama harici olarak isterseniz template entegre edip o şekilde de kullanabilirsiniz
Merhaba, Bootstrap 5 yerine 4 kullanma sebebiniz nedir?
Merhaba dostum ☺️
5 i dahil ettiğim durumda bazı yerlerde kaymalar ve model tiplerinde ufak sıkıntılar oluyor.
Bunları düzeltmek de meşakkatli olduğu için direkt 4 u entegre ettim. Ama siz projenizde isterseniz farklı sürümleri kullanabilirsiniz
İyi çalışmalar dilerim
niye arkandan atli geliyor gibi yapiyorsun isleri _ amacin tutorial hazirlamaksa biraz yavas ol.
@@devrimyilmaz760 güzel yorumun için teşekkür ederim dostum ☺️
Günde bir yeni video. Çok bir hızlı değil
class components kulllanımı 👎
@@allbayz1169 yorumun için teşekkür ederim dostum
Videodaki anlatim zorunlu değil isterseniz functional component kullanabilirsiniz