x (Kapat)



Mobile Tabanlı Web Tasarım

KURS İÇERİĞİ

Mobile Tabanlı Web Tasarım
Kursun Amacı
  Mobil Web Programlama mantığının kavratılması,İos,Android,Windows Phone,tabletlerde çalışabilecek web sayfaları yapabilecek düzeye gelmek.  
     
  Kursun İçeriği  
 
  • Mobil Web Tasarım nedir?
  • Html5’e giriş
  • Html5 ile web sayfası oluşturma
  • Html5 tagları ve sayfaya ses,video ekleme
  • jQuery Mobile'i Dreamweaver'a Entegrasyonu 
  • jQuery Mobile Özellikleri ve Metodları
  • jQuery Mobile Sayfa Yapısını ayarlama 
  • Ekran Çözünürlüğüne Göre Tasarım Değişimi 
  • Aygıt Pozisyonuna Göre Tasarım Değişimi 
  • Sayfa Geçişleri ,
  • Veri Tabanına bağlanma,
  • Veri listeleme,silme,gösterme.

 

 
  Kursa Katılmak için Gerekli Ön Şartlar  
  Temel bilgisayar bilgisine sahip olmak ve Office programlarını kullanabilmek.  
     
  Kimler Katılabilir?  
  Programlama dilleri ile ilgilenen , kendini web tasarım ve programlama Alanında geliştirmek isteyen programcılar ile Bilgisayar Mühendisliği, Bilgisayar Öğretmenliği, Bilgisayar ve Öğretim Teknolojileri Öğretmenliği Öğrencileri katılabilir.  
     
  Kurs Sonunda Kazanılacak Bilgi ve Beceriler  
  Eğitim sonunda kursiyerlerden Html5,Jquery,Php ve Mysql ile mobil uygulamalar geliştirebilmeleri beklenmektedir.  
     
  Kursiyerin Çalışacağı Sektör (Ne Tür İşyerleri)  
  Kamu ve Özel sektördeki bilgi işlem birimleri, Yazılım Firmaları  
     
  Kursiyerin Çalışacağı Konum (Ne Tür İşler)  
  Web Programcısı olarak bilgi işlem birimlerinde ve yazılım firmalarında görev alabilirler. Serbest olarak projeler geliştirebilir.  
     
  Süre  
  Toplam kurs süresi 64 saattir. 7 hafta sürer.

Hafta içi akşamları 18:00-22:00 saatleri arasında, 

Hafta sonu 08:30-13:30 veya 13:30-18:30 saatleri arasında düzenlenir.

 

KURS PLANI

Mobile Tabanlı Web Tasarım

Kurs Süresi: 64 saat

TARİH

SAATLER

SÜRE

İŞLENECEK KONULAR

KURS EĞİTİMCİSİ

AÇIKLAMALAR

 

 

2

BÖLÜM 1: HTML5 SAYFA YAPISI

1.     HTML Standartları - HTML Tarihi

1.1 HTML5 ve HTML4                                                                                    

 

 

 

 

2

 

1.2 Yeni Yapısal Etiketler

1.3 Yeni İçerik Etiketler

 

 

 

 

 

 

2

1.4.HTML5 Algoritmasını Anlamak

1.5.Doctype ve Character Encoding

 

 

 

 

2

1.6 Basit Sayfa Yapısı

1.7 Ust Element Yapisi

 

 

 

 

2

1.8.Header Genel Yapısı

1.9. HTML5 Sayfa Yapı Kontrolü

 

 

 

 

2

 BÖLÜM 2: CSS3

2.1 CSS3 Nedir?

2.2 CSS3 Selectors (Seçiciler)

 

 

 

 

2

2.3 Sibling (Kardeş) ve Child (Çocuk) Seçicileri

 

 

 

 

2

2.4  Attribute Seçici Kullanımı

 

 

 

 

2

2.5 Yapısal Seçicicler

 

 

 

 

2

2.6 First, Last ve Sade Yapı Seçicicleri

 

 

 

 

2

2.7 CSS3 TİPOGRAFİ

2.8 Web Font Kullanımı

 

 

 

 

2

2.9 Esnek Kutu Modeli (Flexible Box)

2.10 Kutu (Div) Yerlestirme

 

 

 

 

2

2.11 Kutu Hizalama

 

 

 

 

2

2 12 Box Sizing Özelliği

2.13 Border Radius (Kose Yuvarlama)

 

 

 

 

 

2

2.14 Box Shadows (Kutu Golgesi)                                                                               2.15 Coklu Arkaplan Kullanimi (Multiple Backgrounds)

 

 

 

 

2

2.16 Arkaplan Konumlama ve Kirpma 

 

 

 

 

2

2.17 2D Transform Tanımı

2.17.1 Transitions Kullanımı

 

 

 

 

2

2.17.2 Media Queries Ne Demektir?

 

 

 

 

2

2.18 Tum Cihazlara Uygun Projeler

 

 

 

 

 

2

2.19 Farkli Ekran Olculerine Gore CSS Yazimi

 

 

 

 

2

2.20 Tum Cihazlara Ayri CSS Yazimi

 

 

 

 

2

2.21 IOS Cihazlar Icin Media Queries

 

 

 

 

2

2.22 Android ve WindowsPhone da test yapma

 

 

 

 

2

BÖLÜM 3:Jquery Kullanımı

3.Seciciler ve Filtreler

3.1. jQuery Filter Kullanimi

 

 

 

 

2

3.2 Child, Visibility ve Icerik Filtreleri

3.3 jQuery ile Icerigi Duzenlemek

 

 

 

 

2

3.4 jQuery ve Css  

 

 

 

 

2

3.5 Binding ve Unbinding Olaylari                                                                                                   3.5.1.Event Object Kullanimi                                                                                                       3.5.2. Gizle ve Goster Ozellikleri

 

 

 

 

2

3.6 Fading Ozelligi

 

 

 

 

2

3.7. Slide Ozelligi

3.8.Animate Ozelliği

 

 

 

 

2

3.9.Jquery Uygulamaları

 

 

 

 

2

3.10 Slider Yapımı

 

 

 

 

2

3.11 Popup Yapımı

 

 

 

 

2

3.12 Web Sayfasina Facebook ve Twitter Widget Ekleme

 

 

 

 

2

3.13 Uzak Sunucudaki Veri tabanı bağlanma

 

 

 

KURS MODÜLÜ

Mobile Tabanlı Web Tasarım

Kurs Süresi: 64 saat

YETERLİKLER

MODÜLLER

SÜRE

1

Mobile cihazların ekran özelliklerini tanımak , gerekli yazılımların kurulumu

Mobile Cihazlar ve Kurulum

40/8

2

 HTML 5.0 komutlarının kullanımı

HTML 5.0 ile Web Sayfası Oluşturma

40/8

3

CSS 3.0 komutlarının kullanımı

CSS 3.0 ile Sayfa Biçimlendirme

40/16

4

Javascript programlama dili

Javascript Programlama

40/16

5

Jquery Mobile kütüphanesi kullanımı

Jquery Mobile ile Ara yüz Tasarımı

40/16

TOPLAM

200/64

 

KURS ANİMASYONU

Mobile Tabanlı Web Tasarım
KURS EĞİTİMCİLERİ