Olá leitores do blog Cursos Legais! É uma alegria tê-los aqui para explorar o mundo do desenvolvimento web com ASP.NET. Se você está animado para aprender a criar aplicativos web poderosos, você está no lugar certo. Neste curso passo a passo, vamos cobrir desde os conceitos básicos até a construção de 10 exemplos práticos de código usando ASP.NET.

Passo 1: Introdução ao ASP.NET

ASP.NET é um framework da Microsoft para o desenvolvimento de aplicativos web. Vamos começar nossa jornada pela compreensão dos conceitos básicos do ASP.NET.

Passo 2: Configuração do Ambiente e Criação do Projeto

Antes de mergulharmos nos exemplos de código, vamos configurar nosso ambiente:

Instale o Visual Studio: Baixe e instale o Visual Studio, a IDE oficial para desenvolvimento ASP.NET.
Crie um Novo Projeto ASP.NET: Abra o Visual Studio, crie um novo projeto ASP.NET e escolha um modelo (por exemplo, "Aplicativo Web ASP.NET").

Passo 3: Páginas e Controles Básicos

Vamos começar a criar páginas e entender controles básicos:

Exemplo 1: Página de Boas-Vindas

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Welcome.aspx.cs" Inherits="WebApp.Welcome" %>

<!DOCTYPE html>
<html>
<head>
    <title>Bem-Vindo ao ASP.NET</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h1>Bem-Vindo ao ASP.NET</h1>
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Exemplo 2: Evento de Botão

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ButtonEvent.aspx.cs" Inherits="WebApp.ButtonEvent" %>

<!DOCTYPE html>
<html>
<head>
    <title>Evento de Botão</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Evento de Botão</h2>
            <asp:Button ID="btnClick" runat="server" Text="Clique-me" OnClick="btnClick_Click" />
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Passo 4: Trabalhando com Banco de Dados

Vamos aprender a trabalhar com banco de dados usando ASP.NET:

Exemplo 3: Listagem de Dados do Banco de Dados

Crie um banco de dados com uma tabela "Produtos" e, em seguida, crie uma página ASP.NET para listar os produtos:

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductList.aspx.cs" Inherits="WebApp.ProductList" %>

<!DOCTYPE html>
<html>
<head>
    <title>Listagem de Produtos</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Listagem de Produtos</h2>
            <asp:GridView ID="gridProducts" runat="server" AutoGenerateColumns="False">
                <Columns>
                    <asp:BoundField DataField="ProductID" HeaderText="ID do Produto" />
                    <asp:BoundField DataField="ProductName" HeaderText="Nome do Produto" />
                    <asp:BoundField DataField="Category" HeaderText="Categoria" />
                </Columns>
            </asp:GridView>
        </div>
    </form>
</body>
</html>

Exemplo 4: Inserção de Dados no Banco de Dados

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductInsert.aspx.cs" Inherits="WebApp.ProductInsert" %>

<!DOCTYPE html>
<html>
<head>
    <title>Inserção de Produto</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Inserção de Produto</h2>
            <asp:TextBox ID="txtProductName" runat="server" Placeholder="Nome do Produto"></asp:TextBox>
            <asp:DropDownList ID="ddlCategory" runat="server">
                <asp:ListItem Value="Eletrônicos">Eletrônicos</asp:ListItem>
                <asp:ListItem Value="Roupas">Roupas</asp:ListItem>
                <asp:ListItem Value="Acessórios">Acessórios</asp:ListItem>
            </asp:DropDownList>
            <asp:Button ID="btnInsert" runat="server" Text="Inserir" OnClick="btnInsert_Click" />
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Passo 5: Autenticação e Autorização

Vamos explorar autenticação e autorização usando ASP.NET:

Exemplo 5: Página de Login

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="WebApp.Login" %>

<!DOCTYPE html>
<html>
<head>
    <title>Página de Login</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Página de Login</h2>
            <asp:TextBox ID="txtUsername" runat="server" Placeholder="Usuário"></asp:TextBox>
            <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Placeholder="Senha"></asp:TextBox>
            <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" />
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Exemplo 6: Página Protegida

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProtectedPage.aspx.cs" Inherits="WebApp.ProtectedPage" %>

<!DOCTYPE html>
<html>
<head>
    <title>Página Protegida</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Página Protegida</h2>
            <asp:Label ID="lblWelcome" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Passo 6: APIs e Consumo de Dados Externos

Vamos aprender a trabalhar com APIs e consumir dados externos:

Exemplo 7: Consumindo API de Previsão do Tempo

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WeatherForecast.aspx.cs" Inherits="WebApp.WeatherForecast" %>

<!DOCTYPE html>
<html>
<head>
    <title>Previsão do Tempo</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Previsão do Tempo</h2>
            <asp:TextBox ID="txtCity" runat="server" Placeholder="Cidade"></asp:TextBox>
            <asp:Button ID="btnGetWeather" runat="server" Text="Obter Previsão" OnClick="btnGetWeather_Click" />
            <asp:Label ID="lblTemperature" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Passo 7: Controles de Interface Avançados

Vamos explorar controles de interface avançados:

Exemplo 8: Calendário Interativo

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Calendar.aspx.cs" Inherits="WebApp.Calendar" %>

<!DOCTYPE html>
<html>
<head>
    <title>Calendário Interativo</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Calendário Interativo</h2>
            <asp:Calendar ID="calEvent" runat="server" OnSelectionChanged="calEvent_SelectionChanged"></asp:Calendar>
            <asp:Label ID="lblSelectedDate" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Exemplo 9: Controle de Upload de Arquivos

asp
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FileUpload.aspx.cs" Inherits="WebApp.FileUpload" %>

<!DOCTYPE html>
<html>
<head>
    <title>Controle de Upload de Arquivos</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <h2>Controle de Upload de Arquivos</h2>
            <asp:FileUpload ID="fileUpload" runat="server" />
            <asp:Button ID="btnUpload" runat="server" Text="Fazer Upload" OnClick="btnUpload_Click" />
            <asp:Label ID="lblMessage" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>

Passo 8: Trabalhando com Mestre-Página

Vamos criar uma página mestre para manter a consistência em todo o site:

Exemplo 10: Página Mestre e Página Filha

Crie uma página mestre chamada "Site.Master":

asp
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server"></asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>
        </div>
    </form>
</body>
</html>

Crie uma página filha que usa a página mestre:

asp
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MasterPageExample.aspx.cs" Inherits="WebApp.MasterPageExample" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Exemplo de Página Mestre</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h2>Exemplo de Página Mestre</h2>
    <p>Este é um exemplo de página usando uma página mestre.</p>
</asp:Content>

Conclusão

Parabéns! Você concluiu este curso passo a passo sobre desenvolvimento com ASP.NET. Esperamos que você tenha obtido uma compreensão sólida dos conceitos e recursos do ASP.NET para criar aplicativos web incríveis.

Sobre o Autor

Este curso foi elaborado por Rodrigo Ferreira da Silva, um analista de desenvolvedor de sistemas e big data apaixonado por compartilhar conhecimento sobre programação e tecnologia.

Aproveite suas novas habilidades em desenvolvimento web e continue explorando o mundo da criação de aplicativos poderosos!

Mini Curso ASP.NET