SlideShare una empresa de Scribd logo
1 de 7
Knockout.js y Linq.js
con
ASP.NET MVC y Entity
Framework
http://www.nicholls.co/
@jdnichollsc
Una librería Javascript que...
Es Open Source y muy liviana(≈46Kb).
Es Completamente Basada en Javascript (nada
de dependencias).
Tiene muy buen Soporte de Navegadores
(Trabaja desde IE 6!!).
Implementa el Patrón Model-View-ViewModel
(MVVM)
Knockout fue desarrollado y es mantenido por Steve Sanderson, un
empleado de Microsoft.
Clave => Atributo data-bind
Propiedades observables
Configurando nuestro Proyecto
ASP.NET MVC
Tienes 2 Opciones para pasar los
Datos a la Vista:
Mediante Peticiones AJAX, en cualquier momento
después de que Knockout aplique el Modelo de
Presentación.
Cuando se carga la Página Web en el Navegador, es
decir cuando se renderiza la Vista por el
Controlador.
Arquitectura e Interfaces Gráficas
Knockout.diapositiva
Knockout.diapositiva
Knockout.diapositiva

Más contenido relacionado

La actualidad más candente

JavaScript Async | Juan Miguel Alcalá
JavaScript Async | Juan Miguel AlcaláJavaScript Async | Juan Miguel Alcalá
JavaScript Async | Juan Miguel AlcaláScio Consulting
 
Bases De Datos Mysql Con Java
Bases De Datos Mysql Con JavaBases De Datos Mysql Con Java
Bases De Datos Mysql Con JavaYoni Villegas
 
Introduccion a Nodejs
Introduccion a NodejsIntroduccion a Nodejs
Introduccion a NodejsJan Sanchez
 
Empezando con node.js
Empezando con node.jsEmpezando con node.js
Empezando con node.jsguestb07722d
 
Software Libre en las Nubes v16
Software Libre en las Nubes v16Software Libre en las Nubes v16
Software Libre en las Nubes v16J.J. Ciarlante
 
Sema13 base datos_actualizado
Sema13 base datos_actualizadoSema13 base datos_actualizado
Sema13 base datos_actualizadoYanina Huaroto
 

La actualidad más candente (10)

JavaScript Async | Juan Miguel Alcalá
JavaScript Async | Juan Miguel AlcaláJavaScript Async | Juan Miguel Alcalá
JavaScript Async | Juan Miguel Alcalá
 
Introduccion a Node.js
Introduccion a Node.jsIntroduccion a Node.js
Introduccion a Node.js
 
Bases De Datos Mysql Con Java
Bases De Datos Mysql Con JavaBases De Datos Mysql Con Java
Bases De Datos Mysql Con Java
 
ASP.NET MVC Core
ASP.NET MVC CoreASP.NET MVC Core
ASP.NET MVC Core
 
Introducción Nodejs
Introducción NodejsIntroducción Nodejs
Introducción Nodejs
 
Introduccion a Nodejs
Introduccion a NodejsIntroduccion a Nodejs
Introduccion a Nodejs
 
Empezando con node.js
Empezando con node.jsEmpezando con node.js
Empezando con node.js
 
Software Libre en las Nubes v16
Software Libre en las Nubes v16Software Libre en las Nubes v16
Software Libre en las Nubes v16
 
Conceptos básicos de Asp.net mvc
Conceptos básicos de Asp.net mvcConceptos básicos de Asp.net mvc
Conceptos básicos de Asp.net mvc
 
Sema13 base datos_actualizado
Sema13 base datos_actualizadoSema13 base datos_actualizado
Sema13 base datos_actualizado
 

Similar a Knockout.diapositiva

Desarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCDesarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCAngel Nuñez
 
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptxSibilinoAndante
 
Aplicaciones web con jakarta struts - Javier Oliver Fulguera
Aplicaciones web con jakarta struts  - Javier Oliver FulgueraAplicaciones web con jakarta struts  - Javier Oliver Fulguera
Aplicaciones web con jakarta struts - Javier Oliver FulgueraJavier Oliver Fulguera
 
Web matrix session1
Web matrix session1Web matrix session1
Web matrix session1Gonzalo C.
 
Asp.Net vNext - La revolución que viene
Asp.Net vNext - La revolución que vieneAsp.Net vNext - La revolución que viene
Asp.Net vNext - La revolución que vieneEduard Tomàs
 
Jyoc java-cap16 persistencia. bases de datos
Jyoc java-cap16 persistencia. bases de datosJyoc java-cap16 persistencia. bases de datos
Jyoc java-cap16 persistencia. bases de datosJyoc X
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptLuis Guerrero
 
Curso desarrollador visual studio .NET 2013
Curso desarrollador visual studio .NET 2013Curso desarrollador visual studio .NET 2013
Curso desarrollador visual studio .NET 2013iLabora
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)Senior Dev
 
