Scribd
Cargar
17 vistas4 páginas

Semana 1

ASP.NET Core es una tecnología de desarrollo web de Microsoft que permite crear aplicaciones dinámicas y APIs utilizando C#. Se basa en el patrón MVC para organizar el código y utiliza Razor para mezclar HTML con C#. Además, es multiplataforma y ofrece una estructura de proyecto clara con carpetas para controladores, modelos y vistas.

Cargado por

Marck
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
17 vistas4 páginas

Semana 1

ASP.NET Core es una tecnología de desarrollo web de Microsoft que permite crear aplicaciones dinámicas y APIs utilizando C#. Se basa en el patrón MVC para organizar el código y utiliza Razor para mezclar HTML con C#. Además, es multiplataforma y ofrece una estructura de proyecto clara con carpetas para controladores, modelos y vistas.

Cargado por

Marck
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

Semana 1

🔹 ¿Qué es ASP.NET Core?


ASP.NET Core es una tecnología moderna de desarrollo web creada por Microsoft. Nos
permite crear sitios web dinámicos, APIs y aplicaciones web completas utilizando el
lenguaje de programación C#.

💡 ¿Por qué usar ASP.NET Core?

 Es rápido, moderno y multiplataforma (funciona en Windows, Linux y Mac).


 Usa el patrón MVC, lo que ayuda a organizar mejor el código.
 Permite trabajar con bases de datos, autenticación, servicios web, etc.
 Usa Razor Pages, una forma fácil de integrar código C# con HTML.

🔸 Comparación con PHP + XAMPP


Concepto PHP + XAMPP ASP.NET Core
Lenguaje principal PHP C#
Servidor Apache (XAMPP) Kestrel (integrado) o IIS
Estructura del código A veces todo mezclado en Separado en Modelo, Vista y
un archivo Controlador
Tipo de aplicación Sitios dinámicos Sitios dinámicos + APIs + Web
apps
IDE común Visual Studio Code / Visual Studio / Visual Studio
Sublime Code
Integración con base MySQL SQL Server, MySQL,
de datos PostgreSQL, etc.

🤔 Ejemplo: En PHP creamos un archivo .php donde mezclamos HTML y lógica. En


ASP.NET usamos un archivo .cshtml donde usamos HTML con lógica en C# integrada.
🔹 Arquitectura MVC (Modelo – Vista – Controlador)
MVC es una forma de organizar el código para que sea más limpio, mantenible y fácil de
trabajar en equipo.

¿Qué significa?

 Modelo: Representa los datos. (Ejemplo: clase Producto, Usuario, etc.)


 Vista: Lo que el usuario ve. (HTML con Razor)
 Controlador: Recibe las acciones del usuario, procesa datos y devuelve una vista.

🎯 Ejemplo simple:

 Vista: El usuario llena un formulario de productos.


 Controlador: Recibe esos datos y los guarda.
 Modelo: Es la clase Producto donde se definen sus campos.

🔸 Estructura de un Proyecto ASP.NET Core MVC


Cuando creamos un proyecto en Visual Studio, se genera una estructura con varias
carpetas:

📁 Controllers → Aquí van los controladores (lógica del sitio)


📁 Models → Aquí van los modelos (clases con propiedades)
📁 Views → Aquí van las vistas (HTML con Razor)
📁 wwwroot → Archivos estáticos (CSS, JS, imágenes)
📁 Data → (Opcional) para contexto de base de datos
📄 Program.cs → Punto de inicio de la app
📄 appsettings.json → Configuraciones como la cadena de conexión

🔹 Uso de Razor (Sintaxis y lógica embebida)


Razor es el motor de vistas de ASP.NET Core. Te permite mezclar HTML con C# de
forma sencilla y elegante.

🧩 Sintaxis básica
<h1>Hola, @nombre!</h1>

@{
var fecha = DateTime.Now;
}
<p>La fecha de hoy es: @fecha</p>

<ul>
@foreach (var producto in productos)
{
<li>@producto.Nombre - [email protected]</li>
}
</ul>

 @se usa para insertar código C# dentro del HTML.


 Puedes usar estructuras como if, for, foreach, etc.
 Puedes declarar variables dentro de bloques @{ }.

🔸 Rutas y navegación
Las rutas definen cómo se accede a cada página de tu aplicación desde el navegador.

¿Cómo funciona?

Por defecto, la ruta tiene este formato:

https://localhost:5001/{Controlador}/{Acción}/{id?}

Ejemplo:

 https://localhost:5001/Home/Index → va al método Index() del controlador


HomeController.
 https://localhost:5001/Producto/Detalles/5 → va al método
Detalles(int id) de ProductoController con id = 5.

🎯 ¿Cómo crear enlaces?


<a asp-controller="Producto" asp-action="Index">Ver Productos</a>

ASP.NET Core genera automáticamente la ruta según el controlador y acción que le digas.
En resumen
 ASP.NET Core MVC es moderno, potente y organizado.
 MVC nos ayuda a separar el diseño (Vista), la lógica (Controlador) y los datos
(Modelo).
 Razor te permite usar C# dentro del HTML.
 Las rutas controlan cómo el usuario navega por tu app.
 Ya conoces muchas herramientas (HTML, CSS, Bootstrap), solo tienes que
aprender cómo integrarlas con C# y Razor.

También podría gustarte