Technology

Create Your First Blazor Application 1024 557 mezo

Create Your First Blazor Application

Hello My Fellow Padawans 🙂

Today I will tell you about a new Frontend Technology called “Blazor”. It sounds similar from somewhere… Yes Razor and yes its a Microsoft technology.

Ok but lets remember what is RAZOR first: Razor is a format for generating text-based content, like HTML. Razor files have cshtml or a razor file extension, and contain a mix of C# code along with HTML.

What is Blazor

Blazor is a user-interface framework built on .NET and Razor. Blazor applications can run on a server as part of an ASP.NET application or can be deployed to run in the browser on a user’s machine similar to a single-page application. It comes with 2 different app styles.

Blazor Server: is an implementation of the Blazor user-interface framework as part of the ASP.NET Core web development framework, deployed to a web server. Developing an application with Blazor Server generates HTML on a web server as it is requested by web site visitors, typically using a web browser. That HTML is then delivered to the visitor’s browser, and a two-way communication pipeline is maintained using ASP.NET Core SignalR and preferring a Web Sockets connection.

Users that click buttons, navigate, and perform other interactions with a Blazor Server application have their actions transmitted on this SignalR connection, and the server responds with user-interface updates using the same connection. The Blazor Server framework automatically updates the browser with the content generated on the web server.

Blazor WebAssembly: Shortened to Blazor WASM, is an implementation of the Blazor user-interface framework that runs on the HTML 5 standard WebAssembly runtime present in all modern browsers. The binary output of your application, the DLL files, are transmitted to the browser and run with a version of .NET that has been optimized to work with the WebAssembly runtime regardless of the underlying operating system of the device browsing to the website.

Since WebAssembly is a technology that runs entirely in the browser, it’s possible to deploy this model of the Blazor application using files that a web server doesn’t parse or interact with. This type of “static” approach reduces the requirements for a web server and shifts all processing for the application to the user’s machine.

Advanced processing and logic can take place in the browser. When the application needs data or to interact with other services, it can use standard web technologies to communicate with HTTP services.

How to build an application with Blazor

Start your Visual Studio 2022

Then create Blazor Server App and in the Configure your new project window, enter BlazorApp as the project name and select Next.

In the Additional information window, select .NET 7.0 (Standard Term Support) in the Framework drop-down if not already selected and click the Create button.

Your project is created and loaded in Visual Studio. Take a look at the contents of your project using Solution Explorer.

Several files were created to give you a simple Blazor app that is ready to run.

  • Program.cs is the entry point for the app that starts the server and where you configure the app services and middleware.
  • App.razor is the root component of the app.
  • The Pages directory contains some example web pages for the app.
  • BlazorApp.csproj defines the app project and its dependencies and can be viewed by double-clicking the BlazorApp project node in the Solution Explorer.
  • The launchSettings.json file inside the Properties directory defines different profile settings for the local development environment. A port number is automatically assigned at project creation and saved on this file.

To run your application basically click the Run button.

When you made some changes and you want to see your changes on the browser you need to click the Hot Reload button

If you want to make “Hot Reload” every time you save your changes then you need to click the menu button next to “Hot Reload” and select “Hot Reload on File Save” Then VS will watch your file save and refresh your web app on the browser to show your changes.

After you run your app you will see the default app of the Blazor.

Congrats you made your first Blazor App and make it run!

Last thing I want to show is how Blazor files and pages look like

_Host.cshtml This holds our application and renders page components.

@page "/"
@namespace BlazorApp1.Pages
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    Layout = "_Layout";
}

<component type="typeof(App)" render-mode="ServerPrerendered" />

Index.razor : This is the Home page that you see on the screenshot below.

@page "/"

<PageTitle>Index</PageTitle>

<h1>Hello, Everyone!</h1>

Welcome to your new app. Hello 

<SurveyPrompt Title="How is Blazor working for you?" />

Counter.razor and this is the counter component as a page. It’s easy to render and reuse.

@page "/counter"

<PageTitle>Counter</PageTitle>

<h1>Counter</h1>

<p role="status">Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>

@code {
    private int currentCount = 0;

    private void IncrementCount()
    {
        currentCount++;
    }
}

