• Buradasın

    React

    Özetteki ilgi çekici içerikler

    • React ve Redux ile Hava Durumu Uygulaması Test Case Çözümü

      Bu video, bir eğitim içeriği olup, konuşmacı bir firmadan aldığı React ve Redux ile geliştirilen hava durumu uygulaması test case'ini nasıl çözdüğünü paylaşıyor.. Videoda, OpenWeatherMap API'si kullanılarak geliştirilen bir hava durumu uygulamasının test case'i adım adım anlatılıyor. Konuşmacı, API key'in session storage'de tutulması, sayfa yenilemesi durumunda key'in tekrar istenmemesi, şehir listesi ve harita kullanımı gibi test case'in önemli noktalarını açıklıyor. Ayrıca, uygulamanın görsel özellikleri, filtreleme fonksiyonları ve kullanıcı deneyimini artıran detaylar da gösteriliyor.. Videoda ayrıca Tailwind CSS ile tasarım yapma, Weather React Icons paketi ile hava durumu ikonları ekleme ve SVG grafiklerle hava durumu bilgilerini gösterme gibi ek özellikler de gösteriliyor. Konuşmacı, firmalara başvuru yaparken kendi katkılarınızı sunmanın önemini vurgulamakta ve izleyicilere benzer bir tascase üzerinde çalışıp kendi demo linklerini paylaşmalarını önermektedir.

      • youtube.com

    • JavaScript Modülleri Eğitim Videosu

      Bu video, bir eğitim serisinin bir parçası olup, konuşmacı JavaScript modülleri konusunu anlatmaktadır.. Video, JavaScript modüllerinin temel prensiplerini ve kullanımını detaylı şekilde ele almaktadır. İçerikte import ve export işlemlerinin iki farklı yöntemi (isimli ve varsayılan) örneklerle açıklanmaktadır. Ayrıca, import edilen değerlerin isimlerinin değiştirilmesi, hem isimli hem varsayılan dışa aktarma yapma ve immediat re-export (anında yeniden dışa aktarma) gibi konular da ele alınmaktadır. Video, React için JavaScript başlıklı bir GitHub deposunda toplanan bir serinin parçası olarak sunulmaktadır.

      • 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

    • Expo Framework Kurulum ve Kullanım Rehberi

      Bu video, "Videokod" kanalında yayınlanan bir eğitim içeriğidir. Sunucu, Expo framework'ünün ne olduğunu ve nasıl kurulacağını adım adım göstermektedir.. Video, Expo'nun React uygulamalarını daha hızlı ve kolay geliştirebilmek için sunulan bir framework olduğunu açıklayarak başlıyor. Ardından Expo'nun kurulum gereksinimleri (Node.js, VS Code, komut satırı), kurulum adımları, login/register işlemleri ve basit bir uygulama oluşturma süreci gösteriliyor. Ayrıca, QR kod kullanarak mobil uygulama önizlemesi yapma, hızlı yenileme özelliğini aktifleştirme ve Expo'nun avantajları ile dezavantajları da anlatılıyor.

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

    • React Projesini Netlify Üzerinde Deploy Etme Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere React projesini Netlify platformunda nasıl deploy edebileceklerini adım adım göstermektedir.. Video, Netlify platformunda hesap oluşturma ile başlayıp, GitHub üzerinden deploy işleminin nasıl yapılacağını detaylı şekilde anlatmaktadır. Deploy işleminin avantajları, environment variables ekleme, proje kök dizini belirleme ve deploy sonrası domain ayarlarını düzenleme gibi konular ele alınmaktadır. Ayrıca, deploy sırasında karşılaşılabilecek sorunlar ve bunların çözümleri de gösterilmektedir.

      • 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

    • React'te Context Kavramı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React'teki context kavramını anlatmaktadır.. Video, context kavramının ne olduğunu açıklayarak başlıyor ve React'in kendi sitesindeki tanımını paylaşıyor. Context, component ağacı üzerinden veri elde etmenin bir yolunu sağlayarak, propsları takip etmeyi ve veri/fonksiyonları göndermeyi kolaylaştırıyor. Konuşmacı, önceki uygulamalarda propslar üzerinden veri akışı yapmanın karmaşık olduğunu, context kullanarak ise bu süreci daha basitleştirdiğini görsel örneklerle açıklıyor. Video, context oluşturma ve kullanma işleminin nasıl yapılacağını göstermeyi planladığını belirterek sona eriyor.

      • 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

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

    • Progressive Web Applications Geliştirme Eğitimi

      Bu video, Pro TV projesinde front-end developer olarak çalışan Ömer Göktuğ Poyraz tarafından sunulan bir eğitim içeriğidir. Eğitmen, progressive web applications (PWA) konusunu detaylı bir şekilde anlatmaktadır.. Video, 2016 yılından başlayarak mobil ve mobil web kullanımının desktop web'in önüne geçtiği durumu ele alarak, PWA'ların önemini vurgulamaktadır. İçerikte React kullanarak bir PWA örneği oluşturulmakta, e-kitap uygulaması üzerinden geliştirme süreci adım adım gösterilmekte ve uygulamanın production ortamına taşınması, offline çalışma özelliğine sahip olması gibi konular ele alınmaktadır.. Eğitimde PWA'ların özellikleri (bağlantı güvenliği, offline çalışma, mobil ilk tasarım, sürekli geliştirme), manifest dosyasının önemi, Lighthouse adlı Chrome uzantısı ile PWA kurallarının test edilmesi ve uygulamanın tarayıcıda ve emülatörde nasıl çalıştığı gibi teknik detaylar da paylaşılmaktadır. Video, izleyicilerin sorularına cevap verilerek ve PWA'ların gelecekteki önemine değinilerek sonlanmaktadır.

      • youtube.com

    • ChatGPT ile Veritabanı Rapor Oluşturma ve Sorgulama Eğitimi

      Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, ChatGPT'nin veritabanı rapor oluşturma ve sorgulama işlemlerinde nasıl kullanılabileceğini göstermektedir.. Video, iki ana bölümden oluşmaktadır. İlk bölümde, MySQL şeması vererek ChatGPT'ye otomatik rapor oluşturma süreci adım adım anlatılmakta, Express ve React kullanarak bu süreci nasıl otomatikleştirebileceğiniz gösterilmektedir. İkinci bölümde ise, ChatGPT'ye veritabanı şeması vererek SQL sorguları oluşturma teknikleri, takipçi sayısına göre sıralama, takip edilen kullanıcıların sorduğu soruları bulma gibi çeşitli örnekler üzerinden anlatılmaktadır.. Eğitimde ayrıca MySQL Dump paketi ve Node.js'in exec fonksiyonu kullanılarak veritabanı şemasının nasıl otomatik olarak alınacağı, büyük veritabanları için token sınırlamaları ve şemayı daha etkili şekilde gönderme yöntemleri de paylaşılmaktadır.

      • youtube.com

    • Sıfırdan Yazılımcı Olma ve Mülakat Hazırlık Rehberi

      Bu eğitim videosunda, bir yazılımcı olan konuşmacı, sıfırdan yazılımcı olma sürecini ve iş bulma yöntemlerini paylaşıyor. Konuşmacı, bir yıl süren öğrenme sürecinde üç ay boyunca yoğunlaştırılmış bir eğitim kampına katıldığını belirtiyor.. Video, yazılım öğrenme sürecini altı ay içinde nasıl tamamlayabileceğinizi adım adım anlatıyor. İlk olarak HTML, CSS ve JavaScript öğrenme aşamaları, ardından frameworkler (örneğin React), gerekli programlar (GitHub) ve iş başvurusu hazırlığı konuları ele alınıyor. Ayrıca mülakatlarda karşılaşılabilecek farklı kod challenge'lerini ve sertifika almanın önemini vurguluyor.. Konuşmacı, Free Code Camp, Code Academy, Udemy gibi platformları ve Codewars, Leadcode gibi web sitelerini kullanarak öğrenme sürecini nasıl hızlandırabileceğinizi, küçük projeler yaparak pratik yapabileceğinizi ve iş mülakatlarına nasıl hazırlanabileceğinizi detaylı şekilde açıklıyor. Programın bir yıla kadar uzayabileceği de belirtiliyor.

      • youtube.com

    • Angular ve React Karşılaştırması

      Bu video, bir yazılım geliştiricisinin Angular ve React framework'lerini karşılaştırdığı bir eğitim içeriğidir.. Konuşmacı, iki popüler framework'in her ikisinin de güçlü yanları olduğunu ancak kendi tercihini Angular'a verdiğini açıklıyor. Angular'ın tek başına tüm gerekli araçları (toolbox) içerdiğini, React'in ise sadece temel araçları (çekiç, çivi, testere) sunduğunu ve kalan ihtiyaçları kullanıcının kendisinin bulması gerektiğini anlatıyor. Ayrıca Angular'ın kurumsal uygulamalarda daha tercih edildiğini, çünkü Angular'da kullanılan kütüphanelerin daha uzun süre desteklendiğini belirtiyor.

      • youtube.com

    • Meteor ve React ile Web Uygulaması Geliştirme Eğitimi

      Bu video, bir eğitmen tarafından sunulan, Meteor ve React teknolojileri kullanılarak web uygulaması geliştirme sürecini adım adım gösteren bir eğitim içeriğidir.. Video, kodlama ortamlarının tanıtımıyla başlayıp (Atom ve Visual Studio Code), Meteor projesinin oluşturulması, Visual Studio Code'da React ve React Router kütüphanelerinin ekleme sürecini kapsamaktadır. Daha sonra Blaze arayüz geliştirme kütüphanesinin silinmesi, Meteor startup fonksiyonunun oluşturulması ve render fonksiyonunun kullanımı anlatılmaktadır. Son bölümde ise React Router kullanımı, "Merhaba Dünya" mesajı veren bir component oluşturma ve bu componenti ana sayfaya ekleme adımları gösterilmektedir.. Eğitim, bir sonraki derslerde bu uygulama üzerinden geliştirme yapılacağını belirterek sonlanmaktadır.

      • youtube.com

    • Cypress ile React ve Redux Test Yazma Eğitimi

      Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, test yazma konusunda yeni başlayan biri olduğunu belirterek deneyimlerini paylaşmaktadır.. Video, Cypress test aracı kullanarak React framework'ünde unit test, component test ve end-to-end test yazma konularını ele almaktadır. İçerik, Cypress'in kurulumu ve yapılandırılması ile başlayıp, counter komponenti üzerinden temel test yazma, Redux kullanarak test senaryoları oluşturma ve son olarak Prototurk lokal projesi üzerinde dil değiştirme, giriş yapma ve modal ekranı gibi karmaşık test senaryolarını göstermektedir.. Eğitim boyunca should, get, CSS selector, action'lar ve clock kullanımı gibi Cypress'in temel özellikleri açıklanmakta, ayrıca Redux context'ini test etmek için Provider kullanımı ve global counter'ın sıfırlanması gibi konular da ele alınmaktadır. Video, yazılım geliştirme sürecinde test yazma konusunda pratik bilgiler sunmakta ve izleyicilere test yazma konseptini anlamaları için adım adım rehberlik etmektedir.

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