Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Web Programlama Temel Kavramlar. Konular Web Programlama Kavramı o Web Programlama Nedir? Web Designer vs. Web Developer o Web Tasarımcı (Web Designer)

Benzer bir sunumlar


... konulu sunumlar: "Web Programlama Temel Kavramlar. Konular Web Programlama Kavramı o Web Programlama Nedir? Web Designer vs. Web Developer o Web Tasarımcı (Web Designer)"— Sunum transkripti:

1 Web Programlama Temel Kavramlar

2 Konular Web Programlama Kavramı o Web Programlama Nedir? Web Designer vs. Web Developer o Web Tasarımcı (Web Designer) o Web Geliştirici (Web Developer) o Web Designer vs. Web Developer Karşılaştırması o Bildikleriniz – Deneyimleriniz PHP o PHP Nedir? o PHP’nin Tarihçesi o PHP Geliştiricileri o PHP Neler Yapabilir? Eğitim TV - egitimtv.biz - facebook.com/EgitimTV2

3 Konular Gerekli Yazılımlar o Peki Neye İhtiyacım Var? Eğitim TV - egitimtv.biz - facebook.com/EgitimTV3

4 4 Web Programlama Kavramı

5 Web Programlama Nedir? Web programlama, bir web programlama dili ve veritabanı ile dinamik içerikli web siteleri yapmayı amaçlar. Bu yolla yapılan siteler, statik görsellikten uzak, güncel ve işlevseldirler. Alışveriş siteleri, haber siteleri, forum siteleri ve bunlar gibi birçok site web programlamayla oluşturulur. Birçok Web Programlama dili mevcuttur. Ancak en popülerleri PHP ve ASP.Net ’tir. Biz de derslerimizde PHP dilini kullanacağız. Tabii ki bunun yanında PHP ’nin can dostu ve dünyanın en çok kullanılan veritabanı olan MySQL ’i de kullanacağız. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV5

6 6 Web Designer vs. Web Developer

7 Web Tasarımcı (Web Designer) Eğitim TV - egitimtv.biz - facebook.com/EgitimTV7 Web tasarımcı, sadece ve sadece İnternet sayfası tasarlar. Evet, bu kadar. Banner yapar, flash animasyon yapar, internet sayfası içinde görülen tasarımları yapar. Program yazmaz, HTML bilse kendisi için çok iyi olur ama sular seller gibi bilmese de olur. Dreamweaver gibi görsel editörler kullanır. CSS ile çok işi olmaz. JavaScript zaten yok. ASP.Net, PHP veya herhangi bir programlama dilini bilmez, hatta yakınından geçmez. Bildiği her şeyi basit bir kurs veya birkaç kitaptan öğrenir. Hiçbir akademik eğitim almamıştır.

