• Buradasın

    j Query

    Özetteki ilgi çekici içerikler

    • HTML, CSS ve jQuery ile Lightbox Fotoğraf Galerisi Kurulumu

      Bu video, bir eğitim içeriği olup, izleyicilere HTML, CSS ve jQuery kullanarak basit bir lightbox fotoğraf galerisi oluşturma sürecini adım adım göstermektedir. Video, Lightbox adlı basit bir fotoğraf galerisi kütüphanesinin nasıl kullanılacağını anlatmaktadır. İçerikte önce Lightbox'ın GitHub sayfasından indirilmesi, Visual Studio Code'da HTML, CSS ve JavaScript dosyalarının oluşturulması, jQuery'nin indirilmesi ve tüm dosyaların bir HTML sayfasına entegre edilmesi gösterilmektedir. Daha sonra galerinin stillendirilmesi, resimlerin boyutlandırılması ve galerinin açılması ile resimlerin arasında geçiş yapılması anlatılmaktadır. Videoda ayrıca galerinin üç resim arasında navigasyon yapabilmesi için gerekli ikonların (prev, next, close, loading) nasıl dahil edileceği de açıklanmaktadır. Bu içerik, en küçük ve en basit şekliyle bir lightbox galerisinin nasıl sitenize entegre edilebileceğini göstermektedir.

      • youtube.com

    • Web Geliştirme Eğitimi: UFO50 Tracker Uygulaması ve Sunucu Paylaşımı

      Bu video, Doug adlı bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilerle etkileşim halinde, UFO50 adlı oyun serisinin 50 oyununu takip eden bir web uygulaması geliştirmeyi adım adım göstermektedir.. Videoda öncelikle jQuery kullanılarak basit bir web uygulaması geliştirilir, ardından bu uygulamanın sunucu paylaşımı özelliği eklenir. İlk bölümde 50 oyunun listeleneceği bir grid oluşturulur ve her oyunun tıklanabilir hale getirilir. İkinci bölümde ise Redis veritabanı ve Upstash kullanılarak, kullanıcıların aynı anda aynı uygulamayı kullanabilmelerini sağlayan bir sistem oluşturulur.. Eğitim, uygulamanın GitHub'a yüklenmesi ve Vercel'de sunucuya bağlanması ile devam eder. Video, web geliştirme temellerini öğrenmek isteyenler için pratik bir örnek sunmaktadır.

      • 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

    • 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

    • 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

    • 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

    • 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

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

    • JavaScript ve jQuery Komutlarını Şifreleme Eğitimi

      Bu video, bir web tasarım eğitim içeriğidir. Eğitmen, JavaScript ve jQuery komutlarının nasıl şifrelenebileceğini ve gizlenebileceğini anlatmaktadır. Video, JavaScript'in kullanıcı tarafında çalışan bir programlama dili olduğunu ve bu nedenle kodların tarayıcı tarafından kolayca görüntülenebileceğini açıklayarak başlıyor. Eğitmen, Op-Facecator adlı ücretsiz bir internet sitesi kullanarak JavaScript dosyalarını nasıl şifreleyebileceğimizi adım adım gösteriyor. İlk olarak temel şifreleme yöntemi anlatılıyor, ardından domain lock özelliği ile kodların sadece belirli bir alan adı altında çalışabilmesi sağlanıyor. Video, bir uygulama örneği üzerinden bu yöntemlerin nasıl uygulanacağını gösteriyor.

      • 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

    • 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

    • Progress Bar Oluşturma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir. Eğitmen, izleyicilere adım adım progress bar yapımını anlatmaktadır. Videoda, HTML, CSS ve jQuery kullanılarak basit bir tıklama sayacı uygulaması üzerinden progress bar yapımı gösterilmektedir. Eğitmen önce temel yapıyı oluşturma, ardından 10 saniyelik bir süre geri sayım mekanizması ekleyerek ve son olarak toplam tıklama sayısını hesaplama ve gösterme fonksiyonlarını anlatmaktadır. Eğitim, 28 dakikalık bir süre içinde progress barın matematiksel mantığını, yüzdesel değer hesaplamasını ve görsel olarak gösterme tekniklerini detaylı şekilde açıklamaktadır. Eğitmen, kodlama sürecinde karşılaşılan sorunları ve çözümlerini de paylaşıyor.

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

    • 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

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