• Buradasın

    React

    Özetteki ilgi çekici içerikler

    • 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 Projesi Oluşturma ve Temel Kavramlar Eğitimi

      Bu video, bir eğitmen tarafından sunulan React programlama dili eğitim serisinin bir bölümüdür. Eğitmen, izleyicilere React projesi oluşturma sürecini ve temel kavramları adım adım göstermektedir. Video, 2024 yılında React projelerinin "with" kullanarak nasıl oluşturulacağını anlatarak başlamakta ve proje dizin yapısını incelemektedir. Ardından React'in temel yapı taşları (React.createRoot, React.render, JSX) açıklanmakta, bir komponentin nasıl oluşturulduğu ve import-export işlemlerinin önemi detaylandırılmaktadır. Eğitim, npm create with-latest komutu ile yeni bir React projesi oluşturma, gerekli npm paketlerinin indirilmesi, proje dizin yapısının incelenmesi ve projeye yeni kütüphane ekleme sürecini kapsamaktadır. Video, bir sonraki derste komponent oluşturma konusuna değinileceği bilgisiyle sonlanmaktadı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

    • React Projelerinde Jest ve Testing Library ile Test Yazma Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React projelerinde Jest ve Testing Library kullanarak test yazma konusunu anlatmaktadır. Konuşmacı, test yazma konusunda deneyimli bir geliştirici olarak kendi not defterinden yararlanarak adım adım gösterimler yapmaktadır. Video, React projelerinde test yazmanın temellerinden başlayarak ileri seviye konulara kadar uzanan kapsamlı bir eğitim sunmaktadır. İçerikte `npm create react app` ile kurulan bir proje üzerinden `screen`, `render`, `expect`, `test`, `it`, `describe` gibi temel test komutlarının kullanımı gösterilmekte, ardından getByText, queryByText, findByText gibi farklı test yöntemleri detaylı şekilde anlatılmaktadır. Ayrıca user event, click olayları, text content kontrolü, mouse eventleri ve konteyner kullanımı gibi kullanıcı etkileşimleri de örneklerle açıklanmaktadır. Eğitim, kod örnekleri üzerinden pratik uygulamalar içermekte ve test dosyalarının nasıl isimlendirilmesi gerektiği, "expect" ile birlikte kullanılan kontrol yöntemleri ve testlerin asenkron olarak çalışması gerektiği gibi önemli konulara da değinmektedir. Konuşmacı, bu videoyu temel bir konu anlatımı olarak sunarken, bir sonraki videolarda daha detaylı uygulamaları göstereceğini belirtmektedir.

      • youtube.com

    • React'te Dinamik Tabloda Satır Silme Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı önceki bir React tablosunda satır silme işlemini nasıl uygulayacağını göstermektedir.. Videoda, React'te dinamik bir tabloda satır silme işleminin adım adım nasıl yapılacağı anlatılmaktadır. Öncelikle "deleteRow" fonksiyonu oluşturulur, ardından bu fonksiyonun tablo ve satır bileşenlerine nasıl prop olarak aktarılacağı gösterilir. Ayrıca, React'te state nesnelerini doğrudan değiştiremeyeceğimiz için, array'leri kopyalamak için spread operatörü kullanımı ve array map fonksiyonu ile satırların nasıl render edileceği detaylı olarak açıklanmaktadır. Video, Los Angeles, New York, San Francisco, London ve Seattle gibi şehirlerin silinmesiyle sonlanmaktadır.

      • youtube.com

    • React Hooks Kapsamlı Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan React kütüphanesinin çeşitli hook'larını ve özelliklerini anlatan kapsamlı bir eğitim içeriğidir. Video, React'teki çeşitli hook'ların (useEffect, useRef, useState, useMemo, useCallback ve React.memo) kullanımını adım adım göstermektedir. İçerik, hook'ların temel işlevselliğinden başlayarak, performans optimizasyonu, veri çekme işlemleri ve routing yapısı oluşturma konularına kadar uzanmaktadır. Eğitmen, her bir hook'un nasıl kullanılacağını ve hangi durumlarda tercih edilmesi gerektiğini pratik kod örnekleriyle açıklamaktadır. Video ayrıca fake store API'si üzerinden veri çekme işlemleri, axios ve fetch ile HTTP istekleri yapma, Redux Toolkit kullanımı ve React uygulamalarında performans optimizasyonu konularını da kapsamaktadır. useRef ile input'a focus verme, useMemo ile büyük verilerin önbelleğe alınması ve useCallback ile fonksiyonların performansı artırmak için nasıl kullanılabileceği gibi pratik uygulamalar da gösterilmektedir.

      • youtube.com

    • Strapi ve React ile Blog Uygulaması Geliştirme Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir yazılım geliştirme eğitimidir. Eğitmen, izleyicilere adım adım bir blog uygulaması geliştirme sürecini göstermektedir. Video, Strapi ile API oluşturma, Thunder Client ile API test etme, React ile frontend geliştirme, React Router kullanarak sayfa yönlendirmesi yapma ve Bootstrap ile tasarım oluşturma konularını kapsamaktadır. Eğitim, blog bloklarının oluşturulması, kategori sisteminin geliştirilmesi, verilerin API üzerinden çekilmesi ve kullanıcı arayüzü oluşturulması gibi temel adımları içermektedir. Eğitim boyunca, Strapi admin panelinde collection types oluşturma, Thunder Client ile CRUD işlemlerini test etme, React Router kullanarak sayfa yönlendirmesi yapma, Bootstrap ile responsive navbar oluşturma ve Redux ile veri yönetimi gibi konular ele alınmaktadır. Ayrıca, blog detay sayfası, kategori sayfası ve yeni blok ekleme formu gibi farklı sayfaların geliştirilmesi de detaylı olarak gösterilmektedir.

      • 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 ile JSX Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı React ile kod yazmaya başlamadan önce JSX standardını anlatmaktadır. Video, JSX'in ne olduğunu ve React ile birlikte nasıl kullanıldığını açıklamaktadır. JSX, JavaScript'in bir söz dizimi uzantısı olarak tanımlanmakta ve HTML ile JavaScript kodlarının bir arada kullanılabilmesini sağlamaktadır. Konuşmacı, JSX'in temel özelliklerini, class name isimlendirme standardını, süslü parantezlerin kullanımı, matematiksel işlemler, değişken tanımlama ve stil ekleme gibi konuları örneklerle göstermektedir. Video, sıfırdan bir React projesi oluşturma ve temel JSX kullanımını adım adım göstermektedir.

      • youtube.com

    • Python Flask ve React'i Bir Arada Kullanma Eğitimi

      Bu video, Prototurk.com için hazırlanmış bir eğitim içeriğidir. Eğitmen, Python Flask ve React teknolojilerini bir arada nasıl kullanabileceğimizi adım adım göstermektedir. Video, React projesinin kurulumundan başlayarak, Flask uygulamasının oluşturulması, proxy yapılandırması ve iki teknolojinin birlikte çalıştırılması sürecini kapsamaktadır. Eğitmen önce temel bir Flask uygulaması oluşturup, ardından React ile bu API'yi nasıl kullanacağını göstermektedir. Son olarak, MySQL veritabanı ile Flask API'sini nasıl entegre edebileceğimizi örneklerle anlatmaktadır. Video, bu teknolojilerin birlikte kullanılmasının avantajlarını ve dezavantajlarını da ele almaktadır.

      • youtube.com

    • 2019'da Yazılımcılar İçin Önemli Teknolojiler ve Mimari Yaklaşımlar

      "Kolay Değil" adlı programın bu bölümünde, İkas'ın CTO'su Tugay ve Mozan adlı yazılımcılar arasında geçen bir röportaj sunulmaktadır. Tugay, yıllarca arka plan server tarafı yazmış bir yazılımcıdır. Video, 2019 yılında yeni bir yazılımcının veya yazılıma başlamak isteyen insanların bilmesi gereken teknolojileri ele almaktadır. JavaScript, Python, Node.js, React, Vue.js gibi front-end teknolojileri ile Docker, microservice mimarisi, serverless architecture ve NoSQL veritabanları gibi sunucu mimarileri hakkında kapsamlı bilgiler paylaşılmaktadır. Videoda ayrıca modern yazılım teknolojilerinin önemi, full stack yazılımcıların (hem front-end hem backend bilen) tercih edilme nedenleri ve şirketlerin daha verimli çalışması için bu yaklaşımın faydaları da açıklanmaktadır.

      • youtube.com

    • Playcode.io Web Sitesi İncelemesi

      Bu video, Yazılım Kodu kanalından Yavuz Selim Kart tarafından sunulan bir web sitesi inceleme videosu. Yavuz Selim, Playcode.io adlı online kodlama editörünü detaylı olarak tanıtmaktadır. Videoda Playcode.io sitesinin özellikleri ve kullanım alanları gösterilmektedir. Site, CodePen ve JS Fiddle gibi online editörlerin benzeri olarak HTML, CSS, JavaScript ve React gibi teknolojiler için kodlama imkanı sunmaktadır. Yavuz Selim, sitenin öğrenme bölümü, popüler template'ler, kütüphane ekleme özelliği, proje versiyonlama ve paylaşım imkanları gibi özelliklerini adım adım göstermektedir. Ayrıca ücretsiz kullanım için 4 MB saklama alanı ve ücretli versiyon için 1000 MB alan sunulduğu belirtilmektedir.

      • 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

    • React Redux ve Redux Toolkit ile HTTP İsteği Atma Eğitimi

      Bu video, bir eğitmen tarafından sunulan React Redux ve Redux Toolkit konulu bir eğitim içeriğidir. Eğitmen, izleyicilere adım adım kodlama sürecini göstererek konuyu anlatmaktadır. Video, Redux Toolkit kullanarak HTTP isteği atma ve veri çekme işlemlerini detaylı şekilde ele almaktadır. İlk bölümde createRequest fonksiyonunun kullanımı, Redux slice oluşturma ve state yönetimi anlatılırken, ikinci bölümde state'e veri ekleme, action kullanımı, selector hook'u ile state'e erişim ve map fonksiyonu ile verileri ekranda gösterme konuları kod örnekleriyle açıklanmaktadır. Eğitim, kullanıcı listesi çekme örneği üzerinden Redux ve HTTP isteği atma konusunda pratik bilgi sunmakta, createRequest fonksiyonunun başarılı, başarısız ve bekleme durumlarını nasıl yönettiğini, useDispatch hook'unun kullanımını ve store'a slice'ı nasıl entegre edeceğimizi göstermektedir.

      • 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 Projesine Firebase Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere React projesine Firebase entegrasyonu yapma sürecini adım adım göstermektedir. Video, Firebase projesi oluşturma, web uygulaması ekleme, Firebase kütüphanesini projeye entegre etme ve Firebase Authentication hizmetini aktifleştirme adımlarını kapsamaktadır. Eğitmen, Firebase Console üzerinden yeni bir proje oluşturma, Firebase kütüphanesini terminal üzerinden ekleme, Firebase.config dosyasını düzenleme ve Firebase Authentication hizmetini email/password ile aktifleştirme sürecini detaylı olarak anlatmaktadır. Video, bir sonraki bölümde kullanıcı hesap oluşturma veya giriş yapma işlemlerinin yapılacağını 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

    • 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
  • Yazeka sinir ağı makaleleri veya videoları özetliyor