Modern Frontend
3 likes2,309 views
Node.js, Mongo DB ve Angular JS hakkında bilgiler ve birbirleri ile REST API üzerinden iletişimleri.
Modern Frontend
- 3. ● Server Side JavaScript ● V8 Engine ● Single thread ● Event Loop ● Non-Blocking I/O ● Ruby, Python ve Perl’den daha hızlı ● Çoğu kodu C ile yazıldı ● Client side’da yazılan çoğu kod nodejs sayesinde server side’da da kullanılabiliyor Node.js Giriş
- 5. V8 Engine ● Google tarafından geliştirildi ● Chrome altyapısı kullanıyor ● JavaScript’i native makina koduna çeviriyor ● Hız odaklı ● Açık kaynaklı
- 7. Event Loop
- 10. Blocking Blocking vs Non-Blocking Non Blocking
- 11. Non Blocking Event Diğer diller Node JS
- 12. Callback’ler Node.js callbackleri sayesinde işlemler asenkron ve gereksiz beklemeler olmadan çalışır.
- 13. npm nedir? ● ‘node packaged modules’ açılımı ● node ile birlikte geliyor ● modül repositorysi ● kolay bir şekilde modülünüzü paylaşabilirsiniz ● local yada global olarak modül kurabilyorsunuz ● npmjs.org repo adresi
- 15. Mongo DB Genel Bakış ● JSON objeleri ile veri saklama ● Document Oriented Data Base (NoSQL) ● key / value mantığı ile çalışır ● key’ler stringdir ● value’lar number, string, array yada object olabilir
- 16. Örnek JSON mongo data
- 17. Mongo DB Özellikleri 1. Esnek 2. Güçlü 3. Ölçekleme 4. Kullanım kolay 5. JavaScript üzerine inşa edildi
- 18. Kolay kullanım Filtreleme, çoğaltma, sıralama ve birleştirme gibi işlemleri kısa kodlar yardımı ile yapabiliyorsunuz
- 22. Angular JS Giriş ● Google tarafından geliştiriliyor ● Browser tabanlı MVC framework ● Open source ● SPA ● Angular JS 2.0 Mobile based
- 23. Neler sağlıyor? ● Directives ● $scope ● Two way data binding ● Dependecy Injection ● Services ● vs...
- 24. Web timeline...
- 26. $scope = evriything ● View ile controller’ı birbirine bağlar ● Data binding işlemlerini yapar ● Hiyerarşik bir düzene sahip
- 27. Two Way Data Binding Model ve View arasında her bir değişimi izleyip, iki katman arasında veri eşitleme sağlıyor.
- 28. Dependecy Injection ● Bir yazılım mimarisi (design pattern) ● loosely coupled - gevşek bağlılık ilkesi
- 29. Services ● Kodun işçi sınıfıdır ● Birbirlerine DI ile bağlıdır
- 30. ● Client-server iletişim mimarisi ● HTTP protokolüne paralel olarak geliştirildi ● Lightweight ● JSON, XML, CSV formatlarını destekliyor REST - (REpresentational State Transfer) Create - (POST) Read - (GET) Update - (PUT) Delete - (DELETE) domain.com/api/user/1 domain.com/weatherForecast/{state}/{city}
- 31. console.log(‘ hadi kodlayalım ’);
- 32. Teşekkürler Twitter : @cihadhoruzoglu Website : cihadhoruzoglu.com Kod repo : https://github.com/cihadhoruzoglu/AddressBook