Web Programlama                 Your Name
                                   Your Title
                   Your Organization (Line #1)
2005-12-31         Your Organization (Line #2)
Web Dünyasına Giriş

   Web Dünyasına Giriş
   Terminoloji ve kavramlar
   Web'de uygulama geliştirme temelleri
   Freelance Dünyası
   Arayüz Kodlama




                                          2
Web 1.0

  Tim Berners-Lee tarafından HTML adlı dili
  geliştirmesiyle başlamıştır.
  W3C (World Wide Web Consortium)
  Dial-up yüzünden yavaş çalışan siteler
  Etkileşimsiz siteler




                                              3
Web 2.0

  Etkileşimli siteler
  Bloglar
  Sosyal Medya Araçları (twitter, friendfeed, facebook)




                                                          4
Web 2.0 ajax

  Ajax bir programlama dili değildir.
  Ajax bir futbol takımı hiç değildir
  Asynchronous JavaScript And XML
  Uygulama Alanları:




                                        5
Web 2.0 Rss

  Bloglar ve podcastler tarafından kullanılan, yeni eklenen
  içeriğin kolaylıkla takip edilmesini sağlayan özel bir XML
  dosya formatıdır.




                                                               6
Web 2.0 Xml

  XML(Extensible Markup Language) HTML ile pek çok
  açıdan benzerlik gösteren bir markup dilidir.Verinin
  tanımlanması ve tarif edilmesi için kulanılır.

  <not>
  <kime>Öğrenci</kime>
  <kimden>Öğretmen</kimden>
  <heading>Hatırlatma</heading>
  <body>Yarın ödevini getirmeyi unutma!</body>
  </not>




                                                         7
Web 1.0 - Web 2.0




                    8
Web 3.0

  Semantik web (anlamsal web)
  Özne-yüklem-nesne




                                9
Nasıl İşler?

  Alan Adı (ornek.com NS yönlendirilir)
  Barındırma Hizmeti(Windows Hosting, Linux Hosting)

  Domain için godady.com tavsiyemdir.
  Tercih edeceğiniz bir barındırma hizmeti




                                                       10
Http, Https, Ftp

  Http:// https://(SSL)
  Bir ftp client kullanın (Örnek : ftp.ornek.com)




                                                    11
Kısaca Php?

  PHP : Hypertext Preprocessor
  Sunucu Taraflı
  Dinamik Web Siteleri oluşturmamızı sağlar




                                              12
Php Flash Mysql Xml

  Flash ile veritabanı bağlantısı




                                    13
Ne yapmalı?

  Herşeyi bilemezsin!
  Bir noktaya odaklan
  Adam çok, kalifiye eleman yok




                                  14
Arayüz Tasarımcısı

  Photoshop gibi programları belirli düzeyde bilen
  Tasarımcı düzenli olmalıdır. (Örnek: Layerlar, Masaüstü
  düzeni)
  Çok web sitesi gezmiş
  (cssmania.com)
  Hazır temalar ve “ben yaptım” cılık
  Yazılımcıyla kurulan bağ




                                                            15
Arayüz Yazılımcısı

  (x)html,javascript ve w3c standartlarını bilmeli
  Kullanılabilirlik, Ulaşılabilirlik konularına hakim olmalı
  En az bir javascript framework bilmeli(jquery)
  Firebug mu oda nedir dememeli?
  Browser Uyumu ( IE6 mı? )




                                                               16
Back-end Developer

  Php gibi sunucu taraflı dilleri bilmeli
  Mysql bilmeli
  Doğru değişkenler ( $ad = “Tux”; )
  Doğru değişkenler kullan ve yorum satırı kullan
  ( /* Bu kod … işe yaramaktadır. */ )




                                                    17
Freelance VS Müşteri




                       18
Dikkat edelim

  Kalem ve kağıt kullanalım.
  Tasarım netleştirilmeli
  Projenin büyüklüğüne göre hosting seçimi
  Uygulama hangi sunucuda çalışır, IE6 desteği verilsin mi?
  Projede çalışacak kişi sayısı
  Aynı tempo zorlar
  Takvim aksama raporu çıkarın. Gecikmeleri konuşun.
  Tatillere sarkıtmayın.
  Hosting sorunları için müşteriyi bilgilendirin
  Ödeme planı




                                                              19
Bu sözlere dikkat

  Biz sana daha çok müşteri buluruz…
  Daha çok iş yapacağız…
  Bu iş bir tutarsa…
  1-2 aya uçuracağız bu projeyi…
  Bu sitenin aynısından yaptıracak en az 5 kişi var…
  Param yok beni idare et…
  Ben de para kazanmayacağım bu işten…
  Çok beklentimiz yok zaten bu projeden,…
  mecburiyetten…
  Ortak olalım




                                                       20
Teşekkürler...



  Ne demiş büyük düşünür Nihat Doğan; Dene ve pişman
  ol. Ama dene... Bir eylem on düşünceden daha değerlidir.




                                                             21

Web Programlama

  • 1.
    Web Programlama Your Name Your Title Your Organization (Line #1) 2005-12-31 Your Organization (Line #2)
  • 2.
    Web Dünyasına Giriş Web Dünyasına Giriş Terminoloji ve kavramlar Web'de uygulama geliştirme temelleri Freelance Dünyası Arayüz Kodlama 2
  • 3.
    Web 1.0 Tim Berners-Lee tarafından HTML adlı dili geliştirmesiyle başlamıştır. W3C (World Wide Web Consortium) Dial-up yüzünden yavaş çalışan siteler Etkileşimsiz siteler 3
  • 4.
    Web 2.0 Etkileşimli siteler Bloglar Sosyal Medya Araçları (twitter, friendfeed, facebook) 4
  • 5.
    Web 2.0 ajax Ajax bir programlama dili değildir. Ajax bir futbol takımı hiç değildir Asynchronous JavaScript And XML Uygulama Alanları: 5
  • 6.
    Web 2.0 Rss Bloglar ve podcastler tarafından kullanılan, yeni eklenen içeriğin kolaylıkla takip edilmesini sağlayan özel bir XML dosya formatıdır. 6
  • 7.
    Web 2.0 Xml XML(Extensible Markup Language) HTML ile pek çok açıdan benzerlik gösteren bir markup dilidir.Verinin tanımlanması ve tarif edilmesi için kulanılır. <not> <kime>Öğrenci</kime> <kimden>Öğretmen</kimden> <heading>Hatırlatma</heading> <body>Yarın ödevini getirmeyi unutma!</body> </not> 7
  • 8.
    Web 1.0 -Web 2.0 8
  • 9.
    Web 3.0 Semantik web (anlamsal web) Özne-yüklem-nesne 9
  • 10.
    Nasıl İşler? Alan Adı (ornek.com NS yönlendirilir) Barındırma Hizmeti(Windows Hosting, Linux Hosting) Domain için godady.com tavsiyemdir. Tercih edeceğiniz bir barındırma hizmeti 10
  • 11.
    Http, Https, Ftp Http:// https://(SSL) Bir ftp client kullanın (Örnek : ftp.ornek.com) 11
  • 12.
    Kısaca Php? PHP : Hypertext Preprocessor Sunucu Taraflı Dinamik Web Siteleri oluşturmamızı sağlar 12
  • 13.
    Php Flash MysqlXml Flash ile veritabanı bağlantısı 13
  • 14.
    Ne yapmalı? Herşeyi bilemezsin! Bir noktaya odaklan Adam çok, kalifiye eleman yok 14
  • 15.
    Arayüz Tasarımcısı Photoshop gibi programları belirli düzeyde bilen Tasarımcı düzenli olmalıdır. (Örnek: Layerlar, Masaüstü düzeni) Çok web sitesi gezmiş (cssmania.com) Hazır temalar ve “ben yaptım” cılık Yazılımcıyla kurulan bağ 15
  • 16.
    Arayüz Yazılımcısı (x)html,javascript ve w3c standartlarını bilmeli Kullanılabilirlik, Ulaşılabilirlik konularına hakim olmalı En az bir javascript framework bilmeli(jquery) Firebug mu oda nedir dememeli? Browser Uyumu ( IE6 mı? ) 16
  • 17.
    Back-end Developer Php gibi sunucu taraflı dilleri bilmeli Mysql bilmeli Doğru değişkenler ( $ad = “Tux”; ) Doğru değişkenler kullan ve yorum satırı kullan ( /* Bu kod … işe yaramaktadır. */ ) 17
  • 18.
  • 19.
    Dikkat edelim Kalem ve kağıt kullanalım. Tasarım netleştirilmeli Projenin büyüklüğüne göre hosting seçimi Uygulama hangi sunucuda çalışır, IE6 desteği verilsin mi? Projede çalışacak kişi sayısı Aynı tempo zorlar Takvim aksama raporu çıkarın. Gecikmeleri konuşun. Tatillere sarkıtmayın. Hosting sorunları için müşteriyi bilgilendirin Ödeme planı 19
  • 20.
    Bu sözlere dikkat Biz sana daha çok müşteri buluruz… Daha çok iş yapacağız… Bu iş bir tutarsa… 1-2 aya uçuracağız bu projeyi… Bu sitenin aynısından yaptıracak en az 5 kişi var… Param yok beni idare et… Ben de para kazanmayacağım bu işten… Çok beklentimiz yok zaten bu projeden,… mecburiyetten… Ortak olalım 20
  • 21.
    Teşekkürler... Nedemiş büyük düşünür Nihat Doğan; Dene ve pişman ol. Ama dene... Bir eylem on düşünceden daha değerlidir. 21