Web Onyuzu Nasil Olmali

O
Osman YukselOsman Yuksel
Web Önyüzü Nasıl Olmalı? <Markup> : İskelet {css} : Görünüm JavaScript() : Etkileşim
Bu üç öğe olabildiğince  esnek bağlı olmalı Kötü Örnek / İyi Örnek
 
 
 
 
 
Standartlara uygun olmalı!
Standartlara uygun olmalı! <!DOCTYPE html    PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;   &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;> veya  <!DOCTYPE html>
Dinamik sayfalarda DTD'ye  nasıl uyacağız? ,[object Object]
HTML Tidy : http://tidy.sf.net/
Düzenli ifadeler
Geçerlilik kontrolü ,[object Object]
http://validator.w3.org/
CSS için
http://jigsaw.w3.org/css-validator/
JavaScript için
http://www.jslint.com/
Güncel tarayıcıların tümünde  sorunsuz çalışmalı! ,[object Object]
Yine de standartın dışına çıkacaksak ,[object Object],[object Object]
Geliştirme aşamasında  anlaşılabilir olmalı! ,[object Object]
anaSayfa.css //Sadece ana sayfaya özel stiller
iletisim.js //Sadece iletişim sayfasına özel JavaScript ,[object Object]
Scope başlangıç ve bitişleri
(bkz: kötü örnek, iyi örnek)
Ne kazandırdı? ,[object Object]
Görsel işler ile ilgilenen kişi sadece CSS
Etkileşimi sağlayan programcı sadece JavaScript ,[object Object]
Gururumuz okşandı!
Gerçek ortamda az trafik harcamalı, hızlı olmalı! ,[object Object]
İlk giriş yapan kullanıcıyı “mutlu” etmek gerekir ,[object Object],[object Object]
JavaScript : noktalı virgül sorunsalı
Gerçek ortamda az trafik harcamalı, hızlı olmalı! ,[object Object]
Google Closure Compiler http://code.google.com/intl/tr/closure/compiler/docs/gettingstarted_ui.html ,[object Object],[object Object],[object Object]
1 of 34

Recommended

jQuery by
jQueryjQuery
jQueryErol Dizdar
2.7K views384 slides
PHPUnit ve Laravel by
PHPUnit ve LaravelPHPUnit ve Laravel
PHPUnit ve LaravelOsman Yuksel
5.6K views56 slides
Varnish by
VarnishVarnish
VarnishOsman Yuksel
1.7K views40 slides
Jenkins by
JenkinsJenkins
JenkinsOsman Yuksel
985 views27 slides
Php1 by
Php1Php1
Php1Oyunzet Oyunlar
1K views46 slides
PHPkonf'15 - PHP Uygulamanızı Güçlendirin by
PHPkonf'15 - PHP Uygulamanızı GüçlendirinPHPkonf'15 - PHP Uygulamanızı Güçlendirin
PHPkonf'15 - PHP Uygulamanızı GüçlendirinMuhittin Özer
1.4K views34 slides

More Related Content

Viewers also liked

Docker - Ankara JUG, Nisan 2015 by
Docker - Ankara JUG, Nisan 2015Docker - Ankara JUG, Nisan 2015
Docker - Ankara JUG, Nisan 2015Mustafa AKIN
2K views54 slides
Git ile Sürüm Takibi by
Git ile Sürüm TakibiGit ile Sürüm Takibi
Git ile Sürüm TakibiÖmer ÖZKAN
9.6K views53 slides
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? by
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? Mustafa AKIN
2.2K views50 slides
Php mysql sunum by
Php mysql sunumPhp mysql sunum
Php mysql sunumOyunzet Oyunlar
2K views127 slides
PHP Sunusu - 1 by
PHP Sunusu - 1PHP Sunusu - 1
PHP Sunusu - 1Bilgisayar Kulübü
2.2K views20 slides
Algoritma kurmak by
Algoritma kurmakAlgoritma kurmak
Algoritma kurmakOğuzhan TAŞ Akademi
14K views6 slides

Viewers also liked(17)

