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.
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.
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.
jQuery is not defined error occurs when browser can't connect to jQuery library. Error affects approximately 78% of websites on the internet. Error can potentially shut down website to visitors
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.
jQuery 3.7.1 comes in compressed and uncompressed versions. Slim build excludes ajax and effects modules. Source map files available for debugging but not required for users
Sends data to server using HTTP POST request. Added in jQuery 1.0. Returns jqXHR object as success callback
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.
Stores arbitrary data associated with DOM elements. Added in jQuery 1.2.3. Allows setting multiple values for single element. Cannot be used on object, applet or embed elements. Returns jQuery object when called without parameters
jQuery provides controlgroup widget for horizontal navigation. Checkboxradio widget enables checkbox functionality. Button widget triggers datepicker display
jQuery click button triggers click events or adds functions to be called. Click event occurs when mouse button is pressed and released over element. Click method activates onclick function or triggers click event
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 video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, Abdulkadir hocanın derslerini pekiştirmek amacıyla HTML, CSS ve jQuery konularını daha açıklayıcı bir şekilde anlatmaktadır.. Video, HTML ve CSS temel konseptlerini adım adım göstermektedir. İçerik, HTML belgesi yapısı ve temel etiketlerle başlayıp, CSS ile arka plan rengi, padding, margin, border gibi özellikleri ayarlama konularına geçmektedir. Daha sonra form oluşturma, input elemanları, form doğrulama özellikleri ve buton oluşturma gibi konular ele alınmaktadır.. Eğitmen, "Üye Kayıt Formu" örneği üzerinden pratik kod örnekleri göstermekte ve her değişikliğin etkisini somutlaştırmaktadır. Video, ilk hafta dökümanı kapsamında bir ders olduğunu belirterek sonlanmakta ve eğitmen, diğer dökümanlar için de benzer anlatımlar yayınlayacağını söylemektedir.
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.
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.
Bu video, Tayfun Erbilen tarafından hazırlanan bir eğitim içeriğidir. Prototurk.com adresi için hazırlanmış olan bu derste, PHP ve AJAX kullanarak "daha fazlasını göster" özelliği oluşturma süreci adım adım gösterilmektedir.. Videoda, veritabanından ders listesi çekme, CSS ile tasarım yapma, jQuery kütüphanesini kullanma ve AJAX ile veri yükleme işlemleri detaylı olarak anlatılmaktadır. Öncelikle HTML ve PHP ile temel yapı oluşturulur, ardından CSS ile tasarım yapılır ve son olarak jQuery ve AJAX kullanılarak "daha fazlasını göster" özelliği eklenir. Video sonunda, kaynak dosyaların da paylaşılacağı belirtilmektedir.
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.
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.
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.