Frameworks de Java
Frameworks de JavaFrameworks de Java
Frameworks de Javaragmyl
 

Similar a Knockout.diapositiva (20)

ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Desarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVCDesarrollo Web con ASP.NET MVC
Desarrollo Web con ASP.NET MVC
 
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
5.- PPT 2022 05 U01 T01 Desarrollo de Servicios Web I (1915).pptx
 
Aplicaciones web con jakarta struts - Javier Oliver Fulguera
Aplicaciones web con jakarta struts  - Javier Oliver FulgueraAplicaciones web con jakarta struts  - Javier Oliver Fulguera
Aplicaciones web con jakarta struts - Javier Oliver Fulguera
 
Web matrix session1
Web matrix session1Web matrix session1
Web matrix session1
 
Mvc4 Intro
Mvc4 IntroMvc4 Intro
Mvc4 Intro
 
Asp.Net vNext - La revolución que viene
Asp.Net vNext - La revolución que vieneAsp.Net vNext - La revolución que viene
Asp.Net vNext - La revolución que viene
 
ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3ASP.NET MVC Workshop Día 3
ASP.NET MVC Workshop Día 3
 
Jyoc java-cap16 persistencia. bases de datos
Jyoc java-cap16 persistencia. bases de datosJyoc java-cap16 persistencia. bases de datos
Jyoc java-cap16 persistencia. bases de datos
 
Presentación Final Master JAVA UNED 2012
Presentación Final Master JAVA UNED 2012Presentación Final Master JAVA UNED 2012
Presentación Final Master JAVA UNED 2012
 
Why Azure is so MEAN?
Why Azure is so MEAN?Why Azure is so MEAN?
Why Azure is so MEAN?
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Aplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScriptAplicaciones Web SPA con WebAPI y TypeScript
Aplicaciones Web SPA con WebAPI y TypeScript
 
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
(25.03) RUN 09 - Sesiones Desarrollo - SI 2.0
 
Curso desarrollador visual studio .NET 2013
Curso desarrollador visual studio .NET 2013Curso desarrollador visual studio .NET 2013
Curso desarrollador visual studio .NET 2013
 
Presentacion node
Presentacion nodePresentacion node
Presentacion node
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)MVC & ASP.NET (Spanish)
MVC & ASP.NET (Spanish)
 
Frameworks de Java
Frameworks de JavaFrameworks de Java
Frameworks de Java
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 

Más de Organisation for Economic Co-operation & Development (13)

Desarrollo seguro form
Desarrollo seguro formDesarrollo seguro form
Desarrollo seguro form
 
Resolucion vulnerables
Resolucion vulnerablesResolucion vulnerables
Resolucion vulnerables
 
optimización procesos viaticos
optimización procesos viaticosoptimización procesos viaticos
optimización procesos viaticos
 
Intro to asp.net mvc 4 with visual studio
Intro to asp.net mvc 4 with visual studioIntro to asp.net mvc 4 with visual studio
Intro to asp.net mvc 4 with visual studio
 
B 2015 10_635817361639017165
B 2015 10_635817361639017165B 2015 10_635817361639017165
B 2015 10_635817361639017165
 
Optimización de procesos
Optimización de procesosOptimización de procesos
Optimización de procesos
 
Sql desdelineadecomandos
Sql desdelineadecomandosSql desdelineadecomandos
Sql desdelineadecomandos
 
Psicologia Laboral
Psicologia LaboralPsicologia Laboral
Psicologia Laboral
 
Estadística descriptiva
Estadística descriptivaEstadística descriptiva
Estadística descriptiva
 
Trabajo de bases de datos
Trabajo de bases de datosTrabajo de bases de datos
Trabajo de bases de datos
 
Trabajo de bases de datos
Trabajo de bases de datosTrabajo de bases de datos
Trabajo de bases de datos
 
Solicitud producto
Solicitud productoSolicitud producto
Solicitud producto
 
Templates joomla
Templates joomlaTemplates joomla
Templates joomla
 

Último

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Último (8)

COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

Knockout.diapositiva

  • 1. Knockout.js y Linq.js con ASP.NET MVC y Entity Framework http://www.nicholls.co/ @jdnichollsc
  • 2. Una librería Javascript que... Es Open Source y muy liviana(≈46Kb). Es Completamente Basada en Javascript (nada de dependencias). Tiene muy buen Soporte de Navegadores (Trabaja desde IE 6!!). Implementa el Patrón Model-View-ViewModel (MVVM) Knockout fue desarrollado y es mantenido por Steve Sanderson, un empleado de Microsoft. Clave => Atributo data-bind Propiedades observables
  • 3. Configurando nuestro Proyecto ASP.NET MVC Tienes 2 Opciones para pasar los Datos a la Vista: Mediante Peticiones AJAX, en cualquier momento después de que Knockout aplique el Modelo de Presentación. Cuando se carga la Página Web en el Navegador, es decir cuando se renderiza la Vista por el Controlador.