Congrats 🙂 you open the new Blazor App and make that work

I will keep continuing to write about it coz I probably will use it for my company.

I hope that is helpful

May the knowledge be with you

Welcome to AI-Powered Blogging 1024 1024 mezo

Welcome to AI-Powered Blogging

Artificial intelligence (AI) has made significant strides in recent years and is now being utilized in a variety of industries, including blogging. AI has the potential to revolutionize the way we create and consume content online, and it is important for bloggers to understand how it is being used in the industry. In this article, we’ll explore the various ways in which AI is being utilized in blogging and how it could shape the future of the industry.

One way AI is being used in blogging is through the use of natural language processing (NLP). NLP allows computers to understand and analyze human language, which can be used to improve the accuracy of content recommendations and suggestions. For example, if you’re writing a blog post and you want to include a related article, an AI tool could suggest relevant content based on the keywords and themes in your post. This can help bloggers create more coherent and cohesive content and provide a better experience for their readers.

Another way AI is being utilized in blogging is through the use of chatbots. Chatbots are computer programs that are designed to simulate conversation with human users, and they’re often used to provide customer service or support. In the context of blogging, chatbots can be used to interact with readers and provide them with personalized recommendations based on their reading history. This can help build a sense of community and engagement with readers and improve the overall user experience.

Created by Dall-E by OpenAI

AI can also be used to optimize the design and layout of a blog. For example, an AI tool could analyze user data and suggest the best layout for a blog based on factors such as the type of content being shared and the target audience. This can help bloggers create a more user-friendly and engaging experience for their readers.

In addition to these uses, AI can also help improve the speed and efficiency of content creation. For example, AI tools can help writers generate ideas for blog posts, identify the best sources for research, and even write drafts of articles. While these tools are not meant to replace human writers, they can help streamline the content creation process and save time for bloggers.

One area where AI is particularly useful is in content curation. With the vast amount of information available online, it can be difficult for bloggers to keep up with the latest trends and news in their industry. AI tools can help by curating relevant content and delivering it to bloggers in real-time. This can help bloggers stay up-to-date and provide their readers with the latest and most relevant information.

AI is also being used to improve the accuracy of spelling and grammar in blog posts. With the help of AI tools, bloggers can catch mistakes and typos before they are published, helping to improve the overall quality of their content.

In addition to these uses, AI is being utilized in the field of search engine optimization (SEO). SEO is the practice of optimizing a website in order to rank higher in search engine results. AI tools can help bloggers optimize their content for search engines by analyzing user data and suggesting the most effective keywords and phrases to use. This can help bloggers increase their visibility and reach a wider audience.

AI is also being used to improve the personalized recommendations provided to readers. By analyzing user data, AI tools can suggest content that is most relevant and interesting to individual readers. This can help improve the user experience and keep readers coming back for more.

Despite all of these potential uses, it’s important to note that AI is still in its early stages and there are limitations to what it can do. While AI can help improve the accuracy and efficiency of content creation, it is not yet able to replicate the creativity and nuance of human writing. As such, it is unlikely that AI will

Created by Dall-E by OpenAI

what is chat gpt

CHAT-GPT (short for “Chat Generative Pre-training Transformer”) is a variant of the GPT (Generative Pre-training Transformer) language model developed by OpenAI. It is designed to generate human-like text and responses in the context of a conversation, making it well-suited for use in chatbots and virtual assistants.

The GPT model was first introduced by OpenAI in 2018 as a way to generate natural language text that is difficult to distinguish from text written by humans. It was trained on a massive dataset of human-generated text and was able to generate coherent and coherent paragraphs and even entire articles.

CHAT-GPT builds on the capabilities of the original GPT model by adding the ability to track context and engage in conversation with users. It does this by using a conversational data set to learn about common patterns and structures in human conversation. This allows it to generate responses that are more natural and contextually appropriate in a conversation.

CHAT-GPT has been used in a variety of applications, including virtual assistants, chatbots, and even language translation. Its ability to generate human-like text and engage in conversation has made it a popular choice for developers looking to build natural language processing applications.

