SlideShare a Scribd company logo
ASP.NET Core and DotVVM
Designing web forms to work with data.
Speaker.
Daniel Gomez Jaramillo
• 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
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
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.
DESKTOP WEB CLOUD MOBILE GAMING IoT AI
.NET
.NET - An ecosystem to create any type of application
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
Tools and controls for ASP.NET Core
Tools and controls for ASP.NET Core
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.
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.
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
Application to manage student information
Case study for the session
Student
▪ Id
▪ FirstName
▪ LastName
▪ About
▪ EnrollmentDate
Application to manage student information
Case study for the session
Model
View
ViewModel
Data Access Layer
Business Layer
Presentation Layer
▪ 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
▪ 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
▪ 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
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
Contact
linkedin.com/in/esdanielgomez/
@esDanielGomez
esdanielgomez@outlook.com
dev.to/esdanielgomez
esdanielgomez
Daniel Gomez Jaramillo
DotVVM Fundamentals

More Related Content

What's hot (20)

PDF
Dhanusha Bijawat Resume
Dhanusha Vijayvergiya
 
PDF
Introduction to Front End Engineering
Mark Meeker
 
DOC
resume
Bhavneet Singh
 
DOCX
Resume.doc
Balachandran V
 
DOC
Satish_Yeole_Dot_NET
Satish Yeole
 
DOCX
Sanjay Ravikumar_Resume
Sanjay Ravikumar
 
PDF
Youssef Mohsen El Badry
Youssef El-Badry
 
DOCX
Srinivas_CH
Srinivas CH
 
DOCX
Resume
anquirefrach
 
DOC
Amr nabil C.V
Amr Nabil
 
PDF
Deepak CV
deepak52567
 
PDF
Modern front end development
Tomislav Mesić
 
DOCX
Web developer resume
Madhuchandra Bhattacharyya
 
PDF
Web developer / Full Stack Engineer/ backend Developer /Frontend Developer
ruochen Liao
 
PPTX
Skills and Experience
Michael Cantwell, bCRE
 
PPTX
What is a pba webdeveloper?
tiefield
 
PPTX
Front-end Engineering Concepts
Sameer Karve
 
PPTX
who we are
AlenDuranovic
 
PDF
coursera-full-stack-web-development-specialization
Madrisan Davide
 
DOC
SANGEETA_AngularJS_Developer
SANGEETA KUMARI
 
Dhanusha Bijawat Resume
Dhanusha Vijayvergiya
 
Introduction to Front End Engineering
Mark Meeker
 
Resume.doc
Balachandran V
 
Satish_Yeole_Dot_NET
Satish Yeole
 
Sanjay Ravikumar_Resume
Sanjay Ravikumar
 
Youssef Mohsen El Badry
Youssef El-Badry
 
Srinivas_CH
Srinivas CH
 
Resume
anquirefrach
 
Amr nabil C.V
Amr Nabil
 
Deepak CV
deepak52567
 
Modern front end development
Tomislav Mesić
 
Web developer resume
Madhuchandra Bhattacharyya
 
Web developer / Full Stack Engineer/ backend Developer /Frontend Developer
ruochen Liao
 
Skills and Experience
Michael Cantwell, bCRE
 
What is a pba webdeveloper?
tiefield
 
Front-end Engineering Concepts
Sameer Karve
 
who we are
AlenDuranovic
 
coursera-full-stack-web-development-specialization
Madrisan Davide
 
SANGEETA_AngularJS_Developer
SANGEETA KUMARI
 

Similar to DotVVM Fundamentals (20)

ODP
dot net
sambhajimeher
 
DOCX
Oh 10 Q3 Kenneth Webber
Kenneth Webber
 
DOC
RohiniKrishna_Feb
Rohini Krishna
 
PDF
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
phatsrla45
 
PDF
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
jgrwvnal9590
 
PDF
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
miyekeiven
 
DOCX
Divya ASP Developer
divya k
 