Docker - Ankara JUG, Nisan 2015 by Mustafa AKIN
Docker - Ankara JUG, Nisan 2015Docker - Ankara JUG, Nisan 2015
Docker - Ankara JUG, Nisan 2015
Mustafa AKIN2K views
Git ile Sürüm Takibi by Ömer ÖZKAN
Git ile Sürüm TakibiGit ile Sürüm Takibi
Git ile Sürüm Takibi
Ömer ÖZKAN9.6K views
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? by Mustafa AKIN
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Mustafa AKIN2.2K views
Özgür Yazılım & GNU/Linux by Ömer ÖZKAN
Özgür Yazılım & GNU/LinuxÖzgür Yazılım & GNU/Linux
Özgür Yazılım & GNU/Linux
Ömer ÖZKAN1.7K views
REST yoluyla Web Servis Geliştirme by emirkarsiyakali
REST yoluyla Web Servis GeliştirmeREST yoluyla Web Servis Geliştirme
REST yoluyla Web Servis Geliştirme
emirkarsiyakali8.6K views
JavaScript sunumu by Osman Yuksel
JavaScript sunumuJavaScript sunumu
JavaScript sunumu
Osman Yuksel1.9K views
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu by Ahmet Gürel
Linux'a Giris ve VirtualBox a Ubuntu KurulumuLinux'a Giris ve VirtualBox a Ubuntu Kurulumu
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Ahmet Gürel9.7K views

Similar to Web Onyuzu Nasil Olmali

Mutant Web Applications by
Mutant Web ApplicationsMutant Web Applications
Mutant Web Applicationsguest096801
454 views40 slides
Temel HTML Etiketleri - Text, Image, Link, List, Image by
Temel HTML Etiketleri - Text, Image, Link, List, ImageTemel HTML Etiketleri - Text, Image, Link, List, Image
Temel HTML Etiketleri - Text, Image, Link, List, Imagecmkandemir
3.1K views103 slides
Javascript Performance Optimisation by
Javascript Performance OptimisationJavascript Performance Optimisation
Javascript Performance Optimisationirfandurmus
1.5K views38 slides
Temel HTML Etiketleri ve Kullanım Örnekleri by
Temel HTML Etiketleri ve Kullanım ÖrnekleriTemel HTML Etiketleri ve Kullanım Örnekleri
Temel HTML Etiketleri ve Kullanım Örneklericmkandemir
114 views114 slides
Html5 ile Gelen Yenilikler by
Html5 ile Gelen YeniliklerHtml5 ile Gelen Yenilikler
Html5 ile Gelen YeniliklerAhmet Mermerkaya
420 views37 slides
Seo 101 by
Seo 101Seo 101
Seo 101Erhan Kolci
10 views131 slides

Similar to Web Onyuzu Nasil Olmali(20)

Mutant Web Applications by guest096801
Mutant Web ApplicationsMutant Web Applications
Mutant Web Applications
guest096801454 views
Temel HTML Etiketleri - Text, Image, Link, List, Image by cmkandemir
Temel HTML Etiketleri - Text, Image, Link, List, ImageTemel HTML Etiketleri - Text, Image, Link, List, Image
Temel HTML Etiketleri - Text, Image, Link, List, Image
cmkandemir3.1K views
Javascript Performance Optimisation by irfandurmus
Javascript Performance OptimisationJavascript Performance Optimisation
Javascript Performance Optimisation
irfandurmus1.5K views
Temel HTML Etiketleri ve Kullanım Örnekleri by cmkandemir
Temel HTML Etiketleri ve Kullanım ÖrnekleriTemel HTML Etiketleri ve Kullanım Örnekleri
Temel HTML Etiketleri ve Kullanım Örnekleri
cmkandemir114 views
Ozgur Web Catilari Mobil Uygulama Gelistirme by Burak Dede
Ozgur Web Catilari Mobil Uygulama GelistirmeOzgur Web Catilari Mobil Uygulama Gelistirme
Ozgur Web Catilari Mobil Uygulama Gelistirme
Burak Dede796 views
Pratik seo uygulamaları by fsolak
Pratik seo uygulamalarıPratik seo uygulamaları
Pratik seo uygulamaları
fsolak2.2K views
Wordpress SEO: Optimisations & Plugins by Burak Pehlivan
Wordpress SEO: Optimisations & PluginsWordpress SEO: Optimisations & Plugins
Wordpress SEO: Optimisations & Plugins
Burak Pehlivan543 views
WordPress Hız Optimizasyonu by Mustafa UYSAL
WordPress Hız OptimizasyonuWordPress Hız Optimizasyonu
WordPress Hız Optimizasyonu
Mustafa UYSAL76 views
Ajax by eroglu
AjaxAjax
Ajax
eroglu977 views
AMP ile Yüksek Performanslı Mobil Deneyimi by Mehmet Aktug
AMP ile Yüksek Performanslı Mobil DeneyimiAMP ile Yüksek Performanslı Mobil Deneyimi
AMP ile Yüksek Performanslı Mobil Deneyimi
Mehmet Aktug1K views
Performanslı site tasarımı ve Site performans ölçüm araçları by barisaydiner
Performanslı site tasarımı ve Site performans ölçüm araçlarıPerformanslı site tasarımı ve Site performans ölçüm araçları
Performanslı site tasarımı ve Site performans ölçüm araçları
barisaydiner615 views

Web Onyuzu Nasil Olmali