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

DOCX
CURRICULUM VITAE
DOC
PDF
Ahmed Saad Ashour
PDF
AAMIR SULTAN CV
PDF
DinaAlaaCV_LU
DOCX
CV_SerhiiKoval
DOCX
DO WHATEVER JUT TO STAY ALIVE
CURRICULUM VITAE
Ahmed Saad Ashour
AAMIR SULTAN CV
DinaAlaaCV_LU
CV_SerhiiKoval
DO WHATEVER JUT TO STAY ALIVE

What's hot (20)

PDF
Dhanusha Bijawat Resume
PDF
Introduction to Front End Engineering
DOC
DOCX
Resume.doc
DOC
Satish_Yeole_Dot_NET
DOCX
Sanjay Ravikumar_Resume
PDF
Youssef Mohsen El Badry
DOCX
Srinivas_CH
DOCX
Resume
DOC
Amr nabil C.V
PDF
Deepak CV
PDF
Modern front end development
DOCX
Web developer resume
PDF
Web developer / Full Stack Engineer/ backend Developer /Frontend Developer
PPTX
Skills and Experience
PPTX
What is a pba webdeveloper?
PPTX
Front-end Engineering Concepts
PPTX
who we are
PDF
coursera-full-stack-web-development-specialization
DOC
SANGEETA_AngularJS_Developer
Dhanusha Bijawat Resume
Introduction to Front End Engineering
Resume.doc
Satish_Yeole_Dot_NET
Sanjay Ravikumar_Resume
Youssef Mohsen El Badry
Srinivas_CH
Resume
Amr nabil C.V
Deepak CV
Modern front end development
Web developer resume
Web developer / Full Stack Engineer/ backend Developer /Frontend Developer
Skills and Experience
What is a pba webdeveloper?
Front-end Engineering Concepts
who we are
coursera-full-stack-web-development-specialization
SANGEETA_AngularJS_Developer
Ad

Similar to DotVVM Fundamentals (20)

PPTX
Training: MVVM Pattern
PPTX
MVVM ( Model View ViewModel )
PPTX
Using mvvm inside mvc in domain driven design
PDF
How I Accidentally Discovered MVVM
PPTX
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
PDF
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
PPTX
Ios models
PPTX
ASP.NET MVC Presentation
PPTX
Mvvm in the real world tccc10
PPTX
MVVM - Model View ViewModel
PPTX
ASP.NET MVC4 Overview
PPTX
Asp.Net Core MVC with Entity Framework
DOCX
Mvc, mvp & mvvm (erp)
PDF
Introduction to ASP.NET MVC
PPTX
MVC patten relate using in. net core latest varsion
PPTX
Design Pattern - MVC, MVP and MVVM
PPT
TDD with ASP.NET MVC 1.0
PPTX
ASPNet MVC series for beginers part 1
PPTX
Asp net mvc series for beginers part 1
PDF
Models used in iOS programming, with a focus on MVVM
Training: MVVM Pattern
MVVM ( Model View ViewModel )
Using mvvm inside mvc in domain driven design
How I Accidentally Discovered MVVM
Mvc vs mvp vs mvvm a guide on architecture presentation patterns
Choosing the Right HTML5 Framework to Build your Mobile Web Application White...
Ios models
ASP.NET MVC Presentation
Mvvm in the real world tccc10
MVVM - Model View ViewModel
ASP.NET MVC4 Overview
Asp.Net Core MVC with Entity Framework
Mvc, mvp & mvvm (erp)
Introduction to ASP.NET MVC
MVC patten relate using in. net core latest varsion
Design Pattern - MVC, MVP and MVVM
TDD with ASP.NET MVC 1.0
ASPNet MVC series for beginers part 1
Asp net mvc series for beginers part 1
Models used in iOS programming, with a focus on MVVM
Ad

More from Daniel Gomez Jaramillo (16)

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

Recently uploaded (20)

PPTX
A Presentation on Artificial Intelligence
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
cuic standard and advanced reporting.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Encapsulation theory and applications.pdf
PPTX
Cloud computing and distributed systems.
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Unlocking AI with Model Context Protocol (MCP)
PPT
Teaching material agriculture food technology
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Empathic Computing: Creating Shared Understanding
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Approach and Philosophy of On baking technology
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
A Presentation on Artificial Intelligence
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Understanding_Digital_Forensics_Presentation.pptx
cuic standard and advanced reporting.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Encapsulation theory and applications.pdf
Cloud computing and distributed systems.
MYSQL Presentation for SQL database connectivity
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Diabetes mellitus diagnosis method based random forest with bat algorithm
Unlocking AI with Model Context Protocol (MCP)
Teaching material agriculture food technology
Digital-Transformation-Roadmap-for-Companies.pptx
Empathic Computing: Creating Shared Understanding
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Mobile App Security Testing_ A Comprehensive Guide.pdf
Approach and Philosophy of On baking technology
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

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
  • 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