While CHAT-GPT and other AI language models have made significant strides in generating human-like text, it is important to note that they are not yet able to fully replicate the complexity and nuance of human language. However, as AI technologies continue to evolve, it is likely that they will become increasingly sophisticated and capable of more advanced language processing tasks.

This Article created by AI 🙂

Windows 10 Start Menü Problemi Çözümü 1024 535 mezo

Windows 10 Start Menü Problemi Çözümü

Merhaba arkadaşlar

Windows 10 kullanırken başıma gelen ve çözümünü bulduğum bir problemi sizlerle paylaşmak istiyorum. Windows10 işletim sisteminin 9926 Built ‘ini kullanıyordum bir gün bir baktım ki Start menüsü çalışmıyor ne yapsam ne etsemde olmadı. Update yaptım yeniden başlattım vs vs gibi yöntemlerle çözüme ulaşamadım ve başladım araştırmaya. Araştırmalarım sonucunda Powershell ile birlikte bazı kodların çalıştırılarak windows içindeki bazı paketlerin yeniden yüklenerek bu işlemin gerçekleşeceğini öğrendim. Öncelikle Powershell.exe yi bularak Administrator olarak çalıştırıyoruz ve ardından kodumuzu yapıştırıp enter a basıyoruz.

Kod şu şekilde:

[codebox 1]

Bu kodu çalıştırdıktan sonra aşağıdaki gibi bir işlem gerçekleşiyor.

powershell

 

Voila 😀

Artık Start Menümüz sağlıklı şekilde çalışıyor .

Umarım yararlı olur

Bilgiyle Kalın 😉

M.Zeki Osmancık

 

Whatsapp PC ye Geldi :) 880 695 mezo

Whatsapp PC ye Geldi :)

Merhaba arkadaşlar

Artık PC başındayken telefondan Whatsapp tan yazışma derdine son !!!!! WhatsApp web versiyonunu açıkladı kullanıma açtı bile 😀 Bende denedikten sonra hemen yazayım dedim 🙂  Kulanmak için ne yapmak gerek 🙂 Android işletim sistemli telefonunuzdan WhatsApp taki menüyü açıyorsunuz ve karşınıza bir WhatsApp Web seçeneği geliyor açtığınızda bir kamera çıkıyor kod mod bişi diyor ne olaki la bu derken hemen web.whatsapp.com adresine giriyorsunuz ve karşınıza sayfa çıkınca kafada şimşekler çakıyor 😀 neden kod istediğini anlıyoruz telefonumuzla kodu okutur okutmaz TA DAAAAAAAAA 😀 WhatsApp artık webde 😀 klavyeden yaz yazabildiğin kadar 😀

10947710_10153678930762366_181967451_n,whatsappweb

Web WhatsApp üzerinden resim çekebiliyor yada mevcut resimleri gönderebiliyorsunuz ve ses kaydı yollayabiliyorsunuz 😉

Biz resim yollamanın denemesini yaptık bile işte oda aşağıda gözlerimizden ne kadar sevindiğimiz belli oluyordur heralde 😛 😀

Untitled picture

Haydi Hepimize Hayırlı Olsun 😀

 

Bilgiyle Kalın

M.Zeki Osmancık

Galaxy Note II için Android 4.3 test ROM- N7100XXUEMI6 1024 658 mezo

Galaxy Note II için Android 4.3 test ROM- N7100XXUEMI6

Selamlar

Biraz önce aldığım bir habere göre Samsung Galaxy Note 2 için Android 4.3 versiyonunun test firmware i internete sızmış. Birkaç sitede bunun ile ilgili bilgiler var ancak Note 3 teki özelliklerin hangileri Note 2 de kullanılabilir orasını bilemeyiz XDA developers yine yapmış yapacağını 🙂 Ben acele etmedim kurmak için acele eden heyecanlanan arkadaşlar için paylaşmak istedim. Çünkü Samsung , Galaxy Note 2 için  4.3 ün testlerine yeni başlamış. Bu ROM u yüklerken şuna dikkat edin tüm uygulama fotoğraf vs bilgileriniz sıfırlanıyor yedek almadan kesinlikle bu işe bulaşmayın derim ben.

