https://linz-preview.coderdojo.net/categories/blazor/ Recent content in Blazor on CoderDojo Linz Hugo de-AT https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/ Mon, 01 Jan 0001 00:00:00 +0000 https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/ <h1 id="tetris-mit-blazor">Tetris mit Blazor</h1> <h2 id="kostenlose-voraussetzungen">Kostenlose Voraussetzungen</h2> <ul> <li>Neueste Version von <a href="https://visualstudio.microsoft.com/free-developer-offers/" target="_blank">Visual Studio 2017 Community Edition</a> mit <em>ASP.NET and web development</em></li> <li><a href="https://marketplace.visualstudio.com/items?itemName=aspnet.blazor" target="_blank">ASP.NET Core Blazor Language Services</a></li> </ul> <h2 id="projekt-anlegen">Projekt anlegen</h2> <ul> <li> <p>Visual Studio starten</p> </li> <li> <p><em>File</em> / <em>New</em> / <em>Project</em></p> </li> <li> <p>Neues <em>ASP.NET</em> Projekt anlegen:<br/> <div class="row"> <div class="col"> <p></p> </div> <div class="col-12 col-md-12"> <img src="https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-project.png" alt="(.Get 1)" class="mx-auto " style="display: block; width: auto" /> </div> </div> </p> </li> <li> <p><em>Blazor</em> Projekttyp auswählen:<br/> <div class="row"> <div class="col"> <p></p> </div> <div class="col-12 col-md-12"> <img src="https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/new-blazor-project.png" alt="(.Get 1)" class="mx-auto " style="display: block; width: auto" /> </div> </div> </p> </li> <li> <p>Nach dem Anlegen des Projekt den Startmodus ändern:<br/> <div class="row"> <div class="col"> <p></p> </div> <div class="col-12 col-md-12"> <img src="https://linz-preview.coderdojo.net/uebungsanleitungen/programmieren/web/blazor-tetris/img/start-as-cmd.png" alt="(.Get 1)" class="mx-auto " style="display: block; width: auto" /> </div> </div> </p> </li> <li> <p>Probiere, das Programm mit <em>F5</em> oder <em>Debug</em> / <em>Start Debugging</em> zu starten. Es müsste ein Kommandozeilenfenster und ein Browser aufgehen. Im Browser solltest du folgendes sehen:<br/> <div class="row"> <div class="col"> <p></p>