DOC
S Kumar Resume
S Kumar
 
PPTX
Inventory management project based on ASP.NET, introduction to C# and ASP.NET
Himanshu Patel
 
DOCX
rupendrakumart
rupendra kumar t
 
PDF
TechnoGeek training report
Anup Singh
 
DOC
Sajjad 2016 (1)
Sajjad ahmed
 
PPTX
Latest trends in information technology
Eldos Kuriakose
 
PDF
Why Dot Net is the Most Demanded Framework in 2024
GetAProgrammer
 
DOC
Ravindra Prasad
Ravindra Prasad
 
PDF
A Deep Dive into Android App Development 2.0.pdf
lubnayasminsebl
 
PDF
English Resume - Glaucia Lemos
Glaucia Lemos
 
PPTX
Directions on microsoft_web_and_cloud_development
Takeshi Shinmura
 
PDF
ACM SIGCHI EICS-2019 Keynote. Quid, Pedro J. Molina
Pedro J. Molina
 
PPTX
Apply now for dot net training classes in Noida
Ducat India
 
dot net
sambhajimeher
 
Oh 10 Q3 Kenneth Webber
Kenneth Webber
 
RohiniKrishna_Feb
Rohini Krishna
 
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
phatsrla45
 
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
jgrwvnal9590
 
NET Programming A Practical Guide Using C 1st Edition Pradeep Tapadiya
miyekeiven
 
Divya ASP Developer
divya k
 
S Kumar Resume
S Kumar
 
Inventory management project based on ASP.NET, introduction to C# and ASP.NET
Himanshu Patel
 
rupendrakumart
rupendra kumar t
 
TechnoGeek training report
Anup Singh
 
Sajjad 2016 (1)
Sajjad ahmed
 
Latest trends in information technology
Eldos Kuriakose
 
Why Dot Net is the Most Demanded Framework in 2024
GetAProgrammer
 
Ravindra Prasad
Ravindra Prasad
 
A Deep Dive into Android App Development 2.0.pdf
lubnayasminsebl
 
English Resume - Glaucia Lemos
Glaucia Lemos
 
Directions on microsoft_web_and_cloud_development
Takeshi Shinmura
 
ACM SIGCHI EICS-2019 Keynote. Quid, Pedro J. Molina
Pedro J. Molina
 
Apply now for dot net training classes in Noida
Ducat India
 
Ad

More from Daniel Gomez Jaramillo (16)

PDF
Servicios de base de datos multimodelo NoSQL con Azure CosmosDB y aplicación...
Daniel Gomez Jaramillo
 
PDF
Microsoft Cognitive Services y el lado humano de las aplicaciones inteligentes.
Daniel Gomez Jaramillo
 
PDF
HTML y Alojamiento en Azure.
Daniel Gomez Jaramillo
 
PDF
Internet y seguridad en redes
Daniel Gomez Jaramillo
 
PDF
Sistema de gestión de base de datos SQL UC
Daniel Gomez Jaramillo
 
PDF
Colecciones en Scala
Daniel Gomez Jaramillo
 
PDF
Codificación de Huffman
Daniel Gomez Jaramillo
 
PPTX
Algoritmos de ordenamiento externo sobre archivos
Daniel Gomez Jaramillo
 
PDF
Reproductor de música DG Player
Daniel Gomez Jaramillo
 
PDF
Colecciones en Python
Daniel Gomez Jaramillo
 
PDF
Paradigmas de la programación
Daniel Gomez Jaramillo
 
PDF
Fuerzas de rozamiento
Daniel Gomez Jaramillo
 
PDF
Clases y objetos en Java
Daniel Gomez Jaramillo
 
PDF
Arboles M-Way, 2-3 y 2-3-4
Daniel Gomez Jaramillo
 
PDF
Algoritmo de ordenamiento: Heap Sort
Daniel Gomez Jaramillo
 
PPTX
Programación dinámica
Daniel Gomez Jaramillo
 
