• Buradasın

    Java Script

    Özetteki ilgi çekici içerikler

    • HTML ve CSS ile JavaScript Framework Kullanım Oranları Grafiği Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere adım adım HTML ve CSS kullanarak JavaScript framework kullanım oranları grafiği oluşturma sürecini göstermektedir.. Video, IDE'de index.html sayfasının açılmasıyla başlayıp, CSS sınıflarının tanımlanması, div etiketlerinin oluşturulması ve JavaScript framework kullanım oranlarının (JavaScript, Knockout.js, Backbone.js, jQuery ve Node.js) grafik üzerinde gösterilmesi sürecini detaylı şekilde anlatmaktadır. Eğitmen, kod yazarken İngilizce sınıf isimleri kullanmanın önemini vurgulamakta ve son olarak oluşturulan HTML dosyasının tarayıcıda görüntülenmesiyle videoyu sonlandırmaktadır.

      • youtube.com

    • Visual Studio Code'da Proje Çalışmama Sorunu Çözümü

      Bu video, bir eğitim içeriği olup, konuşmacı Visual Studio Code'da projelerin çalışmama sorununu adım adım çözmektedir.. Videoda, Visual Studio Code'da yeni bir JavaScript projesi oluşturma, basit bir kod yazma ve bu kodu çalıştırma süreci gösterilmektedir. Konuşmacı, projenin kaydedilmesi, klasöre atılması ve terminal üzerinden çalıştırılması adımlarını detaylı şekilde anlatmaktadır. Video, özellikle Visual Studio Code'da projelerin çalışmaması sorununu yaşayan kullanıcılar için faydalı olabilecek bir rehber niteliğindedir.

      • youtube.com

    • HTML ve CSS ile Video Oynatma Uygulaması Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS kullanarak video oynatma uygulaması oluşturmayı adım adım göstermektedir.. Video, bir HTML belgesi üzerinden başlayıp, Google Fontlar ve CSS stil sayfası kullanarak tasarım sürecini göstermektedir. Eğitmen, video kapsayıcısı, kontrol düğmeleri, oynatma ve duraklatma butonları gibi öğelerin nasıl oluşturulacağını ve CSS ile nasıl stillendirileceğini anlatmaktadır. Ayrıca, video oynatma için JavaScript kütüphanesinin nasıl kullanılacağı ve video kontrolünün mobil cihazlar için nasıl ayarlanacağı da gösterilmektedir.

      • youtube.com

    • Tailwind CSS ile Pop-Up Oluşturma Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, web sitelerinde kullanıcıların dikkatini çeken ve dönüşüm odaklı içerik sunmanın etkili yollarından olan pop-up'ların nasıl yapılacağını göstermektedir.. Video, pop-up'ların çalışma mantığını açıklayarak başlıyor ve ardından adım adım bir pop-up oluşturma sürecini gösteriyor. Eğitmen, Tailwind CSS kullanarak buton ve pop-up'ların stilini nasıl uygulayacağını, JavaScript ile butona tıklama işlevlerini nasıl gerçekleştireceğini ve pop-up'ın ekranda nasıl ortalanacağını anlatıyor. Ayrıca, pop-up'ın açılış ve kapanış animasyonlarını da gösteriyor. Video, web sitelerinde kullanıcı etkileşimini artırmak isteyenler için temel bir pop-up oluşturma rehberidir.

      • youtube.com

    • WhatsApp'ta Profil Fotoğrafının Değiştirildiği Tarihi Bulma

      Bu video, bir eğitim içeriği olup, izleyicilere WhatsApp'ta profil fotoğrafının değiştirildiği tarihi bulma yöntemini adım adım anlatmaktadır.. Video, WhatsApp'ta profil fotoğrafının değiştirildiği tarihi bulmanın neden önemli olduğunu açıklayarak başlıyor ve ardından WhatsApp Web kullanarak bu bilgiyi nasıl elde edebileceğimizi gösteriyor. Yöntem, WhatsApp Web'e giriş yapma, profil fotoğrafını bulma, fotoğrafı yeni sekmede açma ve adres satırındaki on haneli rakamı kopyalama adımlarını içeriyor. Son olarak, bu rakamı kullanarak tarih bilgisine çevirmek için bir JavaScript hesaplayıcısı kullanılarak tarih bilgisinin nasıl bulunacağı anlatılıyor.

      • youtube.com

    • HTML Temel Kursu

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML eğitim içeriğidir. Eğitmen, HTML'in temel yapı taşlarını ve kullanımını adım adım göstermektedir.. Video, HTML belgesinin oluşturulması ile başlayıp, temel HTML etiketleri (html, head, body, title, image, input), inline ve blocking elementler, hyperlink oluşturma, listeler, tablolar, form elemanları ve HTML entitesi kullanımını detaylı şekilde anlatmaktadır. Daha sonra HTML'deki renk kodları ve JavaScript ile DOM (Document Object Model) üzerinde manipülasyon yapma teknikleri gösterilmektedir. Son bölümde ise HTML5 ile gelen semantic HTML kavramına değinilmektedir.. Eğitim içeriğinde ayrıca CSS ile temel layout oluşturma teknikleri, DOM Content Loaded olayı kullanımı ve elementleri seçme yöntemleri de örneklerle açıklanmaktadır. Video, web geliştirme temellerini öğrenmek isteyenler için temel bir kaynak niteliğindedir.

      • youtube.com

    • 2024 Yıllık Front-End Geliştirme Crash Kursu

      Bu video, Gary Simon tarafından DesignCourse.com'da sunulan bir front-end geliştirme eğitim içeriğidir. Eğitmen, HTML, CSS ve JavaScript teknolojilerini öğrenmek isteyenler için kapsamlı bir crash kursu formatında eğitim vermektedir.. Video, Figma'da tasarlanan bir UI/UX tasarımının Visual Studio Code kullanılarak nasıl kodlanacağını adım adım göstermektedir. İçerik, temel HTML yapısı oluşturma, CSS ile stil uygulama, responsive tasarım prensipleri ve JavaScript ile interaktif özellikler ekleme konularını kapsamaktadır. Eğitmen, "mobile first" yaklaşımını vurgulayarak, mobil ve masaüstü görünümlerinde farklı düzenlemeler yapmayı detaylı şekilde anlatmaktadır.. Eğitim boyunca, HTML elementleri (div, header, img, a), CSS özellikleri (margin, padding, display flex, media queries), utility class'lar, pseudo selector'lar ve JavaScript fonksiyonları gibi konular ele alınmaktadır. Ayrıca, WCAG kontrast oranları, hover efektleri ve responsive buton tasarımı gibi pratik uygulamalar da gösterilmektedir.

      • youtube.com

    • Discord JavaScript Hatası Çözümü

      Bu video, "Hata Uzmanı" kanalında yayınlanan bir eğitim içeriğidir. Sunucu, Discord uygulamasında karşılaşılan JavaScript hatasının çözümünü adım adım anlatmaktadır.. Video, Discord'da karşılaşılan JavaScript hatasının nedenleri ve çözüm yollarını açıklamaktadır. Hatanın temel sebebi antivirüs programları olarak belirtilmekte ve çözüm için Discord uygulamasının tamamen silinip web sitesi üzerinden yeni bir kurulum yapılması gerektiği anlatılmaktadır. Video, Advanced Installer Pro programı kullanarak Discord'u silme ve yeniden kurma adımlarını detaylı olarak göstermektedir.

      • youtube.com

    • HTML ve JavaScript ile Canvas Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim serisinin bir bölümüdür. Eğitmen, Visual Studio Code editörü kullanarak ve Zamp sunucusu ile çalışmaktadır.. Video, HTML ve JavaScript ile canvas elementinin nasıl kullanılacağını adım adım göstermektedir. Eğitmen önce index.html dosyası oluşturarak canvas elementini HTML'e dahil eder, ardından CSS ile canvas'ın kenar kalınlığını ayarlar. Daha sonra JavaScript ile canvas'ın boyutlarını değiştirme, tarayıcının canvas'ı destekleyip desteklemediğini kontrol etme ve canvas'a genişlik atama işlemleri gösterilir. Video, canvas'ın koordinat sistemini öğrenmenin önemi vurgulanarak sonlanır.

      • youtube.com

    • Web Sayfalarında Konum Bilgisi Alma Eğitimi

      Bu video, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir. Eğitmen, web sayfalarında kullanıcıların konumunu nasıl alabileceğimizi adım adım göstermektedir.. Video, web sayfalarına giren kullanıcıların konumunu sorgulama konusunu ele almaktadır. Eğitmen önce Chrome tarayıcısında çalışan bir kod örneği göstererek başlıyor, ardından HTML ve JavaScript kodlarını detaylı olarak açıklıyor. Konum sorgulama işleminin nasıl çalıştığı, başarılı ve başarısız durumlarda ne olacağını, enlem-boylam bilgilerinin nasıl alınacağını ve Google Maps ile nasıl entegre edileceğini gösteriyor. Ayrıca, izin verilmediği durumlarda tarayıcı tarafından gönderilen hata mesajları hakkında da bilgi veriyor.

      • youtube.com

    • Document Object Model (DOM) Eğitim Videosu

      Bu video, bir eğitmen tarafından sunulan Document Object Model (DOM) konulu bir eğitim içeriğidir. Eğitmen, DOM kavramını adım adım açıklayarak anlatmaktadır.. Video, DOM'un ne olduğunu, XML ve HTML dokümanlarını nasıl temsil ettiğini ve JavaScript gibi programlama dilleriyle nasıl kullanılacağını açıklamaktadır. Eğitmen önce basit bir XML örneği üzerinden DOM yapısını göstermekte, ardından Google Chrome gibi web tarayıcılarında DOM ağacını nasıl inceleyebileceğimizi ve değerleri nasıl değiştirebileceğimizi pratik örneklerle anlatmaktadır. Video, DOM'un web tarayıcılarında otomasyon ve web sayfalarını dinamik olarak değiştirmek için nasıl kullanıldığını göstermektedir.

      • youtube.com

    • Eaglercraft: Minecraft Java Edition'ı Web Tarayıcısında Oynama Hikayesi

      Bu video, bir içerik üreticisinin Eaglercraft (EagleCraft) projesinin hikayesini anlattığı bilgilendirici bir içeriktir. Videoda Lax adlı geliştirici ve Ayunami 2000 adlı yardımcı geliştirici hakkında bilgiler verilmektedir.. Video, 2020 yılında Lax'ın Minecraft Java Edition'ı JavaScript'e dönüştürme çabasını, Eaglercraft projesinin gelişimini ve popülerliğini anlatmaktadır. Ayrıca, Mojang şirketi ile Lax arasındaki ilişkiler, Mojang'ın projeye karşı aldığı yasal önlemler ve DMCA takedown istekleri detaylı şekilde ele alınmaktadır.. Videoda ayrıca Lax'ın projeyi sadece Minecraft'ı web tarayıcısında çalıştırma zorluğu nedeniyle sürdürdüğü ve finansal kazanç istemediği vurgulanmaktadır. Mojang'ın EagleCraft'a karşı DMCA takedown istekleri gönderdiği ancak henüz kimseyi dava etmediği de belirtilmektedir.

      • youtube.com

    • Web Sayfasında Otomatik Buton Basma Eğitimi

      Bu video, bir eğitmen tarafından sunulan web programlama eğitim içeriğidir. Eğitmen, web sayfasındaki butonlara veya linklere otomatik olarak nasıl basılacağını adım adım göstermektedir.. Videoda, bir web sayfasında butona basarak arka plan renginin değişmesini sağlayan basit bir örnek kullanılarak, JavaScript konsolunda otomatik buton basma işlemi anlatılmaktadır. Eğitmen, butonun ID'sini bulma, değişken tanımlama, setInterval fonksiyonu ile otomatik basma işlemini başlatma ve clearInterval ile durdurma adımlarını göstermektedir. Ayrıca, basma sıklığını ayarlamak için milisaniye değerlerinin nasıl değiştirileceği de açıklanmaktadır.

      • youtube.com

    • Google Chrome Eklentisi Geliştirme Eğitimi

      Bu video, bir konuşmacının Google Chrome eklentisi geliştirme sürecini adım adım anlattığı bir eğitim içeriğidir.. Video, Google Chrome eklentilerinin nasıl geliştirileceğini kapsamlı şekilde ele almaktadır. İçerikte önce Google Chrome geliştiricileri için bir sayfa tanıtımı yapılmakta, ardından klasör oluşturma, manifest.json dosyası yazma, ikon dosyaları hazırlama ve eklentiyi Google Chrome'a yükleme adımları gösterilmektedir. Daha sonra JavaScript dosyası oluşturma, manifest dosyasına düzenleme yapma ve eklentiyi tekrar yükleme süreçleri anlatılmaktadır.. Eğitim, basit bir eklenti örneği üzerinden ilerlemekte ve eklentinin çalıştırılması için pencere.html dosyası oluşturma ve düzenleme sürecini de detaylı olarak içermektedir. Ayrıca, eklenti üzerine yazı veya sayı gösterme konusuna da değinilmektedir.

      • youtube.com

    • Sağ Tıklama Kopyalama Engelinin Nasıl Kırılacağı

      Bu video, bir eğitim içeriği olup, izleyicilere sağ tıklama içerik kopyalama engelinin nasıl kırılacağını adım adım göstermektedir.. Videoda, sayfada içerik seçilemeyip sağ tıklama yapılamayan bir durum ele alınmaktadır. Çözüm olarak, sol üstteki "güvenli değil" bölümüne tıklanarak site ayarlarına girilmesi ve JavaScript'in engellenmesi önerilmektedir. Bu işlem yapıldıktan sonra sayfa yenilendiğinde içeriklerin kopyalanabildiği gösterilmektedir.

      • youtube.com

    • Sağ Click Engeli Olan Sitelerden Veri Kopyalama Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere sağ click engeli olan sitelerden veri, yazı, metin veya fotoğraf kopyalama yöntemini göstermektedir.. Video, Google Chrome tarayıcısında sağ click engeli olan sitelerden veri kopyalama işlemini adım adım anlatmaktadır. Önce tarayıcı ayarlarından gelişmiş ayarlar göster seçeneğine gidilmesi, ardından içerik ayarları ve JavaScript bölümünden "tüm sitelerin JavaScript çalıştırılmasına izin ver" seçeneğinin değiştirilmesi gösterilmektedir. İşlem tamamlandıktan sonra eski ayarların tekrar yapılması gerektiği vurgulanmaktadır.

      • youtube.com

    • JavaScript Döngüler, Kontrol Yapıları ve Diziler Eğitimi

      Bu video, bir eğitmen tarafından sunulan kapsamlı bir JavaScript programlama dersidir. Eğitmen, adım adım kod yazarak konuları göstermektedir.. Video, JavaScript'deki döngüler (for, while, for-in), kontrol yapıları (if-else, switch), diziler ve nesneler konularını kapsamaktadır. İçerik, teorik bilgilerin ardından pratik uygulamalarla desteklenmektedir. Örnekler arasında sayı yazdırma, kullanıcı adı-parola kontrolü, araç modelleri uygulaması, mevsim belirleme ve ehliyet alabilme durumu gibi çeşitli programlar bulunmaktadır.. Eğitimde ayrıca mantıksal operatörler (ve, veya, değil), eşitlik operatörleri (== ve ===) ve koşullu ifadelerin nasıl kullanılacağı da detaylı olarak anlatılmaktadır. Eğitmen, her konuyu adım adım açıklayarak ve pratik örneklerle destekleyerek izleyicilere JavaScript öğreniminde yardımcı olmayı amaçlamaktadır.

      • youtube.com

    • Web Sayfasındaki Video Hızlandırma Rehberi

      Bu video, bir eğitim içeriği olup, izleyicilere web sayfalarındaki videoları nasıl hızlandırabileceklerini adım adım göstermektedir.. Video, tarayıcı konsolunu açma yöntemleriyle başlayıp, JavaScript kodu kullanarak video oynatma hızını ayarlama sürecini detaylı şekilde anlatmaktadır. Kullanıcılar, videoyu normal hızdan dört katına kadar hızlandırabilir veya yavaşlatabilir. Ayrıca, kodun sadece aynı sekmede geçerli olduğu ve yeni sekmede varsayılan hızın uygulanacağı bilgisi de paylaşılmaktadır. Video, YouTube, Udemy ve BİM gibi farklı web sitelerinde bu yöntemin çalıştığını göstermektedir.

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