Eğitim Hakkında
Digital Vizyon Akademi'nin HTML5 / CSS3 ile Mobil Web Geliştirme ve JavaScript eğitimi, katılımcılara HTML5, CSS3 ve JavaScript kullanarak dinamik, tarayıcılar arası uyumlu mobil sitelerin nasıl oluşturulacağını öğretir.
Neler Öğreneceksiniz
Mobil, tablet ve masaüstü cihazlar için eşit ve farklı şekilde uygun bir düzen sunan, görüntülendiği ortamın belirli ihtiyaçlarına yanıt verebilecek bir web sitesi oluşturmayı,
Mobil uyumlu siteler sunmak için HTML5'in yeteneklerinden yararlanmayı öğrenin ve farklı cihazlar arasında bazı özellikler için değişen destek düzeylerini,
İstemci cihaza uyacak şekilde değiştirilen içeriği görüntülemek için CSS Medya Sorgularının nasıl kullanılacağını,
GeoLocation API'yi anlayın ve kullanıcının konumunu web sitelerine entegre etmek için kullanmayı,
Video ve diğer medyayı mobil cihazlar için uygun şekilde entegre etmeyi,
Destek efektleri ve animasyon eklemek için jQuery Mobile çerçevesini nasıl kullanacağınızı öğrenebilirsiniz.
Eğitim İçeriği
Giriş
Diller
Modern Web Geliştirme Dilleri
HTML5 nedir?
HTML5'in Rolü
HTML5 Basic (standart metin) kodu
Temel HTML Yazma
CSS3 nedir?
CSS'nin Rolü
CSS Çerçeveleri, Kitaplıklar ve Ön İşlemciler
CSS Temelleri
JavaScript nedir?
JavaScript'in Rolü
JavaScript nerede yazılır
JavaScript Kitaplıkları ve Çerçeveleri
JQuery nedir?
jQuery ve standart JavaScript karşılaştırması
JQuery ile Başlarken
JQuery kitaplığını bulma ve kullanma
JQuery Sarmalayıcı
JQuery document.ready () işlevi
Geliştirme Ortamı
Geliştirme Ortamına Giriş: Her geliştiricinin ihtiyaç duyacağı araçlar
Bir Wireframe Aracının Kurulması
Bir Metin / Kod Düzenleyici Kurmak
Entegre Geliştirme Ortamları (IDE'ler)
Eclipse IDE Kurmak ve Test Etmek
Titanium Studio / Aptana IDE'nin Kurulması
Diğer IDE'leri (NetBeans, Dreamweaver) yükleme
Hata ayıklayıcılar
Tarayıcı geliştirme araçları
Çevrimiçi Kod Doğrulayıcıları
IDE Hata Ayıklayıcıları
Simülatörler ve Emülatörler
Çalışma zamanları
Cihaz Eşleştirme Çözümleri
Mobil Web için Tasarım
Mobil Uygulama Türleri
Yerel Uygulamalar
Hibrit Uygulamalar
Özel Web Uygulaması
Genel Mobil Uygulama
Hangi Uygulama türünü oluşturacağınıza nasıl karar veriyorsunuz?
Özel bir Web Uygulamasının Nitelikleri:
Yerel bir Web Uygulamasının Nitelikleri:
Bir Hibrit Uygulamanın Nitelikleri
En İyi Mobil Uygulamalara Genel Bakış
En İyi Tasarım Uygulamaları
En İyi İşaretleme Uygulamaları
Mimari En İyi Uygulamalar
HTML5'e Giriş
Mobil Geliştirme için HTML5'e Giriş
HTML5 Sözdizimi
HTML5 Sayfa Yapısı
İlk HTML5 kodunu yazma
HTML5 İçerik Modelleri
HTML5 Kullanımdan Kaldırılan Öğeler
Yeni Anlamlara Sahip HTML5 Öğeleri
HTML5 Kullanımdan Kaldırılan Özellikler
Yapısal ve Anlamsal Öğeler
Masaüstü / Mobil Web Sayfası Oluşturma
ViewPort meta etiketini kullanma
Dosyayı CSS için hazırlama
Modernizr JavaScript kitaplığını kullanma
Şablon tabanlı bir HTML sayfasını incelemek
Yeni HTML5 Öğeleri
Yeni Unsurlar nelerdir?
Yeni Elements'i nasıl kullanırım?
Tarayıcı Desteğinin Kontrol Edilmesi
Yeni HTML5 Medya Öğeleri
Bu yeni unsurları ne zaman kullanırım?
Video ve Ses API'si
Video öğeleri özniteliklerini kullanma
Yeni HTML5 Form Öğeleri ve Nitelikleri
Yeni Form Giriş Türleri
HTML5 Form Doğrulaması
Geri dönüş çözümleri form
Yeni HTML5 Canvas Öğesi
Yeni unsurlar neler?
<canvas> için tarayıcı desteği algılanıyor
<canvas> öğesini kullanma
<canvas> Üzerinde Dikdörtgen Çizimi
<canvas> Üzerinde Yay Çizimi
Kuadratik Eğriler Çizmek
<canvas> Üzerinde Bezier Eğrileri Çizme
Doğrusal Degrade Oluşturma
<canvas> Üzerinde Desen Oluşturma
Canvas API Özellikleri
Canvas Fallback çözümleri
Web depolama
Web Depolama nedir?
Web Depolama API'si
Web Depolaması Ne Zaman KULLANILMAZ
Web Depolama için tarayıcı desteğini algılama
Çerezler, Oturum Depolaması ve LocalStorage Karşılaştırması
İstemci tarafındaki verileri saklama ve alma
SessionStorage kullanma
Depolama olayına yanıt verme
Yedek depolama çözümleri
Coğrafi konum
Coğrafi Konum nedir
Coğrafi Konum Ne İçin Kullanılır?
Coğrafi Konum Nesnesi
Coğrafi konum desteğinin kontrol edilmesi
Kullanıcıların yerini bulmak
Göze batmayan JavaScript ve jQuery kullanma
Google Map ile konumu göster
Pozisyon bilgisi alma
Coğrafi Konum Yedek çözümleri
Web Mesajlaşma
Web Mesajlaşma nedir
Mesajlaşmanın postMessage Yöntemi
Etki Alanları Arasında Güven Kurmak
Çapraz Kaynak Kaynak Paylaşımı (CORS) nedir
Bağlantı Noktaları ve Kanal Mesajlaşma
Mesaj Olay Nesnesi Özellikleri
WebStorage Tarayıcı Desteği Kontrolü
Belgeler Arası Mesaj Gönderme
WebStorage Yedek çözümleri
Web Çalışanları
Web Çalışanları nedir
Neden Web Çalışanları kullanmalısınız?
İşçi Nesnesi
Web Çalışanı Türleri
Web Çalışanı Desteğinin Kontrol Edilmesi
Bir Web Çalışanı Oluşturma
JavaScript kullanarak Web Çalışanlarını Kontrol Etme
Bir Web Çalışanı Feshetme
Web Çalışanı Hata Olayı
Ortak Çalışanlar Yaratmak
Sürükle ve bırak
Sürükle ve Bırak nedir
Sürükle ve Bırak ne için kullanılır?
Sürükle ve Bırak için Tarayıcı Desteği
Sürükle ve Bırak'ı Anlamak
Sürüklenebilir nitelik
Veri "yükü" ile Sürükle ve Bırak
Olayları Sürükle
Bırakma Etkinliği
Drop Olayına Yanıt Verme
JQuery ile Sürükle ve Bırak
Çevrimdışı Uygulamalar
Çevrimdışı Uygulama nedir?
Çevrimdışı Uygulamalara neden ihtiyacımız var?
Tarayıcı Önbelleğini Anlamak
ApplicationCache'yi anlama
Tarayıcı desteğini kontrol etme
Önbellek Manifest Dosyasını Anlama
Önbellek Bildirimini bir Web Sayfasıyla İlişkilendirme
Önbellek Olaylarını Anlama
XMLHTTPRequest Seviye 2
XMLHttpRequest (XHR) nedir?
XHR Nesnesi
Tarayıcı Desteğinin Kontrol Edilmesi
İlerleme Olayını Anlamak
Onload olayını anlama
XHR'den döndürülen XML'i görüntüleme
Web Soketleri
HTTP ve istek / yanıt Modeli
Sunucu ile iletişim
Web Soketi nedir
WebSocket API ile WebSocket Sunucusu Kullanma
Sunucu Tarafından Gönderilen Olaylar
Sunucu Tarafından Gönderilen Olaylar nelerdir?
EventSource Oluşturma
Sunucu Tarafından Gönderilen Olayların Avantajları
Sunucu Tarafından Gönderilen Olayların Dezavantajları
Sunucu Tarafından Gönderilen Olayları Kullanma
Basamaklı Stil Şablonu
CSS Sözdizimi
CSS Seçiciler
Kimlik Seçiciler:
Sınıf Seçiciler:
Bileşik Seçiciler:
CSS Seçicilerini Kullanma
Daha Fazla CSS Seçici
CSS'ye Başlarken
CSS Sıfırlama
CSS Boilerplate dosyasını inceleyin
Temel CSS Tasarımı En İyi Uygulamaları
CSS Düzeni
CSS Mizanpajı Özellikleri
CSS Düzenine Başlarken
CSS Tipografi
Tip konuları
Yazı Tiplerini Boyutlandırma
CSS Tipografik Özellikleri
CSS Tipografisine Başlarken
Yazı Tiplerini Web Sitenize / Web Uygulamanıza Gömme
CSS Arka Planları ve Renk Özellikleri
Renk Değerlerini CSS ile İfade Etmek
Arka plan özellikleri
Nesne Tabanlı CSS
CSS'yi küçültme
CSS3 Yeni Özellikler
CSS3 nedir?
CSS3 Arka Planları ve Gölgeler
CSS3 Dönüşümleri
CSS Dönüşümleri: Özellikler ve Yöntemler
CSS3 Geçişleri
CSS3 Animasyonları
CSS3 3D Animasyonları
3B Dönüşümler
CSS3 Animasyonu
CSS Ön İşlemcileri
JQuery Temellerine Giriş
JQuery ile Elemanları Seçme
HTML oluşturma
Orta düzey jQuery
JQuery Sarılı Set
JQuery Olay Modeli
JQuery Efektleriyle Çalışma
JQuery Animation ile çalışma