Tutoriales Explicados: Blazor I

Introducción, Entorno e Interacción con datos

Ratings: 0.00 / 5.00




Description

En este curso vamos a trabajar los tres primeros tutoriales del Learning Path de Microsoft para introducirse a Blazor. En el primero se explica de qué va Blazor, en el segundo cómo comenzar usando Visual Studio Code y en el tercero a interactuar con datos mediante los servicios correspondientes. Se recomienda tener un cierto conocimiento de C# previo.

.  M1: Introduction to Web Development with Blazor

Discover the key features of the Blazor framework, pages, and components to make your next application.

Introduction 1 min

What is Blazor? 1 min

When to use Blazor 1 min

Knowledge check 1 min

Summary 1 min


. M2: Build a web app with Blazor

Learn how to set up your development environment and build your first web app with Blazor, Visual Studio Code, and C#.

Learning objectives

In this module, you will:

  • Configure your local environment for Blazor development with Visual Studio Code

  • Create a new Blazor project

  • Add client-side logic to a Blazor web app


Prerequisites

  • Basic knowledge of web app concepts

  • C# .NET experience at a beginner level

  • Local installations of the .NET SDK and Visual Studio Code

  • C# extension for Visual Studio Code

  • Experience with using the command line

This module is part of these learning paths

  • Build web applications with Blazor

  • Introduction 3 min

  • What is Blazor? 6 min

  • Exercise - Create and run a Blazor web app 8 min

  • Razor components 8 min

  • Exercise - Add a component 4 min

  • Data binding and events 6 min

  • Exercise - Data binding and events 10 min

  • Summary 2 min

. M3: Interact with data in Blazor web apps

Design user interface elements for a web app by using Blazor components. You'll also obtain data and display it to the user on dynamic webpages.

Learning objectives

By the end of this module, you'll be able to:

  • Assemble a user interface for a web app by creating Blazor components.

  • Access data to display in your web app.

  • Share data in your web app between multiple Blazor components.

  • Bind an HTML element to a variable in a Blazor component.

Prerequisites

  • Familiarity with HTML and CSS in web development

  • Ability to write C# code at a novice level

  • Ability to create a Blazor web application

This module is part of these learning paths

  • Build web applications with Blazor

  • Introduction 3 min

  • Create a user interface with Blazor components 7 min

  • Exercise - Create a user interface with Blazor components 5 min

  • Access data from a Blazor component 7 min

  • Exercise - Access data from a Blazor component 5 min

  • Share data in Blazor applications 7 min

  • Exercise - Share data in Blazor applications 6 min

  • Bind controls to data in Blazor applications 7 min

  • Exercise - Bind controls to data in Blazor applications 5 min

  • Summary 7 min

What You Will Learn!

  • Aprenderan los conceptos básicos de Blazor según los tutoriales de Microsoft
  • Son unas 5 horas de vídeos, que unidos al tiempo de hacerlo el estudiante no debería llevar más de una semana.
  • No hay riesgos, aparte de perder la paciencia
  • El tutorial de Microsoft sigue un caso más o menos práctico para crear un software de gestión de Pizzas

Who Should Attend!

  • Está dirigido a alumnos no expertos en C# y que quieran hacer los tutoriales de Microsoft de una manera guía compensando las carencias en los materiales oficiales