Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Microsoft'ta Blazor teknolojisi ile ilgili çalışmalar yapmış bir konuşmacının sunduğu eğitim içeriğidir.
- Video, Web Assembly'nin ne olduğunu, 2015 yılında Microsoft, Mozilla, Apple ve Google tarafından kurulan bir community grubu tarafından geliştirildiğini açıklayarak başlıyor. Ardından Blazor teknolojisi ile oluşturulan bir .NET Core projesi üzerinden kod örnekleri gösteriliyor. İçerikte main layout, index sayfası, counter, weather forecast ve todo list gibi örnek sayfalar inceleniyor ve Razer'da click eventinde add todo metodu çağırma gibi pratik uygulamalar gösteriliyor.
- Video ayrıca Web Assembly'nin server side geliştirme yaparak browser bazlı derlendiğini, modern JavaScript frameworklerinden farklı olarak browser'ın makine diline çevirmesini sağladığını ve Angular gibi tek sayfalık uygulamalar (SPA) ve bind mantığını nasıl kullandığını açıklıyor.
- 00:02Web Assembly Tanıtımı
- Web Assembly, 2018 ve önümüzdeki dönemlerin web teknolojileri açısından en önemli yeniliği olarak tanımlanıyor.
- Web Assembly, tüm derleme işlemlerinin ve import işlemlerinin browser üzerinde çözülmesini sağlıyor.
- Microsoft, Mozilla, Apple ve Google 2015 yılında bir community grubu kurarak Web Assembly üzerinde çalışmaya başlamışlar.
- 00:58WebAssembly ve Blazor Teknolojisi
- Microsoft, Blazor teknolojisi ile browser ile birleştirmiş ve yeni bir yapı olan WebAssembly'ı çıkarmış.
- WebAssembly, browser üzerindeki derleme işlemi ve proje templatini Blazor template olarak oluşturuyor.
- WebAssembly henüz beta aşamasında olup, test şeklinde bir deneme sürümünde bulunuyor ve daha fazla yorum bekleniyor.
- 01:43WebAssembly'nin Geleceği ve Optimizasyon
- WebAssembly çok büyük bir gelecek vaat ediyor ancak browser'ların streaming ile çalışması nedeniyle sayfa açılışında 20-30 MB gibi büyük boyutlar oluşabiliyor.
- Bu büyük string'in büyümesi sayfanın ilk açılışında problem doğurabilir, bu nedenle optimizasyon çalışmalarına devam ediliyor.
- Videoda kod ağırlıklı bir şekilde Blazor template .NET Core projesi oluşturulacak ve dikkat edilmesi gereken noktalar anlatılacak.
- 02:35WebAssembly Projesi Yapısı
- Proje template'i kurulduğunda default olarak birkaç örnek sayfa ve todo sayfası bulunuyor.
- Program C sayfasından başlanıyor ve service provider ayağa kaldırılıyor.
- View import dosyasında browser kullanacağı tüm diğerler import edilmiş durumda.
- 03:50Layout ve Sayfa Yapısı
- Proje içerisinde main layout ve index.html sayfası bulunuyor.
- Main layout menülerin olduğu yer, index.html sayfası ise body kısmının olduğu yer.
- Sayfalar link ile erişiliyor ve menü kısmı ile index kısmı arasında geçiş yapılabiliyor.
- 04:54Survey Prompt ve Directive Kullanımı
- Index sayfasında survey prompt adı verilen bir yazı kontrolü bulunuyor.
- Survey prompt'un title properties özelliği kullanılarak sayfaya başlık eklenebiliyor.
- Bu directive, Angular'daki gibi sayfaya olduğu gibi basılıyor.
- 05:27Counter Örneği
- Counter örneğinde her şey bir function altında başlıyor ve server side back and kodları bu function içerisinde derleniyor.
- Butonun on-click özelliği Razer togg ile belirleniyor ve buton basıldığında metod devreye giriyor.
- Counter örneğinde değişken arttırdığında real time olarak sayfa üzerinde de gösteriliyor, bu Angular views gibi single page application ve bind mantığına sahip.
- 07:11Weather Forecast Örneği
- Weather forecast örneğinde JSON dosyası kullanılıyor ve forecast dizisi asenkron şekilde çekiliyor.
- Forecast dizisi foreach ile geziliyor ve her bir değer ekrana basılıyor.
- Razer tagları kullanılarak veriler ekrana aktarılıyor.
- 08:21Todo List Örneği
- Todo list tam bir single page application olarak tasarlanmış.
- Todo item'ın title ve izlan (yapılıp yapılmadığı) propertileri bulunuyor.
- Checkbox ve input değişkenleri kullanılarak todo item'ın propertileri bind ediliyor ve yeni işler listeye ekleniyor.
- 09:47Tek Sayfalı Uygulama Örneği
- Razer'da click eventinde add todo metodu çağrılıyor ve text içerisindeki değer null değilse, title'lar ve ilgili checkbox değerleri güncelleniyor.
- To do olmayan (izlen olmayanların) toplam sayısı ekrana basılıyor ve checkbox sayısı azalıyor.
- Örnek uygulamada "makale yaz", "okula mail at" ve "hava publish yap" gibi görevler ekleniyor.
- 10:53Tek Sayfalı Uygulama Çalışma Prensibi
- Bir görev tıklandığında izlan propertisi true dönüyor ve koşul değeri direkt iki'ye, bir'e iniyor.
- Tüm server side işlemler bir function içerisinde yapılıyor ve browser tarafından derleniyor.
- Modern JavaScript frameworklerinden farklı olarak, tek sayfalı uygulama yapılıyor ve aynı zamanda derleniyor.
- 11:35Web Geliştirme Teknolojileri
- Browser bazlı Blazer kullanılarak ilgili diğerler derleniyor ve makine diline browser'ın çevirmesi sağlanıyor.
- Chrome, Edge ve Firefox gibi browserların genel yapısı, uzun bir objeyi tanımlayıp anlayarak haberleşme içine girebilecek.
- WPS (WebAssembly) ile web uygulamaları daha güçlenecek ve hayatımızı kökten değiştirecektir.