• Buradasın

    HTML5

    Özetteki ilgi çekici içerikler

    • 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
    • Mozilla Firefox İşletim Sistemi İncelemesi

      Bu video, Mozilla'nın geliştirdiği Firefox işletim sisteminin detaylı bir incelemesini sunan bir ürün tanıtımıdır. Sunucu, Alcatel One Touch Fire cihazında çalışan Firefox işletim sisteminin özelliklerini göstermektedir. Video, Firefox işletim sisteminin teknik özellikleri (3.5 inç ekran, düşük kapasiteli işlemci) ile başlayıp, kullanıcı arayüzünü, arama fonksiyonunu, uygulama mağazasını ve ayarlarını detaylı şekilde incelemektedir. Firefox'un HTML5 tabanlı uygulamaları desteklediği, web tabanlı standartlara dayandığı ve gelişmekte olan pazarlarda Android telefonlara alternatif oluşturabileceği vurgulanmaktadır. Ayrıca, Türkiye'de henüz Firefox cihaz satışı yapılmadığı ancak gelecekte mobil operatörlerin bu işletim sisteminde değerlendirebileceği belirtilmektedir.

      • 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 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 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 ile Müzik, Video ve Resim Ekleme Eğitimi

      Bu video, bir eğitim içeriği olup, izleyicilere HTML5 kullanarak web sitelerine müzik, video ve resim ekleme yöntemlerini göstermektedir. Video, HTML5 kodları kullanarak müzik ve video dosyalarının nasıl ekleneceğini adım adım anlatmaktadır. Önce müzik dosyası için `<audio>` etiketi, ardından video dosyası için `<video>` etiketi ve son olarak resim ekleme için `<img>` etiketi gösterilmektedir. Ayrıca, dosyaların otomatik başlatılması, kontrol tuşlarının eklenmesi, resimlerin üzerine geldiğinde yazı çıkması ve resimlere link verme gibi özellikler de açıklanmaktadı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
    • 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
    • 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
    • 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
    • HTML Form Etiketleri ve Nitelikleri Eğitimi

      Bu video, bir eğitmen tarafından sunulan HTML form etiketleri ve nitelikleri hakkında kapsamlı bir eğitim içeriğidir. Eğitmen, form oluşturma sürecini adım adım göstermektedir. Video, HTML form elemanlarının nasıl kullanılacağını detaylı şekilde anlatmaktadır. İçerikte form etiketi, action ve method özellikleri, checkbox, input, label, form kaydet ve form temizle butonları gibi temel form elemanları ile HTML5 ile gelen input type date, input type select, text area ve radio button gibi yeni elementler gösterilmektedir. Eğitimde ayrıca zorunlu alanlar, gizli alanlar, tarih seçimi, açılan kutular, dosya yükleme, programlama dilleri seçimi, sözleşme kopyası alanı ve mail listesi onaylama gibi pratik örnekler üzerinden form oluşturma süreci açıklanmaktadır. Eğitmen, her bir element için gerekli HTML kodlarını, nitelikleri ve özelliklerini göstererek konuyu pekiştirmektedir.

      • 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
    • 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
    • HTML5 ve JavaScript Eğitimi

      Bu video, Erol Mesut Gün tarafından sunulan bir eğitim içeriğidir. Eğitmen, izleyicilerin sorularına cevap vererek motivasyonunu artırmaktadır. Videoda HTML5 sayfalarına JavaScript ekleme ve JavaScript ile HTML elemanlarına etkileşim kurma konuları ele alınmaktadır. İlk bölümde temel HTML yapısı (doctype, head, body) oluşturma, JavaScript dosyası ekleme ve temel JavaScript fonksiyonları (querySelector, querySelectorAll, onclick event listener'ları) anlatılırken, ikinci bölümde birden fazla eleman döndüren sorguların oluşturulması ve bu elemanlarla işlem yapma konuları işlenmektedir. Eğitim içeriğinde ayrıca for döngüsü ile elemanlara tıklama olayları ekleme, kuvvetli ve kuvvet fonksiyonları ile genel arasındaki haberleşme ve birbirinin içine entegre olabilme özelliği gibi konular da ele alınmaktadır.

      • 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 ve HTML 5 Eğitim Videosu

      Bu video, bir konuşmacının internet ve web programlama kitabının üçüncü ünitesini anlattığı eğitim içeriğidir. Video, "Hipermetin İşaretleme Dili" ünitesini üç ana başlık altında ele almaktadır: HTML işaretleme dili, HTML etiketleri ve HTML 5 ile gelen yenilikler, grafik ve formlar. İçerikte HTML'in temel yapısı, temel HTML etiketleri (head, body, div, table, link, style vb.), liste etiketleri, paragraf etiketleri ve metin biçimlendirme etiketleri detaylı olarak açıklanmaktadır. Ayrıca HTML 5 ile gelen yeni etiketler (canvas, audio, video, progress, caption, header, nav, footer, section, aside, article, embed, details, summary, time, mark, figcaption, figure, h group, datalist, keygen, output, svg) tanıtılmakta ve bu etiketlerin kullanım alanları açıklanmaktadır. Video, form etiketleri (form, input, textarea, label, select, option, button, legend, fieldset, optgroup) ve internet terimleri (ARPANET, DNS, FTP, HTTP, HTTPS, IP, TCP/IP) hakkında bilgiler içermektedir.

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