Bu video, yaklaşık on yıldır dijital sektörde çalışan bir konuşmacının ve arkadaşı Burak'ın sunduğu 20 dakikalık bir eğitim sunumudur. Konuşmacı, saat 12'de C salonunda bir sohbet etkinliği düzenleyeceğini de belirtmektedir.. Sunum, web uygulamaları ve tek sayfa uygulamaları (SPA) arasındaki farkları açıklayarak başlıyor, ardından AJAX, JSON ve DOM gibi temel kavramları detaylandırıyor. Daha sonra MVC framework'leri, view-model-view modeli ilişkisi ve iki yönlü veri bağlama kavramları anlatılıyor. Son bölümde ise Angular, React, jQuery gibi popüler web teknolojileri ve bunların kullanım alanları ele alınıyor.. Sunumda Gmail, Trello, Basecamp gibi günlük hayatta kullandığımız web uygulamaları örneklerle anlatılmakta ve modern web uygulamalarının ön tarafa taşınan uygulama mantığı ile front-end-backend arasındaki ilişki açıklanmaktadır. Konuşmacı, izleyicilere JavaScript, JSON ve jQuery gibi temel teknolojileri öğrenmelerini tavsiye etmektedir.
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.
Tutorials cover basic concepts like DOM manipulation and JavaScript fundamentals. Projects include color flippers, counters, review carousels, and navigation bars. Tutorials demonstrate CRUD functionality and game development. Projects include countdown clocks, Lorem ipsum generators, and image sliders
Facebook önderliğinde geliştirilen açık kaynak kodlu kullanıcı arayüzü kütüphanesidir. Model-View-Controller prensibine uygun olarak oluşturulmuştur. Single-page sayfalar ve React-Native ile mobil uygulamalar geliştirilebilir
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.
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.
useState adds state variables to React components. Returns array with current state and update function. State variables should be named using array destructuring
Requires Visual Studio Code and Node.js installation. Install Code Runner extension for JavaScript execution. Create JavaScript files with .js extension
Web development is highly in-demand for beginners in 2024. Free courses provide comprehensive learning from scratch. Online courses offer active learning, books require prior knowledge
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.
No degree or prior experience required for 7-month, 6-hour weekly training. 335,690 learners have already completed the program. Includes 9 course series covering front-end development skills
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.
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.
Bu video, bir yazılım eğitim içeriğidir ve izleyicilere React gibi bir JavaScript kütüphanesi kullanarak breadcromes (pano yolu) komponenti oluşturma sürecini adım adım göstermektedir.. Video, breadcromes komponentinin nasıl oluşturulacağını, gerekli import işlemlerini ve yapılandırmalarını göstermektedir. Öncelikle yeni bir component dosyası oluşturulur, ardından box component'i içe aktarılarak div etiketleri ve margin değerleri ayarlanır. Daha sonra link ve metin özellikleri eklenir, typography component'i kullanılarak metin rengi belirlenir. Son olarak, ayraç (separator) ve görüntülenecek bağlantı sayısı gibi özellikler için sorunlar çözülür.
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.
Bu video, bir eğitim içeriği olup, konuşmacı Reactstrap kütüphanesinin nasıl kullanılacağını adım adım göstermektedir.. Video, Reactstrap'in ne olduğunu açıklayarak başlıyor ve ardından Reactstrap'i projeye nasıl dahil edeceğimizi gösteriyor. Konuşmacı, npm komutlarını kullanarak Reactstrap'i kurma, paket.json dosyasına ekleme ve index.js dosyasına import etme adımlarını detaylı şekilde anlatıyor. Daha sonra Reactstrap'in temel bileşenlerini (Container, Row, Column, ListGroup, ListGroupItem) kullanarak basit bir uygulama oluşturuyor ve Bootstrap ile birlikte nasıl kullanılacağını gösteriyor. Video, Reactstrap'in temel kullanımını öğrenmek isteyenler için faydalı bir kaynak niteliğindedir.
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.
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.
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.