Konular

Eskiler

AngularJS Nedir? Temel Yapılar ve Fonksiyonlar

1. AngularJS Giriş Günümüz web teknolojilerinde yaygın olarak kullanılan Javascript, günümüz şartlarına ayak uymasını sağlayabilecek bazı web uygulama mimarilerine ihtiyaç duymaktadır ve bu ihtiyaçlar doğrultusunda AngularJS, tek sayfa üzerinde Model – View – Controller ( MVC ) yazılım mimarisine uyumlu olacak şekilde tasarlanmıştır. Google tarafından geliştirilmiş olıp açık kaynak kodlu bir web uygulama çatısıdır. (Bakınız : https://tr.wikipedia.org/wiki/) Model – View – Controller konusunda bilgi sahibi olmak isterseniz bu yazıdan da faydalanabilirsiniz : http://www.tolgasariyildiz.com.tr/blog/asp-net-mvc-framework/ Konu anlatımları ve teorik bilgilere internet üzerinden pek çok kaynaktan ulaşabilirsiniz. Yazımızda daha çok uygulamalar üzerinde durmayı planlıyorum. Tabiki yeri geldikçe teorik olarak açıklanması gereken yerlerde gerekli bilgilerin verileceğinden şüpheniz olmasın. Yararlanabileceğiniz Bazı Kaynaklar : Temel Düzeyde Öğrenmek İsteyenler İçin : http://www.w3schools.com/angular/ İleri Düzeyde Öğrenmek İsteyenler İçin : https://www.codecademy.com/ https://www.codeschool.com/courses/shaping-up-with-angular-js * Bu iki sitede kurslara girebilmeniz için üye olmanız gerekiyor. AngularJS öğrenmenize yardımcı olacak dokümanlara da bu bağlantıda yer alan ingilizce kaynaktan ulaşabilirsiniz. AngularJS uygulama çatısı web…

Hafıza Oyunu Uygulaması

AngularJS Uygulamamız Hakkında Bilgiler AngularJS Uygulama Linki: http://www.tolgasariyildiz.com.tr/angularjs-match-master Bu yazımızda AngularJS ve bootstrap kullanarak basit bir eşini bulma oyunu tasarlayacağız. Bildiğiniz gibi bu oyunda seçtiğiniz bir karakterin bir eşini diğer boş karelere tıklayarak bulmaya çalışıyoruz. Hangi oyundan bahsediyorsun tarzında sorularınız devam ediyorsa yazıyı okudukça anlayacağınızdan şüpheniz olmasın Projemiz için gerekli olan Bootstrap ve Javascript( AngularJS – JQuery ) kütüphanelerine aşağıda vermiş üç linkten ulaşabilirsiniz : AngularJS için gerekli dosyalar : https://code.angularjs.org/1.2.9/ //Bağlantıda yer alan .zip uzantılı dosyayı indirmeniz yeterlidir. Bootstrap için gerekli dosyalar https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip //Bağlantıda yer alan .zip uzantılı dosyayı indirmeniz yeterlidir. Jquery için gerekli dosyalar : https://code.jquery.com/jquery-1.11.0.min.js //Bağlantıda yer alan .js uzantılı dosyayı sağ tıklayıp gerekli yere farklı kaydet demeniz yeterlidir. Angular-ui için gerekli dosya : https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.js yolunda bulunan dosyayı sağ tıklayıp gerekli yere farklı kaydet demeniz gerekir. Gerekli yeri yazıda açıkça belirttik sadece adımları doğru izlemeniz yeterlidir. Projemiz için gereken üç adet klasör ve anasayfamız olan index.html dosyasını tanımladıktan sonra yukarıda…