Servicios de base de datos multimodelo NoSQL con Azure CosmosDB y aplicación...
Daniel Gomez Jaramillo
 
Microsoft Cognitive Services y el lado humano de las aplicaciones inteligentes.
Daniel Gomez Jaramillo
 
HTML y Alojamiento en Azure.
Daniel Gomez Jaramillo
 
Internet y seguridad en redes
Daniel Gomez Jaramillo
 
Sistema de gestión de base de datos SQL UC
Daniel Gomez Jaramillo
 
Colecciones en Scala
Daniel Gomez Jaramillo
 
Codificación de Huffman
Daniel Gomez Jaramillo
 
Algoritmos de ordenamiento externo sobre archivos
Daniel Gomez Jaramillo
 
Reproductor de música DG Player
Daniel Gomez Jaramillo
 
Colecciones en Python
Daniel Gomez Jaramillo
 
Paradigmas de la programación
Daniel Gomez Jaramillo
 
Fuerzas de rozamiento
Daniel Gomez Jaramillo
 
Clases y objetos en Java
Daniel Gomez Jaramillo
 
Arboles M-Way, 2-3 y 2-3-4
Daniel Gomez Jaramillo
 
Algoritmo de ordenamiento: Heap Sort
Daniel Gomez Jaramillo
 
Programación dinámica
Daniel Gomez Jaramillo
 
Ad

Recently uploaded (20)

PPTX
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
PDF
RAT Builders - How to Catch Them All [DeepSec 2024]
malmoeb
 
PPTX
AVL ( audio, visuals or led ), technology.
Rajeshwri Panchal
 
PPTX
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
PDF
introduction to computer hardware and sofeware
chauhanshraddha2007
 
PDF
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
PDF
Generative AI vs Predictive AI-The Ultimate Comparison Guide
Lily Clark
 
PDF
Market Insight : ETH Dominance Returns
CIFDAQ
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
PPTX
Agile Chennai 18-19 July 2025 Ideathon | AI Powered Microfinance Literacy Gui...
AgileNetwork
 
PDF
NewMind AI Weekly Chronicles – July’25, Week III
NewMind AI
 
PDF
Build with AI and GDG Cloud Bydgoszcz- ADK .pdf
jaroslawgajewski1
 
PDF
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
PDF
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
PPTX
Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptx
bashnahara11
 
PPTX
The Future of AI & Machine Learning.pptx
pritsen4700
 
PDF
How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdf
Stryv Solutions Pvt. Ltd.
 
PDF
The Future of Artificial Intelligence (AI)
Mukul
 
PPTX
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
RAT Builders - How to Catch Them All [DeepSec 2024]
malmoeb
 
AVL ( audio, visuals or led ), technology.
Rajeshwri Panchal
 
What-is-the-World-Wide-Web -- Introduction
tonifi9488
 
introduction to computer hardware and sofeware
chauhanshraddha2007
 
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
Generative AI vs Predictive AI-The Ultimate Comparison Guide
Lily Clark
 
Market Insight : ETH Dominance Returns
CIFDAQ
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
Agile Chennai 18-19 July 2025 Ideathon | AI Powered Microfinance Literacy Gui...
AgileNetwork
 
NewMind AI Weekly Chronicles – July’25, Week III
NewMind AI
 
Build with AI and GDG Cloud Bydgoszcz- ADK .pdf
jaroslawgajewski1
 
CIFDAQ's Market Wrap : Bears Back in Control?
CIFDAQ
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptx
bashnahara11
 
The Future of AI & Machine Learning.pptx
pritsen4700
 
How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdf
Stryv Solutions Pvt. Ltd.
 
The Future of Artificial Intelligence (AI)
Mukul
 
Agile Chennai 18-19 July 2025 | Emerging patterns in Agentic AI by Bharani Su...
AgileNetwork
 

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. [email protected] @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
  • 7. Tools and controls for ASP.NET Core
  • 8. Tools and controls for ASP.NET Core
  • 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