• Buradasın

    HTML5

    Özetteki ilgi çekici içerikler

    • 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

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

    • 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

    • 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

    • 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

    • 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 ile Download Linki Oluşturma Eğitimi

      Bu video, bir eğitim içeriği olup, konuşmacı HTML5 ile download linki oluşturma konusunu anlatmaktadır. Video, IDCAT kullanarak download linki oluşturma yöntemini göstermektedir. Konuşmacı, HTML5 ile gelen "download" niteliğinin nasıl kullanılacağını örneklerle açıklamaktadır. Resim, PDF ve Excel gibi farklı dosya türleri için download niteliğinin nasıl ekleneceği ve bu sayede tarayıcıların dosyaları doğrudan indirme yerine açma tercihini nasıl değiştirebileceği gösterilmektedir. Ayrıca, tarayıcının desteklediği dosya türleri için download niteliğinin zorunlu olmadığı da belirtilmektedir.

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

    • CSS Kursu: Padding Kullanımı

      Bu video, CSS kursunun altıncı dersi olup, bir eğitmen tarafından padding (dolgu) konusunu anlatan bir eğitim içeriğidir. Videoda padding kavramı, margin ile arasındaki farklar ve kullanım alanları açıklanmaktadır. Padding'in kenar boşluklarını ayarlamak için kullanıldığı, ancak negatif değerler almadığı belirtilmektedir. Eğitmen, padding'in menü çubuğu oluşturma gibi projelerde kullanılabileceğini vurgulamakta ve ilerleyen derslerde sıkça kullanılacağını söylemektedir.

      • youtube.com

    • Pazer ile Web Üzerinde Oyun Geliştirme Eğitimi

      Bu video, bir eğitmen tarafından sunulan Pazer adlı HTML5 oyun kütüphanesi ile web üzerinde oyun geliştirme eğitim serisinin ilk bölümüdür. Video, Pazer'in ne olduğunu açıklayarak başlıyor ve kütüphanenin web sitesinden nasıl indirileceğini gösteriyor. Ardından Pazer'in online sandbox editörü tanıtılıyor ve oyun programcılığının temel mantığı (preload, create, update, render ve play bölümleri) açıklanıyor. Son bölümde ise Windows platformunda Pazer'in kurulumu, Mangos Web Server kurulumu ve Web Store editörü kullanımı adım adım gösteriliyor. Eğitmen, ikinci derste resim yükleme ve animasyon yapma konularını anlatacağını belirterek, bu derste çalışma ortamının hazırlanmasının yeterli olduğunu vurguluyor.

      • youtube.com

    • Google Web Designer Eğitim Videosu

      Bu video, bir eğitim serisi kapsamında Google Web Designer hakkında bilgi veren bir içeriktir. Konuşmacı, izleyicilere maddeler halinde Google Web Designer'ı anlatmayı amaçlamaktadır. Video, Google Web Designer'ın ne olduğu, ne yapılabileceği, nasıl kurulabileceği ve web tasarımcılarından nasıl para kazanılabileceği konularını kapsamaktadır. Konuşmacı, programın grafik ve HTML5 kodlama barındıran bir tasarım aracı olduğunu, özellikle banner ve reklam tasarımları için kullanılabileceğini belirtmektedir. Ayrıca, Envato Market ve Freelancer gibi platformlarda Google Web Designer ile nasıl para kazanılabileceğine dair örnekler verilmektedir. Video, yeni bir dosya oluşturma, şablon kullanımı ve programın araçları hakkında bilgi vererek devam edecektir.

      • 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

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

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