• Buradasın

    j Query

    Özetteki ilgi çekici içerikler

    • jQuery ile Bar Animasyonu Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere jQuery kullanarak bar animasyonu oluşturma sürecini adım adım göstermektedir. Video, değerlere göre barlara fade-in ve animasyon özelliği verme konusunu ele almaktadır. İçerikte önce "animateChart" adlı bir fonksiyon tanımlanarak animasyon özellikleri (genişlik, fade-in, fade-out) ve gecikme süreleri (delay) ayarlanmaktadır. Ardından bu fonksiyon "position Bars" fonksiyonuna entegre edilmekte ve son olarak tarayıcıda test edilmektedir. Video, bir sonraki bölümde sol üst köşede bulunan değerlerin nasıl hazırlanacağına değineceğini belirterek sona ermektedir.

      • youtube.com

    • CSS ile SVG Görsellerini Renk Değiştirme Eğitimi

      Bu video, Tayfun Erbilen tarafından Prototurk.com için hazırlanan bir eğitim içeriğidir. Tayfun, web geliştirme konusunda bilgi paylaşmaktadır. Videoda, beyaz bir ürünün farklı renklerde nasıl görüneceğini göstermek için CSS'deki mix blend mode özelliğinin nasıl kullanılacağı anlatılmaktadır. Tayfun, önce bir beyaz koltuğun SVG formatına dönüştürülmesi, ardından HTML ve CSS kodlarıyla bu SVG'nin üzerine renk değiştirme işleminin nasıl yapılacağını adım adım göstermektedir. Ayrıca jQuery ile renk seçici ekleme ve CSS ile bu renk seçici ile SVG'nin rengini değiştirme işlemleri de detaylı olarak açıklanmaktadır.

      • youtube.com

    • jQuery ile Basit Arama Formu Uygulaması

      Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından jQuery kullanarak basit bir arama formu uygulamasının nasıl yapılacağını göstermektedir. Videoda, web sitelerinde görülen arama formu uygulamasının jQuery ile nasıl oluşturulacağı adım adım anlatılmaktadır. Eğitmen önce form oluşturma, ardından jQuery ile sayfa hazır olduğunda fonksiyon çalıştırma, input seçimi, focus ve blur olaylarını kullanarak formun üzerine odaklanıldığında ve bırakıldığında formun davranışını değiştirme işlemlerini göstermektedir. Uygulama, formun üzerine odaklanıldığında "lütfen aranacak kelimeyi giriniz" yazısının kaybolması ve formun bırakıldığında tekrar görünmesi şeklinde çalışmaktadır.

      • youtube.com

    • Google YouTube API'si Kullanarak Müzik Arama Uygulaması Eğitimi

      Bu video, Tayfun Erbilen tarafından sunulan bir eğitim içeriğidir. Tayfun, Prototurk.com adresi için hazırladığı bu paylaşım videosunda, Google YouTube API'sini kullanarak müzik arama uygulaması oluşturmayı göstermektedir. Videoda, basit bir tasarımla oluşturulan müzik arama uygulamasının adım adım kodlanması anlatılmaktadır. Uygulama, kullanıcıların arama kutusuna müzik adı yazarak YouTube'dan sonuçları listeleme ve seçilen videoyu oynatma özelliğine sahiptir. Tayfun, jQuery kullanarak AJAX ile YouTube API'sine istek gönderme, JSON verilerini işleme ve YouTube embed kodlarını kullanarak videoları oynatma işlemlerini detaylı olarak göstermektedir. Video sonunda, uygulamanın çalışması test edilmekte ve izleyicilere kendi sitelerine benzer bir servis açmaları önerilmektedir.

      • youtube.com

    • jQuery Animate ve Toggle Fonksiyonları Eğitimi

      Bu video, Bulut Izer tarafından sunulan bir eğitim içeriğidir. Bulut Izer, kodlasak.com'dan bir eğitimci olarak jQuery animate ve toggle fonksiyonlarını anlatmaktadır. Videoda, jQuery animate ve toggle fonksiyonlarının nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen, bir buton ve bir resim kullanarak, butona basıldığında resmin büyümesi ve kenar çizgisinin kırmızı renk alması, ardından tekrar eski haline dönmesi gibi basit bir örnek oluşturur. Video boyunca HTML, CSS ve JavaScript kodları yazarak, jQuery fonksiyonlarının nasıl uygulanacağını detaylı şekilde açıklar.

      • youtube.com

    • jQuery Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan jQuery dersinin beşinci bölümüdür. Eğitmen, izleyicilere adım adım jQuery kullanımını göstermektedir. Video, jQuery kütüphanesinin indirilmesi ve HTML sayfasına eklenmesi ile başlayıp, temel jQuery işlemleri (paragrafların ve div'lerin renk değiştirme, yazı boyutunu ayarlama, CSS class'larını ekleme ve kaldırma) ile devam etmektedir. Daha sonra, tıklama olayları üzerine renk değişimi uygulaması ve jQuery kullanarak aç-kapa animasyonu içeren interaktif web sayfası geliştirme teknikleri gösterilmektedir. Videoda futbol takımlarına ait renkli kutucuklar oluşturma, tıklanan elemanın arka plan rengini alıp sayfanın arka plan ve yazı rengini bu renge ayarlama, başlıklara tıklandığında altındaki paragrafların animasyonlu bir şekilde açılması gibi pratik örnekler bulunmaktadır.

      • youtube.com

    • PHP ve jQuery ile Menü Sıralama Eğitimi

      Bu video, bir eğitmen tarafından sunulan PHP eğitim setinin 179. dersi olup, web geliştirme konusunda kapsamlı bir eğitim içeriğidir. Video, PHP ve jQuery kullanarak menülerin nasıl sıralanacağı ve bu sıralamaların veritabanına nasıl kaydedileceği konusunu ele almaktadır. İçerik, menü tablosuna "order" sütunu ekleme, jQuery Sort eklentisi ile sürükle-bırak sıralama yapma, menülerin görsel olarak sıralanması ve AJAX ile sıralama güncelleme işlemlerini adım adım göstermektedir. Eğitimde ayrıca jQuery UI eklentisinin kullanımı, menü ailelerinin (ana sayfa, hakkımızda, politikalar, iletişim) doğru sıralamaya göre yerleştirilmesi ve güncelleme sonrası yeni listeyi AJAX ile geri çekme işlemleri detaylı olarak anlatılmaktadır. Bu eğitim, web geliştirme ve menü yönetimi konusunda temel bilgi edinmek isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • jQuery'de Scroll Metodları Eğitimi

      Bu video, Tayfun Erbilen tarafından sunulan bir jQuery eğitim dersidir. Eğitmen, jQuery'de scroll metodlarını anlatmaktadır. Videoda jQuery'de scroll, scroll top ve scroll left metodları detaylı olarak açıklanmaktadır. Eğitmen önce bu metodların ne işe yaradığını anlatıp, ardından Chrome tarayıcısında pratik örnekler göstermektedir. İlk örnek, scroll hareketiyle birlikte menünün sol kısmında görünmesini sağlar, ikinci örnek ise scroll yüksekliğine göre menünün sabitlenmesini (sticker menü) gösterir. Son olarak, scroll top metodunun nasıl kullanılacağı butonlarla aşağı ve yukarı kaydırma örneğiyle anlatılmaktadır.

      • youtube.com

    • HTML ve CSS ile Web Sayfası Tasarımı Eğitimi

      Bu video, Tayfun Erbilen tarafından sunulan bir web tasarım eğitim içeriğidir. Eğitmen, izleyicilere HTML ve CSS kullanarak bir PSD tasarımını web sayfasına dönüştürme sürecini adım adım göstermektedir. Videoda, bir web sayfasının tüm bölümlerinin (logo, menü, blog, now, sağ ve sol bölümler, konu bölüm, sayfalaama, footer ve iletişim bilgileri) HTML ve CSS kodlarıyla nasıl oluşturulacağı detaylı olarak anlatılmaktadır. Eğitim, temel web tasarım tekniklerini kapsayan bir rehber niteliğindedir. Eğitimde ayrıca Cufon kullanılarak özel font uygulama, float ve clear gibi CSS özellikleri, farklı tarayıcı uyumluluğu testleri ve jQuery ile hover efektleri gibi ileri seviye konular da ele alınmaktadır. Video, HTML ve CSS bilgisi olanlar için blog tasarımı yapmak isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • JavaScript ve jQuery ile Telefon Rehberi Uygulaması Geliştirme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere JavaScript kütüphanesi jQuery kullanarak basit bir telefon rehberi uygulaması geliştirme sürecini adım adım göstermektedir. Video, uygulamanın tasarım aşamasından başlayarak Visual Studio Code kullanarak proje oluşturma, Bootstrap kütüphanesini projeye ekleme ve HTML/CSS ile tasarım yapma sürecini kapsamaktadır. Uygulama, telefon rehberi olarak çalışacak olup, kullanıcıların ad, soyad, telefon numarası ve e-posta adresi girebileceği, kayıtları düzenleyebileceği ve silebileceği bir arayüze sahip olacaktır. Video, uygulamanın tasarım kısmının tamamlanmasıyla sona ererken, bir sonraki bölümde tablo yapısının oluşturulacağı belirtilmektedir.

      • youtube.com

    • Django Eğitim Serisi: jQuery Kullanımı ve Profil Düzenleme

      Bu video, Teoman Dayanan tarafından sunulan Django eğitim serisinin bir bölümüdür. Eğitmen, Django uygulamalarında jQuery kütüphanesinin nasıl kullanılacağını göstermektedir. Videoda öncelikle jQuery kütüphanesinin ne olduğu ve nasıl dahil edileceği anlatılmaktadır. Ardından, önceki derslerde yarım kalmış bir hata (login sonrası "none" değeri) çözülmektedir. Daha sonra, kullanıcı profil düzenleme kısmının tasarımına geçilmekte, logo ekleme, kullanıcı ismi gösterme ve tasarım düzenlemeleri yapılmaktadır. Video, bir sonraki derste post oluşturma, post ekleme ve silme gibi ayarların yapılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • Web Sitesi Geliştirme: Galeri Sistemi Oluşturma Eğitimi

      Bu video, Yücel Solak tarafından sunulan bir web geliştirme eğitim dersidir. Videoda, web sitesi geliştirme sürecinde galeri sistemi oluşturma konusu ele alınmaktadır. İlk bölümde Fancybox kütüphanesi kullanılarak resimler sayfasının yan yana dizilmesi ve ileri-geri geçilebilmesi gösterilirken, ikinci bölümde jQuery ile galeri oluşturma süreci detaylı olarak anlatılmaktadır. Eğitim, div'lerin oluşturulması, FastStone PhotoResizer programı ile resimlerin hazırlanması, şablon dosyasının düzenlenmesi ve görsel düzenlemelerin yapılması gibi adımları içermektedir. Ayrıca farklı jQuery geçiş tarzları da gösterilmektedir. Video, bir sonraki derste daha fazla jQuery örneği gösterileceğini belirterek sona ermektedir.

      • youtube.com

    • jQuery ile Anlık Toplama İşlemi Eğitimi

      Bu video, bir eğitmen tarafından sunulan jQuery programlama dili ile anlık toplama işlemi yapma konulu bir eğitim içeriğidir. Videoda, jQuery kullanarak kullanıcıdan alınan sayıların otomatik olarak toplanmasını gösteren bir uygulama adım adım anlatılmaktadır. Önce HTML sayfasında giderlerin toplanacağı inputlar oluşturulur, ardından jQuery kodları yazarak "change" fonksiyonu tanımlanır ve her input için toplam değer hesaplanır. Son olarak, toplam değer giderlerin toplanacağı inputa yazdırılır. Video boyunca eğitmen, kodlama sürecini ve karşılaşılan hataları göstererek izleyicilere pratik bilgi sunmaktadır.

      • youtube.com

    • ASP.NET MVC'de jQuery ile AJAX İşlemleri Eğitimi

      Bu video, bir eğitmen tarafından sunulan ASP.NET MVC projelerinde jQuery kullanarak AJAX işlemlerinin nasıl yapılacağını anlatan bir eğitim içeriğidir. Eğitim, jQuery'nin temel metotlarından GET metodunu kullanarak AJAX isteklerini adım adım göstermektedir. Eğitmen önce bir HTML sayfası oluşturarak buton, liste ve yükleme paneli gibi temel bileşenleri ekleyip, ardından jQuery ile butona tıklandığında yükleme panelinin gösterilmesi, verilerin yüklenmesi ve gizlenmesi işlemini kodlamaktadır. Ayrıca, partial view kullanarak verilerin nasıl getirileceği ve jQuery'nin show ve hide metodlarının nasıl kullanılacağı da gösterilmektedir. Videoda ayrıca verilerin üç saniye sonra gelmesi ve loading animasyonu ile gizlenmesi, her tıklamada verilerin temizlenmesi için emt metodunun kullanımı gibi konular da ele alınmaktadır.

      • youtube.com

    • jQuery ile CSS İşlemleri Eğitimi

      Bu video, Yakın Kampüs YouTube kanalından Çağatay Yıldız tarafından sunulan bir görsel eğitim dersidir. Videoda jQuery kütüphanesi kullanılarak CSS işlemleri gösterilmektedir. Eğitmen, HTML sayfası oluşturma, jQuery kütüphanesini ekleme, CSS class'ları oluşturma ve jQuery ile bu class'ları HTML elementlerine ekleme, kaldırma ve toggle etme işlemlerini adım adım göstermektedir. Ayrıca, jQuery ile direkt CSS stil ekleme yöntemi de anlatılmaktadır. Video, pratik örneklerle jQuery'nin CSS ile nasıl entegre edilebileceğini göstermektedir.

      • youtube.com

    • jQuery'nin İç Metodu Eğitimi

      Bu video, bir eğitim içeriği olup, bir eğitmen tarafından jQuery'nin iç metodunun kullanımını anlatan bir ders formatındadır. Videoda jQuery'nin iç metodunun kullanımı detaylı olarak gösterilmektedir. İç metodunun sayfada seçilen elementleri saydırmak ve onları teker teker ele almak için kullanıldığı anlatılmaktadır. Eğitmen, bir liste örneği üzerinden iç metodunun nasıl kullanılacağını, indeks ve element parametrelerinin ne anlama geldiğini ve bu metodun CSS metotları ile nasıl entegre edilebileceğini göstermektedir. Ayrıca, listedeki değerlerin toplanması ve toplamın ekrana yazdırılması gibi pratik örnekler de sunulmaktadır.

      • youtube.com

    • Tümünü Seç ve Seçilenleri Sil Uygulaması Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı blog sitesinde yayınladığı bir makaledeki "tümünü seç ve seçilenleri sil" yapısını bir projeye nasıl uyarlayacağını göstermektedir. Video, jQuery ve Bootstrap kullanarak iletişim formu kısmına tüm verileri seçme ve seçilenleri silme özelliğinin nasıl ekleneceğini adım adım anlatmaktadır. Önce jQuery ile tüm verileri seçme ve seçilenleri silme butonlarının oluşturulması, ardından PHP ile veritabanından verilerin silinmesi gösterilmektedir. Konuşmacı, bu yapıyı farklı amaçlar için de kullanabileceğinizi belirterek, kodların nasıl düzenlenebileceğini de açıklamaktadır.

      • youtube.com

    • AJAX ile Veri Listeleme Eğitimi

      Bu video, bir eğitmen tarafından sunulan AJAX ile veri listeleme konulu bir eğitim içeriğidir. Eğitmen, izleyicilere adım adım kodlama sürecini göstermektedir. Video, JSON formatında gelen verilerin konsolda değil, tablo formatında ekrana yansıtılmasını anlatmaktadır. Eğitmen önce JSON verilerini jQuery ile parses etme, ardından bu verileri HTML tablosu oluşturma ve son olarak da bu tabloyu sayfaya ekleme işlemlerini göstermektedir. Video, sayfa yenilenmeden yazarların listelenmesi örneğiyle sonlanmakta ve bir sonraki derste AJAX ile kral işlemlerine devam edileceği belirtilmektedir.

      • youtube.com

    • jQuery Dosyası Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere jQuery dosyası oluşturma sürecini adım adım göstermektedir. Video, dinamik bir web sayfası oluşturmak için gerekli olan jQuery dosyası oluşturma sürecini anlatmaktadır. İçerikte önce masaüstünde "master.js" adlı bir jQuery dosyası oluşturma, ardından bu dosyaya "document.ready()" fonksiyonu ile "Merhaba Dünya" mesajı yazdırma, jQuery kütüphanesini indirme ve son olarak bu dosyayı "index.html" sayfasına bağlama adımları gösterilmektedir. Son olarak, oluşturulan web sayfasının Google Chrome tarayıcısında çalıştırılması ve "Merhaba Dünya" mesajının pop-up olarak görüntülenmesi gösterilmektedir.

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