Grafik olarak S4 ve Note 3 teki grafikleri kullanılmış Tablı Ayarlar vb. bunun yanında S4 ve Note 3 e gelen Samsung Knox , Samsung Walled gibi uygulamalarda 4.3 de bizleri bekliyor 😀

Ben paylaşıyorum ama Samsung hala bununla uğraşıyor testler ve geliştirmeler devam ediyor. Release versionu çıktığında önce kendi Note 2 me kurup sonra sizlerle paylaşacağımdan şüpheniz olmasın 😀

İşte isteyen meraklı arkadaşlar için linkler ve nasıl kuracağınız ile alakalı basit bilgiler 😀

Ama başta yine hatırlatmak isterim

Telefonunuzun şarjı full olmalıdır. Bu yükleme işlemi herhangi bir şekilde yarım kalırsa telefonunuz tekrardan açılmayabilir. Herhangi bir sorunda  www.mzekiosmancik.com sorumlu değildir. Sorumluluğun tamamen kendinize ait olduğunu bilerek kuruluma başlamalısınız.

Ayrıca belirtmek isterim ki bu kurulum telefonunuzu garanti dışı bırakmaz 😀  Başkaları tarafından yazılan Custom Rom lardan da değildir. Samsung ‘un üzerinde çalıştığı ancak henüz bitirmediği test ROM udur.  yani tamamen legal 😀

Eveeet gelelim kuruluma

Öncelikle buradan ODIN i indiriyoruz bizim biricik yardımcımız 🙂

ROM u buradan veya buradan veya torrent indirim kardeşim ben diyorsanız buradan indirin 🙂

Dosyanın şifresi : wagnervaz

– Şimdi zipten çıkarıp Odini açıyoruz

– Telefonumuzu download moduna alıyoruz.

DSC00031

 

 

NOT: Bunun için telefon kapalıyken Güç + Ses Kısma + Menu tuşlarına aynı anda basmalısınız. Bu tuşlara bastıktan sonra karşınıza bir menu gelecektir Ses Açma tuşuna basarsanız bir android resmi sizi karşılar ve telefonunuzun yüklemelere hazır olduğunu gösterir. Yandaki resimde Download Mode da telefonunuzun ekranının nasıl görüneceğini görebilirsiniz.

 

 

– Odin de telefonun bağlandığını  görüyorsunuz

– Sonra çıkarttığınız AP_N7100XXUEM16_CP_N7100XXEM16_CSC_N7100XAEM16_BY_WVAZ_DINK.tar adlı dosyayı PDA butonuna basarak Odin e ekliyorsunuz.

– Re-partition seçeneğinin İŞARETLENMEMİŞ olduğundan emin oluyorsunuz.

– Sonra kurulum bittikten sonra Wipe Data ve Wipe Cache yapıp Reboot ettiğinizde artık Note 2 niz 4.3 versiyonunun test aşamasındaki işletim sistemine kavuşmuş oluyoooor 😀

Aşağıda screenshot lar var. Ayrıca bu anlatıma güvenmeyen arkadaşlar olabilirler öncelikle SAMMOBILE haberidir  . ve XDA Developers tarafından da yayınlanmıştır.

evt5lntn 00sh dk2is9e5

oc44b51ep8b5926q o5k

 

Bilgiyle Kalın 😀

M.Zeki Osmancık

Android 4.4 KitKat Geliyor 699 427 mezo

Android 4.4 KitKat Geliyor

Selam Gençler 🙂

Android Jelly Bean versiyonundan sonra şimdi Android 4.4 KitKat versiyonu için hazırlıklara başlandı 🙂 Ayrıntılı bilgi için  http://www.android.com/kitkat/ adresinden mail adresinizi bırakarak haberdar olabilirsiniz.

kitkat

İyi Günler 🙂

Samsung Galaxy Note 2 Root İşlemi 455 466 mezo

Samsung Galaxy Note 2 Root İşlemi

Merhaba arkadaşlar

Samsung Galaxy Note 2 telefon aldım ve alışkanlık olarak kullandığım bazı uygulamaların ROOT işlemi yapılmadan kullanılamadığı için yerimde duramadım Galaxy Note 2 yi root işlemine tabi tuttum. Sizlerlede paylaşayım dedim 🙂