8 Web Geliştirici (Web Developer) Eğitim TV - egitimtv.biz - facebook.com/EgitimTV8 Web programlama ise, gerçekten zor bir iştir. Eğer bir web programcı olacaksanız zoru seçiyorsunuz demektir. Tabii bu sizin hevesinizi asla kırmasın. Web programlama zor olduğu kadar zevkli bir iştir de. Peki neden zordur? Bir programlama dili ( C, C#, C++, Java, vb.) bilmelisiniz. Evet mutlaka bir programlama dili bilmek zorundasınız. " Web Programlama " teriminin ikinci kelimesi olan " programlama " kelimesi için şarttır. Ne de olsa yapacağınız iş programlamadır. Mutlaka ve mutlaka HTML bilmelisiniz. Web programlamada en az bir programlama dili kadar önemlidir. Son birkaç yıldır görsel editörler ( Dreamweaver gibi) sayesinde bu iş kolaylaşmıştır.

9 Web Geliştirici (Web Developer) Eğitim TV - egitimtv.biz - facebook.com/EgitimTV9 Görsel editörlerden dolayı HTML dilini bilmesem de olur gibi bir düşünceye kapılıyorsanız yanılırsınız. Görsel editörlerin pes ettiği yerde mutlaka HTML 'e müdahale edersiniz. Eğer HTML bilmiyorsanız nasıl müdahale edeceksiniz? Eğer müdahale edemeyecekseniz nasıl " web programcı " olacaksınız? İşte bu yüzdendir ki biz Dreamweaver gibi görsel bir editör kullanmak yerine kodları kendimiz yazacağız. Böylece hem kodlamayı hem de hatalarımızı ayıklamayı öğreneceğiz. Ayrıca bir Web Developer (Geliştirici) şunları da bilmelidir: CSS, JS, Photoshop, bir Veri Tabanı, jQuery, XML, vs. vs. Son olarak iyi bir Web Developer (Geliştirici) olmak için Teknik İngilizce’nizin de iyi olması gerekir.

10 Web Designer vs. Web Developer Eğitim TV - egitimtv.biz - facebook.com/EgitimTV10

11 Bildikleriniz - Deneyimleriniz Eğitim TV - egitimtv.biz - facebook.com/EgitimTV11

12 Eğitim TV - egitimtv.biz - facebook.com/EgitimTV12 PHP

13 PHP Nedir? PHP, " PHP: Hypertext Preprocessor " sözcüklerinin baş harfleriyle temsil edilen, geniş bir kitle tarafından kullanılan, HTML içine gömülebilir, açık kaynak kodlu, genel amaçlı, özellikle site geliştirmeye uygun, veritabanıyla entegre olabilen bir betik dilidir. Bir programlama dili değildir ! Betik dili sadece olaylara karşı tepki verir, programlama dilinde böyle bir sınırlandırma yoktur. Dil yapısının önemli bir kısmını C, Java ve Perl gibi dillerden almış, kendisine has özelliklerle bu yapıyı pekiştirmiş, kolay öğrenilen bir dildir. Dilin ana amacı, site geliştiricilerinin dinamik sayfalar oluşturmasını çabuklaştırmaksa da PHP ile çok daha fazlasını yapabilirsiniz. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV13

14 PHP Nedir? İlk kez 1995 ylında Rasmus Lerdorf tarafından yazılan PHP'nin geliştirilmesi bugün PHP topluluğu tarafından sürdürülmektedir. Ocak 2013 itibariyle 244 milyondan fazla web sitesi PHP ile çalışırken, 2.1 milyon web sunucusunda PHP kurulumu bulunmaktadır.Rasmus Lerdorfweb sunucusunda PHP kodları PHP işleme modülü bulunan bir web sunucusu tarafından yorumlanır ve çıktı olarak web sayfası üretilir. Bu kodlar veriyi işlemek üzere harici bir dosyaya kaydedilerek çağırılabildiği gibi doğrudan HTML kodunun içine de gömülebilir. PHP zaman içinde bir komut satırı arayüzü sunacak şekilde evrilmiştir, PHP-GTK yardımıyla grafiksel masaüstü uygulaması geliştirmek de mümkündür. [3]HTMLkomut satırıPHP-GTK [3] PHP özgür bir yazılım olup PHP Lisansı ile dağıtılmaktadır. Bu lisans kullanım şartları kısmında GNU Genel Kamu Lisansı ile örtüşmese de, PHP tüm web sunuculara ve hemen hemen tüm işletim sistemi ve platforma ücretsiz olarak yüklenebilir.GNU Genel Kamu Lisansı Eğitim TV - egitimtv.biz - facebook.com/EgitimTV14

15 PHP’nin Tarihçesi PHP'nin geliştirilmesi 1994 yılında Rasmus Lerdorf'un kişisel web sitesini yönetmek için bir takım CGI (İngilizce: Common Gateway Interface) Perl betikleri yazmasıyla başladı. Rasmus bu betikler yardımıyla özgeçmişini sitede görüntülüyor ve sitenin ziyaretçi trafiğini kaydediyordu. Bir süre sonra web formları ile etkileşime girebilecek, veritabanları ile iletişim kurabilecek ve daha hızlı çalışabilecek şekilde bu betikleri C ile yeniden kodladı ve bu uygulamaya Kişisel Ana Sayfa/Form Yorumlayıcı (PHP/FI, İngilizce: Personal Home Page/Forms Interpreter) adını verdi. PHP/FI yardımıyla basit anlamda dinamik web siteleri oluşturmak oldukça kolaydı.Rasmus LerdorfCommon Gateway InterfacePerl (*)Common Gateway Interface ( CGI ) is a standard method used to generate dynamic content on web pages and web applications.dynamic content on web pagesweb applications Eğitim TV - egitimtv.biz - facebook.com/EgitimTV15

16 PHP’nin Tarihçesi Rasmus, 8 Haziran 1995 tarihinde hata ayıklama sürecini hızlandırmak ve kaynak kodu iyileştirmek üzere bir Usenet tartışma grubunda PHP/FI uygulamasını Personal Home Page Tools (PHP Tools) adıyla ilk kez duyurdu yılı itibariyle PHP içinde mevcut olan Perl benzeri değişken tanımlama, form yönetimi ve betik kodları arasına HTML kodu yerleştirebilme gibi temel özellikler bu ilk sürümde de mevcuttu. Sözdizimi genel olarak Perl'e benzese de daha kısıtlı ve basit ancak daha tutarızdı. Bir geliştirme takımıyla aylar süren çalışma ve test aşamalarının ardından PHP/FI 2 sürümü 1997 Kasım ayında resmi olarak duyuruldu.UsenetHTMLSözdizimi Eğitim TV - egitimtv.biz - facebook.com/EgitimTV16

17 PHP’nin Tarihçesi Zeev Suraski ve Andi Gutmans 1997 yılında ayrımlayıcı'yı baştan yazdılar ve dilin ismini PHP: Hypertext Preprocessor olarak değiştirerek PHP 3 ün temellerini attılar. Bunu PHP 3 ün herkese açık olan test sürecinin başlaması izledi ve 1998 yılının Haziran ayında PHP 3 resmi olarak duyuruldu. Suraski ve Gutmans bu sürecin ardından PHP'nin çekirdeğini sil baştan kodlamak suretiyle 1999 yılında Zend Motorunu geliştirdiler ve İsrail'in Ramat Gan kentinde Zend Technologies isimli bir şirket kurdular. [5] Zeev SuraskiAndi Gutmansayrımlayıcı'yıRamat GanZend Technologies [5] 22 Mayıs 2000 tarihinde temelleri Zend Engine 1.0 ile güçlendirilmiş PHP 4 duyuruldu ve Ağustos 2008 itibariyle sürümüne ulaşana kadar aktif olarak geliştirildi. [6] Bugün PHP 4 ün geliştirilmesi durdurulmuştur ve güvenlik güncellemeleri dahil olmak üzere üzerinde hiçbir iyileştirme yapılmamaktadır. [6] Eğitim TV - egitimtv.biz - facebook.com/EgitimTV17

18 PHP’nin Tarihçesi 13 Temmuz 2004 tarihinde yeni Zend Engine II ile güçlendirilmiş PHP 5 yayınlandı. PHP 5, nesneye yönelik programlama için çok daha fazla olanak sağlıyor, PHP Veri Nesneleri (PDO) eklentisi yardımıyla veritabanlarına erişim için oldukça tutarlı ve hızlı bir arayüz yanında performansa yönelik çok sayıda iyileştirme barındırıyordu. [7] 2008 yılında PHP 4 ün tutarlı sürümünün yayınlanması durduruldu ve PHP 5 geliştirilmesi devam eden tek tutarlı sürüm oldu. PHP duruk içselleştirim (İngilizce: Late static binding) özelliği barındırmıyordu ancak 5.3 sürümü ile bu önemli eksik giderildi. [8]nesneye yönelik programlama [7]duruk içselleştirim [8] Eğitim TV - egitimtv.biz - facebook.com/EgitimTV18

19 PHP Geliştiricileri Rasmus LerdorfAndi GutmansZeev Suraski Danimarka asıllı Kanadalı, programcı. PHP 'nin mucidi ve geliştiricisi 'den beri Yahoo için çalışmakta ve Apache sunucusu projesinin de başlamasını sağladı. İsrail asıllı programcı. PHP 'nin gelişmesinde çok büyük emeği olmuştur. Aynı zamanda Zend motoru hakkındaki çalışmaları çok önemlidir. İsrail asıllı programcı. Zend motorunu icat etti. PHP için bir betik motoru ve aktif derleyici oluşturdu. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV19

20 Neden PHP? PHP; C, Java ve Perl gibi dillerden etkilenmiştir. Eğer bunlardan birini kullanmayı biliyorsanız, PHP’yi kolaylıkla öğrenebilirsiniz. HTML, statik bir dildir; bu yüzden her soruna cevap vermez. PHP ise, dinamik bir dildir; birçok soruna cevap verir. PHP; açık kaynak kodludur, yani ücretsizdir. İsteyen herkes görebilir, kullanabilir ve düzenleyebilir. Bu da PHP’yi tercihin bir sebebidir. PHP; geliştirmek, yayılmak ve kullanılmak üzere oluşturulan bir platformdur. Bu yüzden Windows, Linux veya MAC sunucuda da çalışır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV20

21 Neden PHP? PHP, güçlü ve dayanıklıdır. Bir dilin hatalara karşı çözüm üretmesi son derece önemlidir. PHP, hatalara karşı gayet başarılı çözümler üretir. PHP, nesne tabanlıdır ve sizi karmaşık ve uzun kodlama yapmaktan kurtarır. Ayrıca; güvenilirdir, maliyeti ucuzdur, uygulanabilirliği kolaydır, performansı iyidir, birçok veritabanı ile kullanılabilir ve platform (Windows, Linux, Mac) özgürlüğü vardır. Efficiency Flexibility Familiarity Eğitim TV - egitimtv.biz - facebook.com/EgitimTV21

22 PHP Neler Yapabilir? Her şeyi. PHP temel olarak sunucu-taraflı programlamaya odaklanmıştır, örneğin formdan veri toplama, dinamik sayfa içeriği oluşturma, ya da çerez alıp gönderme gibi işlemleri yapabilirsiniz. Ancak PHP bunlardan çok daha fazlasını yapabilecek yetenektedir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV22

23 PHP Neler Yapabilir? PHP betiklerinin kullanıldığı başlıca üç alan vardır. o Sunucu-taraflı programlama. Bu PHP için en geleneksel ve en temel olan alandır. Sunucu-taraflı programlama için üç şeye sahip olmanız gerekir. PHP çözümleyici, bir HTTP sunucusu ve bir tarayıcı. PHP programlamada deneyimliyseniz tüm bunları evinizdeki makinede çalıştırabilirsiniz. o Komut satırı uygulamaları. Bir PHP uygulamasını komut satırından hiçbir sunucu ya da tarayıcı uygulama kullanmadan çalıştırabilirsiniz. Burada tek ihtiyacınız olan PHP çözümleyicidir. Bu tür kullanım Unix tabanlı işletim sistemlerinde cron üzerinden (Windows’daki görev yöneticisi) düzenli çalıştırılan işlemler ya da basit metin işleme görevleri için idealdir. o Masaüstü uygulamalarının yazımı. PHP için görsel uygulamaların yazılabileceği en iyi dil diyemeyiz, ancak PHP'yi iyi biliyorsanız ve PHP'nin birtakım ileri seviye özelliklerini kendi istemci taraflı uygulamalarınızda kullanmak istiyorsanız, PHP-GTK eklentisini bu tip programlar yazmak için kullanabilirsiniz. Bu şekilde platformdan bağımsız uygulamalar yazma şansına da kavuşacaksınız. PHP-GTK, PHP için bir eklentidir ve ana dağıtımda yer almaz. PHP-GTK ilginizi çektiyse, sitesini ziyaret edebilirsiniz. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV23

24 PHP Neler Yapabilir? PHP bütün büyük işletim sistemlerinde, Linux, birçok Unix türevi (HP-UX, Solaris, OpenBSD vb.), Microsoft Windows, Mac OS X, RISC OS dâhil olmak üzere çok çeşitli platformlarda çalışabilir. PHP benzer biçimde bugün yaygın biçimde kullanılan HTTP sunucularının büyük kısmını destekler. Bunlara Apache, IIS ve daha birçok sunucuyu örnek gösterebiliriz. Sonuç olarak, PHP ile işletim sistemi ve HTTP sunucusu seçme özgürlüğüne sahipsiniz. Dahası, hangi programlama yöntemini kullanacağınıza, işlevsel yaklaşımı mı yoksa nesne yönelimli yaklaşımı mı yoksa her ikisini birden mi kullanacağınıza kendiniz karar verebilirsiniz. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV24

25 PHP Neler Yapabilir? PHP'nin yetenekleri yalnızca HTML çıktı üretmekle sınırlı değildir. PHP'nin yetenekleri arasında resim çıktısı üretebilme, PDF oluşturabilme ve hatta Flash filmleri oluşturabilme (libswf ve Ming kullanarak) bulunmaktadır. Aynı şekilde XHTML ya da XML gibi her tür metin tabanlı dosyayı oluşturabilmeniz mümkündür. PHP bu dosyaları özdevinimli olarak oluşturabilir ve ekrana yazdırmanın yanında sizin için dosya sisteminde saklayabilir, böylece dinamik içeriğiniz için sunucu-taraflı bir depo sistemini kullanımınıza sunabilir. PHP'nin en güçlü ve en çok üstünde durulan özelliklerinden biri, sahip olduğu geniş ve gelişmiş veritabanı desteğidir. Veritabanlarına özgü eklentilerden birini (örn. MySql) kullanarak, PHP ile veritabanı bağlantılı site sayfaları oluşturmak son derece basittir.geniş ve gelişmiş veritabanı Eğitim TV - egitimtv.biz - facebook.com/EgitimTV25

26 PHP Neler Yapabilir? PHP, farklı hizmetlerle LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM (Windows için) ve daha sayısız protokol aracılığıyla iletişim kurabilecek bir altyapıya da sahiptir. Hazır modüllerin haricinde ham ağ soketleri açıp bu soketler üzerinden istediğiniz bütün protokollerle çalışabilirsiniz. Bunlar sadece PHP’nin yapabildiklerinin bazıları. Sizin de görebildiğiniz gibi PHP'nin sunabileceği bütün özellikleri ve faydaları anlatabilmek pek mümkün değil. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV26

27 HTML vs. PHP Eğitim TV - egitimtv.biz - facebook.com/EgitimTV27 HTMLPHP İşaretleme diliBetik (Progframlama gibi) dili Tasarım tarafıdırYazılım tarafıdır StatikdirDinamiktir Katıdır (HTML 5 ile biraz yumuşadı)Esnektir İstemci (client) taraflıdırSunucu (server) taraflıdır Tüm platformlarda (serverlarda) çalışır (Windows, Linux) PHP ise Linux Serverda çalışır. (ASP Windows Serverda çalışır.) Veritabanı desteği yokVeritabanı desteği var.htm,.html uzantılarını kullanır.php uzantısını kullanır WYSIWYG "What You See Is What You Get" (Ne görüyorsan, onu alırsın) PHP’de ise kodun sonucunu görürsün

28 İpucu Geliştiriciler için uzantılar son derece önemlidir. Uzantıları görmek gerekir. Ancak Windows varsayılan olarak uzantıları gizler. Bunu düzeltmek için Denetim Masası > Klasör Seçenekleri komutuna tıklanır ve yandaki pencere açılır. Açılan pencerede Görünüm sekmesine geçilir ve Bilinen dosya türleri için uzantıları gizle ’nin işareti kaldırılır. Ardından Uygula butonuna basılır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV28

29 Eğitim TV - egitimtv.biz - facebook.com/EgitimTV29 Gerekli Yazılımlar

30 Peki Neye İhtiyacım Var? PHP, sunucu-taraflı bir program olduğu için, bilgisayarımızda da bir sunucu kurmak gerekir. Sunucunuz PHP'yi destekliyorsa, başka hiçbir şeye ihtiyacınız yok demektir. Çoğu sunucuda, PHP dosyaları için öntanımlı dosya uzantısı.php’dir. Yalnızca.php uzantılı dosyalarınızı oluşturmanız sunucunuzun belge dizinlerine koymanız, sunucunuzun bu dosyayı sizin için özdevinimli olarak işleme koyması için yeterli olacaktır. Ancak şu an bir sunucunuzun olmadığını varsayıyoruz. Normalde Web Developer’lar bir hosting paketi satın alır, dosyalarını FTP arayıcılığıyla root dizininize koyar, veritabanı oluşturur ve siteyi yayına sokar. Ancak biz eğitim yaptığımız için her birinizin tek tek domain ve hosting alması yerine kendi bilgisayarımızı yerel sunucu (localhost) olarak kullanacağız. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV30

31 Peki Neye İhtiyacım Var? İki tip server vardır. Bunlar: 1.Windows Server (IIS) – (ASP.Net, MsSQL, Access) 2.Linux Server (Apachi) – (PHP, MySQL) Her işletim sistemi kendi sunucusunu varsayılan olarak yükler. Windows’da IIS yüklüdür, ancak açık değildir. Biz Windows üzerinde Linux server kullanacağımız için kurmamız gerekir. Biz PHP ile web programlama yapacağımız için; Linux Web Server (Apachi), dolayısıyla MySQL Veritabanı kullanacağız. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV31

32 Peki Neye İhtiyacım Var? Kullanacağımız yazılımlar listelenmiştir. Sitelerini ziyaret edip tek tek indirebilirsiniz. (Bazıları tavsiye edilen yazılımlardır.) Web Sunucu (Web Server) – Apache PHP Yorumlayıcı (PHP Interpreters) Veritabanı (Database) – MySQL Metin Düzenleyici (Text Editor) – Notepad++ Web Tarayıcı (Web Browser) – Mozilla Firefox FTP Yazılımı (File Transfer Software) – FileZilla https://filezilla-project.org/ Eğitim TV - egitimtv.biz - facebook.com/EgitimTV32

33 Peki Neye İhtiyacım Var? Ya da; bu yazılımlardan Web Sunucu, PHP Yorumlayıcı ve Veritabanı için bütünleşik çözümlerden birisini kullanabilirsiniz. Örneğin; Wamp Server, XAMPP.. Biz Wamp Server üçlü çözümünü kullanacağız. Bunun için; sitesine girip yukarıdaki menüden Download tıklanır. Karşımıza gelen seçeneklerden sistemimize (x86 veya x64) uygun olan en güncel Wamp Server’ı indiriyoruz. Ardırdan Wamp Server’ı kurmak için dosyaya çift tıklıyoruz. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV33

34 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV34

35 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV35

36 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV36 Programı C’den başka bir dizine kuruyoruz ki, bilgisayar çökerse sitelerimiz ve veritabanımız kaybolmasın.

37 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV37

38 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV38

39 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV39

40 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV40

41 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV41

42 WampServer Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV42

43 Birkaç Küçük Ayar Kurulum tamamlandıktan sonra birkaç küçük ayar yapmamız gereklidir. Öncelikle simge bildirim alanında (yani sağ alttaki saatin yanında) Wamp Server simgesi yeşil olduktan sonra simgeye sağ tıklayıp Language > Turkish komutlarına tıklıyoruz. Ardından simgeye sol tıklayıp Çevrimiçi Hale Getir komutuna tıklıyoruz. NOT: Wamp Server’ın rengi kırmızı ise Servisler kapalı, yeşil ise Servisler açıktır. Sarı geçiş anlamına gelir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV43

44 WampServer’ı Tanıyalım Localhost: Yerel sunucumuzun kısayolu. phpMyAdmin: MySQL’in görsel arayüzü. www: Kök (root) dizin. Apache: Web sunucusu ile ilgili ayrıntılar. PHP: PHP yorumlayıcısı ile ilgili ayrıntılar. MySQL: Veritabanı ile ilgili ayrıntılar. webGrind: PHP hata ayıklayıcısı. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV44

45 Localhost Yerel sunucuya veya adreslerinden biri ile girilebilir. Bu sayfada …. Bilgileri bulunur. Bu sayfayı tanıt.http://localhosthttp:// Eğitim TV - egitimtv.biz - facebook.com/EgitimTV45

46 PhpMyAdmin PhpMyAdmin, PHP ile MySQL yönetimini bir arayüz ile sağlayan ücretsiz bir yazılım aracıdır. PhpMyAdmin ile veritabanları, tablolar, alanlar, ilişkiler, indeksler, kullanıcılar, izinler vb. birçok veritabanına özgü ifade yönetilebilir. SQL sorguları çalıştırılabilir, yedek alınabilir ve veritabanı ile ilgili her türlü işlemi yapabilirsiniz. PhpMyAdmin’e ulaşmanın iki yolu vardır: WampServer simgesine sol tıklayıp PhpMyAdmin bağlantısına tıklamak, Web tarayıcısının adres satırına yazmak..http://localhost/phpmyadmin Eğitim TV - egitimtv.biz - facebook.com/EgitimTV46

47 PhpMyAdmin PhpMyAdmin, MySQL veri tabanına kolayca erişimi sağlamak ve veri tabanı işlemlerin görsel yolla yapılabilmesi için hazırlanmış dosyalardan oluşur. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV47

48 PhpMyAdmin Eğitim TV - egitimtv.biz - facebook.com/EgitimTV48

49 www Klasörü Kök (root) dizindir. Hazırlanılan projeler bu klasörün içinde başka bir klasörün içine atılır. Klasörün yolu D:\wamp\www şeklindedir. d:/wamp içindekileri açıkla.. www klasöründekileri açıkla.. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV49

50 Apache Web Sunucusu Apache, Web Sunucusudur ve burada da versiyon bilgileri, açık servisler, modüller…, yapılandırma dosyası, hata kayıtları ve erişim kayıtları tutulur. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV50

51 PHP Yorumlayıcısı PHP, PHP yorumlayıcısıdır. Burada da PHP versiyon bilgileri, ayarları, uzantılar, yapılandırma dosyası, hata kayıtları tutulur. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV51

52 MySQL Veritabanı MySQL, veritabanı sunucusudur ve burada da versiyon bilgileri, açık servisler, MySQL Konsolu (ki konsol MySQL’in ta kendisidir, phpMyAdmin ise MySQL’in kullanımı kolay arayüzüdür.), yapılandırma dosyası ve hata kayıtları tutulur. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV52

53 webGrind Hata Ayıklayıcı Webgrind PHP5 ile yazılmış hoş bir Xdebug profiler arayüzü. Performans darboğazlarını bulmak ve gidermek için kullandığımız Xdebug’un çıktılarını görselleştirerek darboğazları bulmamızı kolaylaştırıyor. Webgrind kullanabilmek için geliştirme ortamınızda Xdebug eklentisi kurulu olmalı. Tabi Xdebug ‘un profiler özelliğini etkin hale getirmekte gerekli. xdebug.profiler_enable=1 ini yönergesi ile her betik çalıştığında xdebug profiler’ı çalıştırıyoruz. xdebug.profiler_enable_trigger=1 ini yönergesi ile ise betik.php?XDEBUG_PROFILE veya XDEBUG_PROFILE isimli çerez atmamız ile Xdebug profiler’ımız tetikleniyor. Bu yönergeyi kullandığınızda xdebug.profiler_enable yönergesini devre dışı bırakmalısınız.(xdebug.profiler_enable=0) Eğitim TV - egitimtv.biz - facebook.com/EgitimTV53

54 webGrind Hata Ayıklayıcı Webgrind Webgrind PHP 5 için bir Xdebug profilleme web önyüzüdür. kcachegrind‘in pek çok özelliğini içerir ve tüm platformlara sadece birkaç dakika içerisinde kurulabilir. Özellikle çabuk ve fazla detaya inmeden PHP betikleriniz üzerinde iyileştirme yapmayı tercih ediyorsanız, webgrind ihtiyacınıza cevap verecek kalitede bir çözüm. WebgrindXdebugkcachegrind adresiyle açılır. Ancak PHP, webGrind’i varsayılan olarak açık yüklemez. Bunu aktif yapmak için Wamp Server simgesi sol tıklanır ve PHP > php.ini komutu tıklanır. Daha sonra; xdebug.profiler_enable = off xdebug.profiler_enable_trigger = off satırı bulunur ve Default Value değeri, xdebug.profiler_enable = 1 xdebug.profiler_enable_trigger = 1 olarak düzenlenip, dosya kaydedilir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV54

55 webGrind Hata Ayıklayıcı Eğitim TV - egitimtv.biz - facebook.com/EgitimTV55

56 Birkaç Küçük Ayar Son olarak ta ileride göreceğimiz, çok farklı amaçlar için kullanacağımız,.htaccess dosyası ile güzel görünümlü URL’ler yapmak için gerekli olan bir ayardır. Peki nedir bu? Örneğin, gibi bir URL o bağlantıyı tıklayıp tıklamamaya karar vermekte yardımcı olur, ancak, gibi bir URL ise kullanıcılar için çok daha az çekicidir. Bunu düzeltmek için; Bunu aktif yapmak için Wamp Server simgesi sol tıklanır ve Apache > httpd.conf komutu tıklanır. Daha sonra; #LoadModule rewrite_module modules/mod_rewrite.so satırı bulunur ve başındaki # (diyez) işaretini kaldırılıp, dosya kaydedilir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV56

57 Birkaç Küçük Ayar PHP ile kodlama yaparken tüm hatalarımızı görebilmek için; Wamp Server simgesi sol tıklanır ve PHP > php.ini komutu tıklanır. Daha sonra; ; error_reporting ; Default Value: E_ALL & ~E_NOTICE satırı bulunur ve Default Value değeri, ; error_reporting ; Default Value: E_ALL olarak düzenlenip, dosya kaydedilir. Şimdiye kadar yapılan tüm ayar değişikliklerinin aktif hale gelmesi için Wamp Server simgesi sol tıklanır ve Bütün Servisleri Yeniden Başlat komutu tıklanır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV57

58 Birkaç Küçük Ayar Kurulum bittikten sonra sıra geldi veritabanına şifre vermeye. Veritabanı olmadan sadece PHP ile çalışmanın hiçbir anlamı olmaz. Bu yüzden dünyada en çok kullanılan ve ücretsiz olarak dağıtılan MySQL ile çalışmak için root yetkili kullanıcıya (süper kullanıcı) şifre vermemiz gerekir. Tabii ki şunu unutmamak gerekir ki sonuçta biz kendi bilgisayarımızda yerel bir şekilde çalışıyoruz ve bu yüzden herhangi bir güvenlik riski yoktur. Bunun için şifre olarak basit ve unutmayacağımız şifresini kullanacağız. Ancak normalde hiçbir zaman şifre olarak basit şifreler verilemez. Bunun yerine içinde küçük harf, büyük harf, rakam ve özel karakterler içeren, en az 8 karakter uzunluğunda qh64DX!& gibi güçlü şifreler vermek gerekir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV58

59 Birkaç Küçük Ayar Veritabanında root süper kullanıcısına şifre vererek erişimi sınırlandırmak için; Wamp Server simgesi sol tıklanır ve MySQL > MySQL Console ’a tıklanır. Şu an için bir şifre olmadığı için Enter’a basılır ve beklenir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV59

60 Birkaç Küçük Ayar Bu ekranda use mysql yazıp, Enter ’a basarak veritabanı değiştirilir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV60

61 Birkaç Küçük Ayar Şimdide aşağıdaki komutlar yazılarak root kullanıcısına şifre verilir. UPDATE user SET Password=PASSWORD('123456') WHERE user='root'; Komutlar yazıldıktan sonra Enter ’a basılır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV61

62 Birkaç Küçük Ayar Son olarak ta flush privileges; komutu girilerek yapılan değişiklikler MySQL sunucusunda aktif hale getirilir. Enter’a basılır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV62

63 Birkaç Küçük Ayar Exit yazarak çıkıyoruz. Bu işlem sonucunda root kullanıcısının şifresi oldu. PHP ile MySQL bağlantısı için bu bilgiler kullanılacaktır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV63

64 Birkaç Küçük Ayar Artık sadece Enter’a basarak bu ekranı geçemeyiz çünkü şifremiz var. Direkt Enter’a basarsak veya hatalı şifre girersek ekran kapanacaktır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV64

65 Birkaç Küçük Ayar Ancak şifre olarak girersek ekran karşımıza gelir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV65

66 Birkaç Küçük Ayar Aynı şey PhpMyAdmin için de geçerlidir. Şifre olarak girersek PhpMyAdmin ekranı karşımıza gelir. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV66

67 PHP Editörleri PHP ile web sayfaları tasarlamak için Not Defteri yeterlidir. Ancak bu yöntemle web sayfası oluşturmak oldukça zaman alıcı ve yorucudur. Üstelik hata kontrolü yapılmadığından, hata olup olmadığını anlamak zorlaşır. Piyasada çok sayıda PHP editörü olmasına rağmen bunların arasından hızı ve PHP dışında başka çok sayıda dili desteklediği için NotePad++ ön plana çıkmaktadır. Bizde derslerimizde NotePad++’ın yanı sıra zaman zaman Adobe Dreamweaver kullanacağız. NotePad++ indiriyoruz.. Sitesine girip yandaki menüden Downloada ……. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV67

68 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV68

69 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV69

70 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV70

71 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV71

72 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV72

73 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV73

74 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV74

75 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV75

76 Notepad ++ Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV76

77 Notepad ++ Kurulumu PHP 5.4 sürümü ile birlikte varsayılan kodlama biçimi olarak UTF-8 kullanır. Bu nedenle Notepad++ editörünün varsayılan kodlama biçimini UTF-8 (BOM’SUZ) olarak ayarlamalıyız. Bunun için Notepad++ programı açıkken; Ayarlar > Tercihler komutunu çalıştırın ve soldaki listeden Yeni Belge’yi seçin ve kırmızı kutunun içindeki gibi yapışandırıp Kapat’a tıklayın. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV77

78 Mozilla Firefox Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV78

79 Mozilla Firefox Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV79

80 FileZilla Kurulumu https://filezilla-project.org/ sitesine girip FileZilla Client https://filezilla-project.org/ Eğitim TV - egitimtv.biz - facebook.com/EgitimTV80

81 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV81

82 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV82

83 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV83

84 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV84

85 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV85

86 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV86

87 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV87

88 FileZilla Kurulumu Eğitim TV - egitimtv.biz - facebook.com/EgitimTV88

89 Örneğin PHP ile MySQL bağlantısı kurmak için sql.php dosyası oluşturalım. Bunun için Notepad++ programını çalıştırıyoruz ve Dosya > Yeni komutu ile yeni bir dosya açıyoruz. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV89

90 Aşağıdaki kodu test.php dosyamıza yazıp kök dizinimiz olan www klasörüne kaydediyoruz. Burada bir bağlantı gerçekleştiriyoruz ve eğer kullanıcı adı ve şifrenizde bir hata varsa MySQL bağlantısı başarısız oldu. hatası alacaksınız, eğer bir hata yoksa MySQL'e başarıyla bağlanıldı. bilgisi ekrana yazdırılacaktır. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV90

91 Eğitim TV - egitimtv.biz - facebook.com/EgitimTV91

92 Şimdi de adresine giriyoruz ve aşağıdaki gibi bir mesaj alıyoruz.http://localhost/test.php Eğitim TV - egitimtv.biz - facebook.com/EgitimTV92

93 Artık dünyanın en çok kullandığı MySQL veritabanı ile dilediğimiz gibi çalışabilir ve yazılımlarımızı geliştirebiliriz. İlerleyen derslerdeki Veritabanı Programlama konusuna kadar veritabanıyla işimiz bitti. Eğitim TV - egitimtv.biz - facebook.com/EgitimTV93

94 Eğitim TV - egitimtv.biz - facebook.com/EgitimTV94

95 Eğitim TV Eğitim TV - egitimtv.biz - facebook.com/EgitimTV95 Webwww.egitimtv.biz Facebookwww.facebook.com/EgitimTV Twitterwww.twitter.com/Egitim_TV


"Web Programlama Temel Kavramlar. Konular Web Programlama Kavramı o Web Programlama Nedir? Web Designer vs. Web Developer o Web Tasarımcı (Web Designer)" indir ppt

Benzer bir sunumlar


Google Reklamları