• Buradasın

    HTML5

    Özetteki ilgi çekici içerikler

    • HTML5 Canvas'ta Çember Çizme ve Metin Oluşturma Eğitimi

      Bu video, HTML5 ve CSS3 eğitim setinin 20. dersi olup, bir eğitmen tarafından sunulan teknik bir eğitim içeriğidir.. Videoda HTML5 canvas elementi kullanılarak çember çizme ve metin oluşturma işlemleri adım adım gösterilmektedir. Eğitmen önce canvas üzerinde çember çizmek için arc() fonksiyonunu kullanarak x ve y koordinatları, yarıçap, açı değerleri ve çizim yönü (saat yönü/saat yönünün tersi) gibi parametreleri açıklar. Ardından metin oluşturma için font ayarları, fillText() ve strokeText() fonksiyonları ile metinlerin iç ve dış çizgilerini nasıl ayarlayabileceğiniz gösterilir.

      • youtube.com

    • HTML5 Datalist Etiketi Kullanımı Eğitimi

      Bu video, Emre Sabuncu tarafından sunulan Site HTML5 serisinin bir parçasıdır. Eğitmen, forum kısmındaki datalist etiketinin kullanımını anlatmaktadır.. Videoda datalist etiketinin temel kullanımı adım adım gösterilmektedir. Eğitmen önce bir form oluşturarak "film türleri" sorusu sormakta, ardından datalist etiketi kullanarak korku, komedi, savaş ve animasyon gibi film türlerini eklemektedir. Ayrıca, kullanıcıdan alınan verilerin nasıl işleneceği ve Safari tarayıcısının datalist etiketini desteklemediği bilgisi de paylaşılmaktadır.

      • youtube.com

    • HTML Eğitim Videosu: Tanıtım ve Temel Kavramlar

      Bu video, Doğan Cantat tarafından sunulan HTML eğitim serisinin ilk bölümüdür. Doğan, web tasarım yapmak isteyenler için HTML'in temel kavramlarını anlatmaktadır.. Videoda HTML'in ne olduğu, sürümleri ve yapısı hakkında bilgiler verilmektedir. HTML'in zengin metin işaret dili olduğu, günümüzde internet üzerinde veri paylaşımı için kullanılan en yaygın metin tabanlı dil olduğu belirtilmektedir. Ayrıca HTML'in bir programlama dili değil, tasarım dili olduğu, W3C tarafından standartlaştırıldığı ve HTML5'in son sürüm olduğu açıklanmaktadır. Video, HTML'in temel yapısını gösteren bir örnek ile sonlanmakta ve ileriki derslerde HTML, CSS, PHP ve JavaScript konularının işleneceği belirtilmektedir.

      • youtube.com

    • HTML5 Testleri: SAMP Etiketi Kullanımı

      Bu video, Emre Sabuncu tarafından sunulan HTML5 testleri serisinin bir parçasıdır. Emre, HTML5'te SAMP etiketinin kullanımını anlatmaktadır.. Videoda SAMP etiketinin ne olduğu ve nasıl kullanıldığı detaylı olarak açıklanmaktadır. SAMP etiketi, "example" (örnek) kelimesinden gelen ve program çıktısını göstermek için kullanılan bir etikettir. Emre, SAMP etiketinin temel kullanımını örneklerle göstermekte, CSS ile nasıl düzenlenebileceğini ve program çıktısı göstermek için nasıl kullanılabileceğini açıklamaktadır. Ayrıca, SAMP etiketinin kendi bir özelliği olmadığı, sadece karakterleri gösterdiği ve CSS ile renklendirilebileceği belirtilmektedir.

      • youtube.com

    • Kategori Yönetimi Eğitim Videosu

      Bu video, bir web sitesi yönetim panelinde kategori oluşturma, düzenleme ve silme işlemlerini adım adım gösteren bir eğitim içeriğidir.. Video, kategori oluşturma sürecini detaylı olarak anlatmaktadır. Önce "Web Teknolojileri" kategorisi ve alt kategorileri (PHP, MySQL, HTML5, CSS3, JavaScript) oluşturuluyor, ardından RC Eğitim sitesinden alınan bir PHP ile ilgili yazı ekleniyor. Ayrıca etiket ekleme, kategori düzenleme ve silme işlemleri de gösteriliyor. Video, kategorilerin nasıl oluşturulacağını, düzenleneceğini ve silineceğini öğrenmek isteyenler için faydalı bir kaynak niteliğindedir.

      • youtube.com

    • HTML5 Kapsamlı Eğitim Videosu

      Bu video, Infinity Technology tarafından hazırlanan HTML5 eğitim serisinin bir bölümüdür. Eğitmen, HTML5'in temel özelliklerini ve yeni etiketlerini detaylı şekilde anlatmaktadır.. Video, HTML5'in tarihçesi ve avantajları ile başlayıp, HTML4 ile karşılaştırmasını yapmaktadır. Ardından yeni etiketler (section, article, header, footer, video, audio, embed, canvas, mit, progress, time, details, input), içerik modelleri, form oluşturma, numerik değerler, tarih seçici, API desteği, sürükleyip bırakma özelliği, çevrimdışı uygulamalar ve video desteği gibi konular ele alınmaktadır.. Eğitim içeriğinde ayrıca div etiketinin kullanımı, id ve class özellikleri, karakter kodlaması, temel sayfa yapısı, form geliştirme, yeni veri giriş türleri, otomatik odaklanma, yer tutucu ve doğrulama özellikleri gibi pratik bilgiler de sunulmaktadır. Her bir özellik için kod örnekleri ve kullanım alanları gösterilmektedir.

      • youtube.com

    • HTML5 Testleri: Video ve Track Etiketleri

      Bu video, Emre Sabuncu tarafından sunulan HTML5 testleri serisinin bir parçasıdır. Emre, HTML5'te video ve track etiketlerinin kullanımını anlatmaktadır.. Videoda öncelikle video etiketinin nasıl kullanılacağı gösterilmektedir. Video etiketinin genişlik ve yükseklik özellikleri, source özniteliği ve birden fazla video kaynağı için alternatif formatlar ekleme yöntemi anlatılmaktadır. Ardından track etiketinin altyazı ekleme işlevi, altyazı türleri (sup, sub, caption, transcript) ve dil özellikleri açıklanmaktadır. Video, video etiketinin desteklediği MP4 ve OGG formatları hakkında bilgi vererek sonlanmaktadır.

      • youtube.com

    • CSS Border Radius Eğitimi

      Bu video, bir eğitmen tarafından sunulan CSS dersinin bir bölümüdür. Eğitmen, border radius özelliğini detaylı bir şekilde anlatmaktadır.. Videoda border radius özelliğinin nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen önce temel bir div oluşturarak başlayıp, border radius özelliğini kullanarak kutunun kenarlarını yuvarlama işlemini uygulamalı olarak anlatmaktadır. Ayrıca, border radius değerlerinin nasıl ayarlanacağı, köşelerin yarıçaplarının nasıl belirleneceği ve farklı köşelere farklı yarıçap değerleri verilerek kutunun şeklinin nasıl değiştirilebileceği örneklerle açıklanmaktadır.

      • youtube.com

    • HTML5 Video Etiketi Eğitimi

      Bu video, bir eğitim içeriği olup, bir eğitmen tarafından HTML5 video etiketinin nasıl kullanılacağını göstermektedir.. Videoda HTML5 video etiketinin kullanımı adım adım anlatılmaktadır. Eğitmen, video dosyasının nasıl ekleneceğini, src attribute'ının nasıl kullanılacağını, video özelliklerinin nasıl görüntüleneceğini ve video boyutunun nasıl ayarlanacağını göstermektedir. Ayrıca, eski tarayıcılarda video etiketinin çalışmayabileceği ve bunun yerine bilgilendirme mesajı gösterilebileceği de belirtilmektedir. Video, bir sonraki derste audio etiketinin anlatılacağı bilgisiyle sonlanmaktadır.

      • youtube.com

    • HTML Versiyonları Hakkında Bilgilendirme

      Bu video, bir eğitim içeriği olup konuşmacı HTML versiyonları hakkında bilgi vermektedir.. Video, HTML'in 1991'de ilk versiyonunun çıkmasıyla başlayan tarihçesini anlatmaktadır. Konuşmacı, şu anda kullanılan HTML 5.20 veya 5.30 versiyonunu belirterek, her yeni sürümün önceki sürümün eksikliklerini gidererek ve yeni özellikler ekleyerek geliştirildiğini açıklamaktadır. HTML 5 ile birlikte kan master, SVG imaj eklemeleri, ses ve video dosyaları ile ilgili yeni etiketler gibi önemli eklentilerin hayatımıza girdiğini vurgulamaktadır.

      • youtube.com

    • HTML5 ve JavaScript ile Form Elemanları Yönetimi Eğitimi

      Bu video, bir eğitmen tarafından sunulan web programlama eğitim serisinin bir parçasıdır. Eğitmen, izleyicilere adım adım HTML5 ve JavaScript kullanarak form elemanlarının nasıl yönetileceğini göstermektedir.. Video, form elemanlarının görünür/gizli durumlarını yönetme, form temizleme, CSS ile form elemanlarına stil uygulama ve HTML5 form doğrulama özelliklerini içermektedir. Eğitmen, radyo butonlarının değerlerine göre form elemanlarının görünür/gizli hale getirilmesi, "Sıfırla" butonu ile form temizleme, butonlara CSS stil uygulama ve HTML5'in "required", "pattern" gibi doğrulama özelliklerini adım adım göstermektedir.. Videoda ayrıca tablo etiketlerine CSS uygulama, hover efektleri, HTML5'in place holder özelliği ve farklı tarayıcıların form doğrulama davranışları da ele alınmaktadır. Video sonunda, bir sonraki derste jQuery kullanımı ile ilgili örnekler olacağını belirtilmektedir.

      • youtube.com

    • HTML5 Yeni Etiketleri ve Web Sayfası Tasarımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS kullanarak web sayfası tasarımı eğitimidir. Eğitmen, HTML5'in getirdiği yeni etiketleri ve bunların web tasarımında nasıl kullanılacağını adım adım göstermektedir.. Video, HTML5'in 2009 yılında tanıtıldığından sonra gelen yeni etiketleri (header, nav, aside, main, article, section, footer, figure, details, summary) tanıtarak başlar ve bu etiketlerin semantik bir web tasarım sunması gerektiğini vurgular. Eğitmen, bir web sayfasının tüm bölümlerini (header, nav, main, footer) HTML5 etiketleri ve CSS özellikleri kullanarak adım adım tasarlamaktadır.. Eğitim içeriğinde, CSS ile genişlik, yükseklik, padding, font-size, text-align, line-height gibi özelliklerin nasıl uygulanacağı, etiketlerin doğru şekilde biçimlendirilmesi ve arama motorlarına daha anlamlı bilgi veren semantik bir tasarım sunulması gösterilmektedir. Video, bir web sayfasının tüm yapısının HTML5 etiketleri ve CSS ile nasıl oluşturulacağını kapsamlı bir şekilde ele almaktadır.

      • youtube.com

    • HTML5 Parcel View Kullanımı Eğitimi

      Bu video, bir web geliştirme eğitim içeriğidir. Eğitmen, önceki derste layout kavramını öğrendiklerini hatırlatarak, bu derste HTML5 parsel view kavramını anlatmaktadır.. Video, büyüyen projelerde müdahale edilebilirliği artırmak ve gereksiz kod yazmanın önüne geçmek için parsel view'in nasıl kullanılacağını göstermektedir. Eğitmen, ana sayfadaki slider ve proje listelerini örnek olarak kullanarak, bu bölümleri ayrı parsel view dosyalarına nasıl taşıyabileceğimizi adım adım göstermektedir. Ayrıca, parsel view'lerin nasıl ekleneceği ve değiştirileceği pratik uygulamalarla anlatılmaktadır.

      • youtube.com

    • HTML5 Sidebar Etiketi Eğitimi

      Bu video, Siber Akademi'de sunulan bir eğitim dersidir. Eğitmen, HTML5'in yeni bir etiketi olan sidebar etiketinin ne işe yaradığını ve nasıl kullanılacağını anlatmaktadır.. Videoda öncelikle sidebar etiketinin tanımı yapılmakta, ardından bir örnek üzerinden CSS ile nasıl biçimlendirileceği gösterilmektedir. Eğitmen, sidebar etiketine float, width, margin, padding ve background-color gibi CSS özellikleri ekleyerek bir sidebar oluşturmayı adım adım anlatmaktadır. Ayrıca, sidebar'a metin ekleme işlemi de gösterilmektedir.

      • youtube.com

    • HTML5'te Video Dosyasına Altyazı Ekleme Eğitimi

      Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından HTML5'te video dosyalarına altyazı ekleme konusunu anlatmaktadır.. Videoda, HTML5'te track etiketi kullanılarak video dosyalarına altyazı ekleme yöntemi adım adım gösterilmektedir. Önce video yükleme için kullanılan video ve source etiketleri hatırlatılmakta, ardından track etiketi ile altyazı ekleme işlemi detaylı olarak anlatılmaktadır. Ayrıca, birden fazla dil altyazı seçeneği ekleme ve label etiketi ile altyazıları ekranda gösterme yöntemleri de gösterilmektedir.

      • youtube.com

    • HTML Elementleri Eğitim Videosu

      Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından HTML elementleri konusu anlatılmaktadır.. Video, HTML elementlerinin temel yapısını açıklayarak başlıyor ve başlangıç-kapanış etiketlerinin nasıl kullanıldığını görsel örneklerle gösteriyor. Ardından BR etiketi gibi istisnaları, iç içe HTML etiketlerinin hiyerarşik yapısını ve etiketlerin kapatılmasının önemini anlatıyor. Eğitmen, Chrome tarayıcısında örnekler göstererek konuyu somutlaştırmakta ve HTML5 standartlarının eski tarayıcılarla uyumluluğunu da açıklıyor.

      • youtube.com

    • Bootstrap'te Figür Kullanımı Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı Bootstrap'te figür kullanımını anlatmaktadır.. Video, Bootstrap'te figür konusunun nasıl kullanılacağını adım adım göstermektedir. Konuşmacı, figür ve fig caption HTML5 elementlerinin Bootstrap ile nasıl oluşturulacağını, responsive tasarım için img fluid ve thumbnail sınıflarının kullanılmasını, fig caption'ın sağ tarafta görünmesini sağlayan text-end class'ını ve resmin köşelerini yuvarlayan rounded class'ını örneklerle açıklamaktadır. Video, content konusunun son bölümü olup, bir sonraki videoda formlar ve komponentler konusuna geçileceği belirtilmektedir.

      • youtube.com

    • HTML ile Video Oynatıcısı Oluşturma Eğitimi

      Bu video, Siber Akademi'de sunulan bir HTML eğitim dersidir. Eğitmen, izleyicilere HTML ile basit bir video oynatıcısı oluşturma sürecini adım adım göstermektedir.. Videoda, HTML5 dosyası kullanılarak video oynatıcısı oluşturma süreci anlatılmaktadır. Eğitmen önce body arka plan rengini değiştirme, div oluşturma, video etiketi yazma, video boyutunu belirleme ve oynatma butonunu ekleme adımlarını göstermektedir. Ayrıca loop, auto play ve poster gibi video oynatıcısının özelliklerini de açıklamaktadır. Video, basit bir video ekleme ve oynatma kodunun nasıl yazılacağını göstermekte ve bir sonraki derste daha güzel görünümlü bir video oynatıcısı oluşturulacağını belirtmektedir.

      • youtube.com

    • HTML5 Geolocation Kullanımı Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML5 geolocation özelliğinin nasıl kullanılacağını anlatan bir eğitim içeriğidir. Eğitmen, bir döküman üzerinden adım adım kodlama sürecini göstermektedir.. Video, HTML5'in geolocation özelliğini kullanarak kullanıcı konumunu nasıl alabileceğimizi anlatmaktadır. Eğitmen önce getCurrentPosition fonksiyonunun üç parametresini (success, error ve options) açıklar, ardından bu parametrelerin nasıl kullanılacağını kod örnekleriyle gösterir. Ayrıca, tarayıcı desteği kontrolü, hata kodları ve konum bilgilerinin nasıl ekrana yazdırılacağı da anlatılmaktadır. Video, konum bilgilerinin sadece bir kez alınabildiğini ve hareket halindeki konumları almak için ilerleyen derslerde değinileceğini belirterek sonlanmaktadır.

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