Öncelikle  söylemek isterim ki telefonunuzun şarjı full olmalıdır. Bu yükleme işlemi herhangi bir şekilde yarım kalırsa telefonunuz tekrardan açılmayabilir. Herhangi bir sorunda  www.mzekiosmancik.com sorumlu değildir. Sorumluluğun tamamen kendinize ait olduğunu bilerek kuruluma başlamalısınız.

İlk olarak ODIN programını buradan indiriyorsunuz. Ardından Root dosyasını buradan indiriyorsunuz.

Bu iki dosyayı indirdikten sonra Galaxy Note 2 telefonumuzu Download Mode ‘ da açıyorsunuz.

DSC00031

 

 
NOT: Bunun için telefon kapalıyken Güç + Ses Kısma + Menu tuşlarına aynı anda basmalısınız. Bu tuşlara bastıktan sonra karşınıza bir menu gelecektir Ses Açma tuşuna basarsanız bir android resmi sizi karşılar ve telefonunuzun yüklemelere hazır olduğunu gösterir. Yandaki resimde Download Mode da telefonunuzun ekranının nasıl görüneceğini görebilirsiniz.
 

 

 

Telefonumuzu Download Mode da açtıktan sonra sıra geldi ODIN programını çalıştırmaya 🙂 ODIN i çalıştırıp telefonumuzu kablomuzla bilgisayara bağladığımızda şöyle bir ekran karşımızda olmalı.

odin1

 

Added yazısını gördüysek sıra geldi ROOT dosyasını eklemeye. İndirmiş olduğunuz root dosyasını PDA butonuna basarak seçin sonra karşınıza şöyle bir ekran gelecek.

odin2

 

Artık hazırsınız 🙂 Şimdi START butonuna tıklayarak işlemi başlatın. Kurulum sürdükten sonra SUCCES yazısını gördüğünüzde telefonunuz yeniden başlayacak ve belki bir soru sorabilir size recovery ile alakalı bu soruyada ses açma kapama tuşlarıyla yönlendirme yapıp YES seçtikten sonra…

Veeee Galaxy Note 2 telefonunuz artık ROOT işlemi tamamlanmış ve yeni özelliklerinin sizin tarafından keşfedilmesini bekliyor olacak 🙂

Umarım yararlı olur

Bilgiyle Kalın

M.Zeki OSMANCIK

Samsung Galaxy S4 ’e Özel Oyun Konsolu 400 266 mezo

Samsung Galaxy S4 ’e Özel Oyun Konsolu

Geçtiğimiz günlerde tanıtılan Samsung Galaxy S4 ’e özel oyun kolu ile birlikte geliyor. Firma bu oyun kolu ile mobil oyunculukta bir devrim yaratacak gibi görünüyor
Engadget’ın haberine göre Samsung, Galaxy serisi için bir Gamepadprototipi hazır. Samsung cihazlarına özel olarak tasarlanan bu oyun kolu, ilk bakışta Xbox 360 kontrolünü andırıyor. Üzerinde 2 Analog ve D-Pad bulunuyor. Bluetooth üzerinden Samsung cihazlarla bağlantı kurabilen bu Gamepad iki AAA pil ile çalışıyor.

sammm

Mobil oyunculuğun yaygınlaştığı bu dönemde, Samsung firması Gamepad ile rakiplerinin önüne geçecek gibi gözüküyor.

Samsung Galaxy S2 Android 4.1.2 Jelly Bean Kurulumu 500 343 mezo

Samsung Galaxy S2 Android 4.1.2 Jelly Bean Kurulumu

Merhaba arkadaşlar

Samsung Galaxy S2 cihazınıza Android 4.1.2 Jelly Bean işletim sistemini nasıl kurarsınız bunu adım adım anlatmak istiyorum.

Öncelikle en baştan söylemek isterim ki bu yükleme işlemi yarım kalırsa telefonunuz tekrardan açılmayabilir. Herhangi bir sorunda ben ve www.mzekiosmancik.com sorumlu değildir. tamamen kendi iradenizle kuruluma başlamalısınız.
Özellikle orjinal yazılım olduğu için telefonunuzu garantiden çıkarmaz onu söylemekte fayda var.Yükleme işlemini yapmanız için herhangi bir root veya kernel yüklemesine ihtiyacınız yok.

