• Buradasın

    React

    Özetteki ilgi çekici içerikler

    • Açık Kaynak Yazılım Geliştirme Röportajı

      Bu video, sunucu Erhan Yakup ile Passwall parola yöneticisi uygulamasının baş geliştiricisi ve proje yöneticisi arasında geçen bir röportajdır. Erhan Yakup, uzun yıllardır yazılım geliştirici olarak çalışmış ve şu anda açık kaynak dünyasında aktif bir rol üstlenmektedir. Röportajda açık kaynak yazılım geliştirme motivasyonları, avantajları ve zorlukları ele alınmaktadır. Konuşmacı, açık kaynak projelerin güvenlik, güven, hız ve pasif gelir sağlama gibi avantajlarını anlatırken, birden fazla programlama dili ve teknoloji kullanan projelerde karşılaşılan karar verme zorluklarını da paylaşmaktadır. Ayrıca açık kaynak projelerin ücretli versiyonlara dönüşümü, GitHub'da "good first issue" etiketlerinin kullanımı, code review süreci ve toplulukla etkileşiminin önemi gibi konular da röportajda işlenmektedir. Passwall örneği üzerinden farklı programlama dillerinde (Go, React, Electron, Flutter) geliştirilen bir uygulamanın yönetimi ve gelişimi hakkında pratik bilgiler verilmektedir.

      • youtube.com

    • 30 Dakikada Yapay Zeka Uygulaması Geliştirme Eğitimi

      Bu video, bir front-end developer tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, izleyicilere 30 dakikada yapay zeka uygulaması geliştirme sürecini adım adım göstermektedir. Video, Replicate platformunu kullanarak görsel kalite iyileştirme uygulaması geliştirme konusunu ele almaktadır. İçerikte öncelikle Replicate'in makine öğrenmesi modellerini herkese erişilebilir hale getirme hedefi anlatılmakta, ardından Codeformer modeli üzerinden görsel kalite iyileştirme uygulaması gösterilmektedir. Daha sonra React ve PHP kullanılarak bu modelin nasıl entegre edileceği, dosya yükleme, API istekleri ve CORS hatalarının nasıl çözüleceği kod örnekleriyle açıklanmaktadır. Eğitimde ayrıca API'ye istek atma, sonuçları takip etme, kullanıcı arayüzüne entegre etme, fidelity ve upscale gibi ek ayarların kullanımı ve fotoğraf restorasyon işlemlerinin nasıl gerçekleştirileceği de gösterilmektedir. API'nin ücretsiz kullanımı ve tahmini maliyetleri (her çalıştırma için 0,01 dolar) hakkında da bilgi verilmektedir.

      • youtube.com

    • React Eğitim Kursu Tanıtımı

      Bu video, Yaman Katby tarafından sunulan bir React eğitim kursunun tanıtım bölümüdür. Yaman, izleyicilere React'in ne olduğunu ve neden öğrenmeleri gerektiğini anlatmaktadır. Video, React'in kısa bir tanıtımıyla başlayıp, kullanıcı arayüzleri oluşturmak için en popüler JavaScript kütüphanesi olduğunu vurgulamaktadır. Ardından kursun içeriği detaylı olarak anlatılmakta, sıfırdan yeni bir uygulama oluşturma, API istekleri yapma, React hookları kullanma, TypeScript ekleme, React Router DOM ile çok sayfalı uygulama oluşturma, Redux ve Redux Saga ile state yönetimi, PWA prensiplerini uygulama gibi konular ele alınmaktadır. Video, bir sonraki bölümde geliştirme ortamının kurulması ve ilk React uygulamasının oluşturulmasıyla devam edeceğini belirterek sona ermektedir.

      • youtube.com

    • React'te useEffect Hook ile API Verisi Çekme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React'te useEffect hook'unu kullanarak API verisi çekme işlemini adım adım göstermektedir.. Videoda, VS Code'da temel bir React uygulaması kullanılarak, weatherapi.com API'sinden Londra'daki sıcaklık bilgisini çekme işlemi anlatılmaktadır. Eğitmen, useEffect hook'unu nasıl kullanacağını, async ve await anahtar kelimelerini nasıl uygulayacağını, fetch fonksiyonunu nasıl çağıracağını ve API'den gelen JSON verisini nasıl işleyeceğini göstermektedir. Ayrıca, her yenileme işleminde API'den gelen güncel sıcaklık bilgisinin nasıl güncelleneceği de açıklanmaktadır.

      • youtube.com

    • React ve Redux Eğitim Serisi: İlk Proje Oluşturma

      Bu video, bir eğitim serisinin üçüncü bölümü olup, bir eğitmen tarafından React ve Redux kullanarak basit bir web uygulaması oluşturma sürecini göstermektedir. Video, React ve Redux ile bir proje oluşturma sürecini adım adım anlatmaktadır. Eğitmen önce temel dosyaları (index.js, App.js, Store.js) oluşturup, React ve Redux kütüphanelerini import etmeyi, ardından React Router ile sayfa yönlendirmesini ve Redux store'larını oluşturmayı göstermektedir. Eğitim serisinin stratejisi, önce CC React classs yapısı ile projeyi oluşturup uçtan uca ayağa kaldırmak, sonra aynı projeyi birebir COCATE yapıp React hooks olarak dönüştürmek ve bu dönüşüm sırasında hook kullanımını öğrenmek şeklinde ilerlemektedir.

      • youtube.com

    • React Nedir ve Nasıl Çalışır

      Bu eğitim videosunda Muhsin Deniz, React teknolojisini tanıtmaktadır. Video, React'in ne olduğunu, nasıl çalıştığını ve modern web geliştirmedeki rolünü anlatmaktadır. Video, React'in Facebook tarafından geliştirilen ve Instagram'a da aktarılan bir kütüphane olduğunu açıklayarak başlıyor. Ardından React'in sanal DOM teknolojisi, yeniden kullanılabilir bileşenler, öğrenmesi kolay yapısı ve açık kaynaklı olması gibi avantajlarını detaylı şekilde anlatıyor. Twitter örneği üzerinden React'in gerçek zamanlı güncelleme özelliğini gösteriyor ve React'in diğer ön uç çerçevelerine göre avantajlarını vurguluyor.

      • youtube.com

    • React ve Next.js ile Web Uygulaması Geliştirme Eğitimi

      Bu video, Adem İltar tarafından sunulan bir web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, izleyicilerden gelen yorumları ve sorunları ele alarak uygulamayı geliştirmektedir. Videoda, React ve Next.js framework'lerinde web uygulaması geliştirme süreci adım adım anlatılmaktadır. İçerik, side bar tamamlanması, buton komponenti oluşturma (link button ve base button), navigation komponenti stillendirilmesi, yeni sayfaların (explore, notification, messages, bookmark, list, profile) oluşturulması ve router kullanımı ile sayfa geçişlerinin yönetimi konularını kapsamaktadır. Eğitmen, kod hiyerarşisini düzenleyerek importları daha düzenli hale getirmekte, Twitter logosunun boyutunu düzeltmekte ve hover efektlerini ayarlamaktadır. Ayrıca, bir sonraki derste tema değiştirme özelliğinin nasıl ekleneceği hakkında bilgi verilmekte ve bu özelliğin sayfadaki değişkenler ve renklerle nasıl entegre edileceği açıklanmaktadır.

      • youtube.com

    • Front End Öğrenme Süreci ve Adımları

      Bu video, bir eğitim içeriği olup konuşmacı front end öğrenme sürecini adım adım anlatmaktadır. Video, front end öğrenmenin önemini vurgulayarak başlıyor ve web'in nasıl çalıştığını öğrenmenin gerekliliğini belirtiyor. Ardından front end geliştirme için temel teknolojiler olan HTML, CSS ve JavaScript'in öğrenilmesi gerektiği anlatılıyor. Konuşmacı, bu teknolojileri öğrenmek için CodePen gibi platformları, günlük challenge'leri ve pratik uygulamaları öneriyor. Son olarak, Angular, React ve Vue gibi popüler front end framework'lerinden birini seçip uzmanlaşmanın önemini vurguluyor ve daha sonra performans gibi daha derin konulara geçmenin faydalarını açıklıyor.

      • youtube.com

    • React ve Redux ile E-Ticaret Sitesi Geliştirme Eğitimi

      Bu video, Berkantkaya tarafından sunulan kapsamlı bir yazılım eğitim içeriğidir. Eğitmen, React ve Redux teknolojilerini kullanarak front-end odaklı bir e-ticaret sitesi geliştirme sürecini adım adım göstermektedir. Video, React projesinin kurulumundan başlayarak, Tailwind CSS entegrasyonu, React Router Dom kullanımı, Redux kurulumu ve basit bir web sitesi yapısının oluşturulması (ana sayfa, detay sayfası, navbar, footer) konularını kapsamaktadır. Eğitim boyunca, light/dark mod seçeneği, sepet sistemi, ürün listesi, detay sayfası, sepet ekleme/silme işlemleri ve ürün yönetimi gibi e-ticaret sitelerinde temel özelliklerin nasıl oluşturulacağı detaylı olarak anlatılmaktadır. Eğitimde ayrıca fake store API'sinden veri çekme, Redux action ve reducer oluşturma, state yönetimi, Local Storage kullanımı, CSS stilize etme ve interaktif özelliklerin (artı/eksi butonları, sepete ekleme butonu) nasıl ekleneceği gibi konular da ele alınmaktadır. Video, e-ticaret siteleri geliştirmek isteyenler için React ve Redux teknolojilerinin pratik kullanımını gösteren kapsamlı bir kaynak niteliğindedir.

      • youtube.com

    • React ile Basit Müşteri Yönetim Sistemi Eğitimi

      Bu video, bir eğitmen tarafından sunulan React programlama dili ile basit bir müşteri yönetim sistemi oluşturma eğitimidir. Eğitmen, temel JavaScript bilgisi olan izleyicilere yönelik adım adım anlatım yapmaktadır. Video, React'te müşteri yönetim sistemi geliştirme sürecini kapsamlı şekilde ele almaktadır. İçerik, yeni bir React projesi oluşturma, komponent bazlı geliştirme, fonksiyon komponentleri oluşturma, state yönetimi, veri aktarımı ve silme işlemleri gibi konuları kapsamaktadır. Eğitmen, "CustomerForm", "CustomerList" ve "CustomerItem" gibi komponentlerin nasıl oluşturulacağını, state hook'larının nasıl kullanılacağını ve parent-child komponentler arasındaki veri aktarımını örneklerle göstermektedir. Eğitimde ayrıca CSS kodlarının nasıl ekleneceği, form on submit event'leri, input değerlerinin nasıl alınacağı, state'lerin nasıl sıfırlanacağı ve silme işlemleri gibi pratik konular da ele alınmaktadır. Video, React uygulamalarında temel komponent oluşturma ve veri yönetimi konularını öğrenmek isteyenler için faydalı bir kaynaktır.

      • youtube.com

    • React Kurulum Eğitimi

      Bu video, bir eğitim içeriği olup, anlatıcı tarafından React kurulumunun adım adım gösterildiği bir ders formatındadır. Video, React kurulumunun temel adımlarını kapsamaktadır. Önce Node.js'in ne olduğu ve nasıl kurulacağı anlatılmakta, ardından npm (Node Package Manager) kurulumu gösterilmektedir. Daha sonra Create React App paketinin kurulumu ve ilk React uygulamasının çalıştırılması adım adım açıklanmaktadır. Video, React'in temel kurulumunu öğrenmek isteyenler için temel bir rehber niteliğindedir ve bir sonraki videoda içeriklerin inceleneceği belirtilmektedir.

      • youtube.com

    • Laravel 8 ile Backend Oluşturma ve React ile CRM Projesi Eğitimi

      Bu video, bir eğitim seti tanıtımıdır. Eğitmen, Laravel 8 ile backend oluşturma ve React kullanarak interaktif bir web CRM projesi oluşturma kursunun içeriğini anlatmaktadır. Kurs, Laravel 8 altyapısı ile API oluşturma, JWT token kullanımı, kullanıcı kayıt ve giriş işlemleri, müşteri oluşturma, ürün ekleme, kategori oluşturma, stok işlemleri ve profil düzenleme gibi konuları kapsamaktadır. Eğitmen, bu kurs sayesinde izleyicilerin güncel teknolojileri kullanarak kendi projelerini oluşturabileceklerini ve iş bulma süreçlerinde bu bilgileri kullanabileceklerini belirtmektedir.

      • youtube.com

    • React ve TypeScript ile Forward Ref ve Use Imperative Handle Eğitimi

      Bu video, bir eğitim içeriği olup, eğitmen React ve TypeScript kullanarak forward ref ve use imperative handle konularını adım adım göstermektedir. Video, öncelikle forward ref kavramını örneklerle açıklamaktadır. Eğitmen, bir buton komponenti oluşturarak, bu komponentin referansını nasıl alabileceğimizi ve bu referansı kullanarak komponentin metodlarına nasıl erişebileceğimizi göstermektedir. Daha sonra use imperative handle konusuna geçerek, bu yöntemin özellikle tuhaf komponentler, modalar veya data table gibi bileşenler için nasıl faydalı olabileceğini anlatmaktadır. Video boyunca kod yazarak ve örnekler üzerinden konular somutlaştırılmaktadır.

      • youtube.com

    • Yazılım Öğrenme Sürecinde Zorluklar ve Çözüm Yolları

      Bu video, bir konuşmacının kendi deneyimlerini paylaşarak yazılım öğrenme sürecindeki zorlukları anlattığı eğitim içeriğidir. Konuşmacı, Udemy platformunda back and front-end eğitimleri izleyen ancak kendi projelerini geliştirmekte zorlanan izleyicilere hitap ediyor. Video, yazılım öğrenme sürecinde karşılaşılan psikolojik zorlukları ve bunların nasıl aşılacağını ele alıyor. Konuşmacı, tutorial izleyerek kodlamayı öğrenmenin kolay olduğunu ancak kendi projelerini geliştirmekte zorlandığını anlatarak, bu durumu aşmak için kendi deneyimlerini paylaşıyor. Bisiklete binme benzetmesiyle öğrenme sürecinin adım adım ilerlediğini ve kendi kendine güvenmenin önemini açıklıyor. Konuşmacı ayrıca React öğrenme sürecinde yaşadığı zorlukları ve bu zorlukları nasıl aşmayı başardığını anlatıyor. Tutorial'ları takip etmenin önemini vurgularken, kendi projelerinizi yazmanın ve küçük parçalara bölmek gibi pratik tavsiyeler veriyor. Yazılım öğrenmenin zeki olmak değil, iş disiplini ve düzenli çalışma ile mümkün olduğunu belirtiyor ve izleyicilere umutsuzluğa düşmemeleri, doğru planlamalarını yapmaları ve kendilerini acımasızca eleştirmeleri konusunda destek oluyor.

      • youtube.com

    • Google AI Studio Build Modu Güncellemeleri

      Bu video, bir teknoloji içerik üreticisinin Google AI Studio'nun build modundaki güncellemeleri tanıttığı bir eğitim içeriğidir.. Video, Google AI Studio'nun build modundaki yeni özelliklerin detaylı bir incelemesini sunmaktadır. İçerik üreticisi, Google Search Data kullanarak blog post generator uygulaması oluşturarak, uygulamanın GitHub'a kaydedilmesi, Google Cloud Console'a deploy edilmesi ve API kullanımının izlenmesi gibi yeni özelliklerin nasıl kullanılacağını göstermektedir. Ayrıca, Google AI Studio'nun aslında React wrapper'ı olduğunu ve Gemini Uh Gen AI SDK'sını kullandığını açıklamaktadır. Video, Google'un gelecekte Lovable gibi bir platform oluşturmayı planladığını da belirtmektedir.

      • youtube.com

    • React Uygulaması Kurulum Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React uygulamalarının nasıl kurulacağını adım adım göstermektedir. Video, Facebook tarafından geliştirilen ve GitHub'da 98 bin yıldız alan Create React App (CRA) aracının tanıtımını içeriyor. Konuşmacı, CRA'nın web sayfasından quick start yaparak basit bir React projesi oluşturma sürecini gösteriyor. Kurulum sonrası proje dosyasının yapısı detaylı olarak inceleniyor ve source, public, notes gibi klasörlerin içeriği açıklanıyor. Video, bir serinin parçası olup, sonraki videoda bu dosyaların tek tek inceleneceği belirtiliyor.

      • youtube.com

    • Gatsby Eğitim Serisi: İlk Ders

      Bu video, bir eğitim serisinin ilk bölümü olup, konuşmacı Gatsby hakkında temel bilgiler vermektedir.. Video, Gatsby'nin ne olduğunu açıklayarak başlıyor ve statik site jeneratörü (SSG) olarak tanımlanıyor. Konuşmacı, farklı web geliştirme yaklaşımlarını (geleneksel statik siteler, tek sayfalık uygulamalar, sunucu taraflı renderlenen siteler ve Gatsby) karşılaştırarak, Gatsby'nin bu yaklaşımların avantajlarını birleştirdiğini anlatıyor. Eğitim serisi, bir portföy sitesi oluşturma örneği üzerinden Gatsby'nin nasıl kullanılacağını gösterecek ve izleyicilere React, Node.js ve Git gibi temel araçların kurulumunu öneriyor.

      • youtube.com

    • React Kurulum Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere React kurulumunu adım adım gösteren bir rehberdir. Video, React kurulumunun temel aşamalarını kapsamaktadır. Öncelikle Node.js'nin kurulumu, ardından Visual Studio Code kullanarak React uygulamasının oluşturulması gösterilmektedir. Kurulum süreci boyunca npm komutlarının kullanımı, terminal üzerinden React projesinin başlatılması ve localhost üzerinden projenin çalıştırılması detaylı olarak anlatılmaktadır. Video, bir sonraki derslerde React projelerinin yapılacağı bilgisiyle sonlanmaktadır.

      • youtube.com
  • Yazeka sinir ağı makaleleri veya videoları özetliyor