Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
DotVVM Fundamentals
1. ASP.NET Core and DotVVM
Designing web forms to work with data.
Speaker.
Daniel Gomez Jaramillo
2. • Colombian.
• Systems Engineering Student (5th Year) – EC.
• DotVVM Developer Advocate.
• Gold Student Ambassador at Microsoft Learn.
• Microsoft UCuenca Community Leader.
• Microsoft User Group Ecuador Leader.
• C# Corner MVP.
• Co-Founder AI Latam.
• Dev/Tech Writer & Speaker.
esdanielgomez@outlook.com
@esDanielGomez
Daniel Gomez
DotVVM Community Meetup – August 2020
3. And more! – Conclusions, gifts, and resources of interest.
Model, View, ViewModel - MVVM Pattern.
Web forms with DotVVM
The ASP.NET Core environment for working with cross-platform applications.
Agenda
4. About .NET
General aspects
.NET is an application development framework created by Microsoft. It allows us to
perform applications of all kinds, from desktop programs to web applications or
console programs.
The innovation behind .NET is to integrate
all of Microsoft's development tools,
libraries, languages, technologies,
purposes, under the same framework, that
we can get wherever the developer or
company needs.
5. DESKTOP WEB CLOUD MOBILE GAMING IoT AI
.NET
.NET - An ecosystem to create any type of application
6. DESKTOP WEB CLOUD MOBILE GAMING IoT AI
Visual Studio Visual Studio Code Command Line Your editorVisual Studio for Mac
.NET
.NET - An ecosystem to create any type of application
9. MVVM (Model, View, View-Model)
Architectural pattern in ASP.NET Core
A. Model. — is responsible for all application data and related business logic.
B. View. — Representations for the end user of the application model. The view is
responsible for displaying the data to the user and allowing manipulation of
application data.
C. Model-View or View-Model. — One or more per view; the model-view is
responsible for implementing view behavior to respond to user actions and for
easily exposing model data.
10. About DotVVM
ASP.NET Core - DotVVM
DotVVM is a ASP.NET framework that allows us to create web applications
through the MVVM (View-Model-ViewModel) design pattern using C- and
HTML.
DotVVM is a project that is part of the .NET Foundation.
11. Required tools and add-ons
Necessary work tools
Visual Studio 2019 aka.ms/vs
Tools and add-ons needed
1. Work environment: ASP.NET and web development.
2. DotVVM Extension for Visual Studio 2019:
marketplace.visualstudio.com/items?itemName=TomasHerceg.DotVVM-VSExtension2019
.NET Core SDK aka.ms/dotnetcore-download
12. Application to manage student information
Case study for the session
Student
▪ Id
▪ FirstName
▪ LastName
▪ About
▪ EnrollmentDate
13. Application to manage student information
Case study for the session
Model
View
ViewModel
Data Access Layer
Business Layer
Presentation Layer
14. ▪ DotVVM and ASP.NET Core: Implementing CRUD operations.
▪ DotVVM CRUD application with Entity Framework and Cosmos DB.
▪ Working with ASP.NET Core and DotVVM on Visual Studio Code.
▪ Web forms with DotVVM controls.
Articles and tutorials from Developer Advocates - 1
15. ▪ Build Azure Pipeline to your DotVVM application.
▪ Deploy web applications with ASP.NET Core and DotVVM on AWS Elastic
Beanstalk.
▪ Containerize a DotVVM Web Application and a MySQL Database with
Docker Compose.
Articles and tutorials from Developer Advocates - 2
16. ▪ Medium Community: medium.com/dotvvm
▪ Dev.to Community: dev.to/dotvvm
▪ DotVVM Academy: academy.dotvvm.com
▪ WhatsApp Group: bit.ly/dotvvmwapp
Links and learning spaces open to everyone
17. DotVVM Campus Ambassador Program
DotVVM Campus Ambassador is a student program that provides an
opportunity for its members to acquire new knowledge about .NET in general
and DotVVM.
DotVVM ambassadors will be able to share
their knowledge with the technical community
and support from DotVVM staff.
More information and application at: bit.ly/capdotvvm