Şimdi adım adım kurulumu yapalım.

1) Odin dosyasını buradan indirip dosyayı zipten çıkarın.

2) I9100XXLSJ_I9100OXXLS1_OXX dosyasını buradan indirip dosyayı zipten çıkarın.
3) Odin’i çalıştırın
4) Samsung Galaxy S2 cihazınızı “Download Modu”na getirmeniz gerekiyor bunun için Açma Kapama + Home (Menü) + Ses kısma tuşlarına aynı anda uzunca basın
5) Galaxy S2 cihazınızı USB kablosu ile bilgisayarınıza bağlayın
6) Odin cihazınızı tanımlayana kadar bekleyin. Odin ekranındaki değişikliği göreceksiniz.
7) Sıra geliyor Odin’ e girilecek olan içeriği siteme tanıtmaya. Sırasıyla PDA, PHONE ve CSC başlıklarına ilgili dosyaları seçiyorsunuz.

PDA =  CODE_I9100XXLSJ.tar
PHONE =  MODEM_I9100XXLS6.tar
CSC =  CSC_HOME_OXX_I9100OXXLS1.tar

Resimde görülen ekranı elde ettiyseniz yüklemeye hazırsınız demektir 😀 hadi başlayalım….
galaxys2

9) Start tuşuna basın
10) Odin ekranı üzerinde PASS yazısını gördüğümüzde artık jelly bean kullanıma hazır demektir.
11) Tüm işlemler tamamlandıktan sonra Samsung Galaxy S2’nin yükleme işlemlerini tamamlamasını beklememiz gerekiyor biraz sabırlı olmalıyız çünkü bu işlem yaklaşık 5 dakika sürebilir.

Daha sonra Samsung Galaxy S2 telefonunuzda Jelly Bean kolaylığını yaşayabilirsiniz.

Kolay Gelsin 🙂

Bilgiyle Kalın

M.Zeki Osmancık

 

VMWare Windows 8 Kurulumu 1024 641 mezo

VMWare Windows 8 Kurulumu

Merhaba arkadaşlar
Windows 8 Developer Preview çıktı biliyorsunuz. Merak edip kurdum ve kurarken bazı sorunlarla karşılaştım. Genel manada pek beğendim denilemez ama incelemek isteyen arkadaşlar için kurulum ile alakalı birkaç not aktarmak isterim…
Öncelikle buradan indiriyorsunuz http://msdn.microsoft.com/en-us/windows/apps/br229516

Daha sonra VMWare programımızı çalıştırıyorsunuz henüz windows 8 uyumu yok ama Windows 7 seçerek sağlıklı şekilde kurulabilir

VMWare ile standart kurulum yapmaya çalıştığımızda kurulum başladıktan sonra dil ekranını beklerken böyle bir hata ile karşılaşıyoruz. ilk girişte key de girsek ne yapsak kar etmiyor.

Bunun sebebi standart kurulum yaparken oluşturulan sanal makinede Disket sürücüsününde bulunması ilk kurulum yaparken bu disketten key bilgisini okumaya çalışıyor hiç birşey bulamadığı içinde key ile ilgili hata veriyor.  Çözümü sanal makinenin ayarlarını açıp disket sürücüsünü silmek. bundan sonra hiç sorun kalmıyor…

Bundan sonrası klasik windows kurulumu.

Kurulum tamamlandıktan sonra bizden windows hesap bilgilerimizi istiyor ve internete bağlanarak bilgilerimizi alarak bizim için bir oturum oluşturuyor.

Veee Microsoft un en son Windows Mobile 7 de kullandığı çokda kullanışlı olmayan menüsü bizi karşılıyor.

İçersinde Internet Explorer 10  Visual Studio 11 ve Expression 5 yüklü olarak geliyor. Bunları inceledikçe notlarımı yine sizlerle paylaşacağım.

Şimdilik bu kadar sonraki yazılarda görüşmek üzere….

M.Zeki Osmancık

    Join our Newsletter

    We'll send you newsletters with news, tips & tricks. No spams here.