The base program is given on the <a 
href="https://github.com/Codefinity-Java/MAUIThreadingTask"
target="_blank"
style="color: #ff8a00; font-weight: 600; text-decoration: none; transition: 0.3s ease-in-out;"
onmouseover="this.style.color='#ff0000'"
onmouseout="this.style.color='#d27204'">Github Repository</a>. Clone the repository to begin solving the task.

<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism.min.css"
/>
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-okaidia.min.css"
/>
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.css"
/>


<link rel="stylesheet" href="https://cdn.plyr.io/3.6.8/plyr.css" />
<link
  rel="stylesheet"
  href="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.css"
/>


<div class="button-container">
  <button id="btn-hint" class="button" onclick="hintClick()">Hint</button>
  <button id="btn-solution" class="button" onclick="solutionClick()">
    Solution
  </button>
  <button id="btn-video" class="button" onclick="videoClick()">
    Video Tutorial
  </button>
</div>


<div id="hint-block" class="block">
  Statements related to UI updates are best to execute in the Main Thread.
</div>


<div id="solution-block" class="block">
  <pre><code class="language-csharp">
using Microsoft.Maui.Controls.Shapes;
using System.Globalization;
using System.Net.Http;

namespace MauiApp1
{
    public class apiEvent
    {
        public delegate void apiEventHandler(object sender, apiEventArgs e);

        public event apiEventHandler? OnResponse;

        public void OnApiResponse(string content)
        {
            apiEventHandler? handler = OnResponse;

            if (handler != null)
            {
                handler(this, new apiEventArgs(content));
            }
        }
    }

    public class apiEventArgs : EventArgs
    {
        public string Link { get; }

        public apiEventArgs(string content)
        {
            this.Link = content;
        }
    }

    public partial class MainPage : ContentPage
    {
        public apiEvent apiService = new apiEvent();

        Thread? mainTimer;
        Thread? getRequestThread;
        long ticks;

        public MainPage()
        {
            InitializeComponent();

            getImageButton.Clicked += GetImage;
            apiService.OnResponse += SetImage;

            ticks = 0;
            mainTimer = new Thread(new ThreadStart(timerUpdate));
            mainTimer.Start();
        }

        public void timerUpdate()
        {
            while (true)
            {
                ticks++;
                Thread.Sleep(50);
                MainThread.BeginInvokeOnMainThread(() => {
                    timerLabel.Text = $"Tick Count: {ticks}";
                });
            }
        }

        private void SetImage(object? sender, apiEventArgs e)
        {
            MainThread.BeginInvokeOnMainThread(() =>
            {
                mainImage.Source = e.Link;
            });
        }

        private void GetImage(object? sender, EventArgs e)
        {
            if (getRequestThread != null && !getRequestThread.IsAlive)
                getRequestThread = null;

            if (getRequestThread == null)
            {
                getRequestThread = new Thread(new ThreadStart(GetRequest));
                getRequestThread.Start();
            }
        }

        private void GetRequest()
        {
            string apiUrl = "https://random.imagecdn.app/v1/image";

            using (HttpClient client = new HttpClient())
            {
                HttpResponseMessage response = client.GetAsync(apiUrl).Result;

                if (response.IsSuccessStatusCode)
                {
                    string content = response.Content.ReadAsStringAsync().Result;
                    apiService.OnApiResponse(content);
                }
            }
        }
    }
}    
      </code></pre>
</div>


<div id="video-block" class="block">
  <div class="custom-player">
    <video width="100%" controls>
      
      <source
        src="https://content-media-cdn.codefinity.com/courses/c585e6db-0d47-4d9a-aa26-c1a0358614c8/S3/Chapter+2+-+Task+Description.mp4"
        type="video/mp4"
        data-plyr-config='{
          "quality": {
            "default": "720",
            "options": ["144", "240", "360", "480", "720", "1080"]
          }
        }'
      />
    </video>
  </div>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-csharp.min.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/buttons-section/hint-solution-video.js"></script>


<script src="https://cdn.plyr.io/3.6.8/plyr.js"></script>
<script src="https://content-media-cdn.codefinity.com/courses/c1087363-9025-4c37-8d5e-983a32a007e9/video-tools-section/video-player.js"></script>

Dans ce cours, nous apprendrons certains concepts avancés de C# ainsi que MAUI, qui est une bibliothèque de développement d'applications. Nous apprendrons à créer des applications GUI intéressantes tout en les gardant rapides et réactives en utilisant des techniques comme le Threading. Nous créerons des applications qui interagiront avec les entrées utilisateur et les API, et en dehors de cela, nous couvrirons certains concepts importants de C# comme la Réflexion et les Génériques. Ce cours améliorera davantage nos compétences en programmation et nous donnera une base solide pour avancer vers le développement Web.

Dans cette section, nous apprendrons ce qu'est MAUI et comment configurer une application .NET MAUI. Nous examinerons également la structure d'une application MAUI, et à la fin, nous apprendrons comment ajouter des éléments de base à notre interface utilisateur. Cette section nous préparera pour le reste du cours où nous travaillerons avec des concepts plus pratiques.

Dans cette section, nous apprendrons les delegates, les événements et la liaison de données. En utilisant ces connaissances, nous apprendrons à créer des applications GUI interactives intéressantes.

Dans cette section, nous apprendrons ce qu'est le Threading et comment l'utiliser pour garder nos applications réactives et fonctionner sans problème tout en effectuant des tâches intensives en ressources. Nous verrons comment il diffère d'autres concepts similaires en C# et quelles sont les bonnes pratiques lors de l'implémentation du Threading dans notre application. Il y aura également des tâches intéressantes pour nous aider à comprendre ce concept à un niveau plus profond.

Dans cette section, nous apprendrons comment créer des méthodes, des classes et d'autres objets plus robustes qui peuvent fonctionner avec plusieurs types de données d'entrée, en apprenant d'abord les generics et comment implémenter des classes generics, puis nous passerons à la reflection et comment utiliser la reflection pour améliorer davantage les capacités de nos programmes.

Tâche - Prévenir les Blocages de Programme en Utilisant le Threading

Description de la tâche

Awesome!

Tâche - Prévenir les Blocages de Programme en Utilisant le Threading

Description de la tâche