Andres Felipe Blog's

My WordPress Blog

Etiqueta: MVC

So, what is KnockoutJS ?

qboql39f4q1h50ufaecrgqs6m71433376404

The web developing is changing every day, a few years ago until these days a lots engineers suggest that the MVC pattern is the best option to face a software problem. Also, the pattern afford us more maintainability, code standardization, portability and others advantages. However, the MVC is evolving in new patterns, such as MVP and MVVM (now, the last one in my research focus). The purpose of this essay is to define KnockoutJS library and answer what for? why? and how can you start?

Firstly, KnockoutJS (ko.js) is a simple javascript library. As a consequence, you only need a web-browser and a text editor. In fact, it is a simple file which can be include in a website or a web application. Also, ko.js has a specific namespace, it means if you add the file in your project it won’t affect project behaviors. Due to ko.js does nothing until you write code to use it. Going back, this library implements the MVVM pattern (Model – View – ViewModel) and that is the reason which was created for. Importantly, this pattern suggests separate user – interface logic from the business functions for software testability purposes.

Secondly, in just five steps you will ready to start developing with ko.js:

  1. Yo will need a web – browser; I recommend you use Chrome because debugging is faster with this plugin, a text editor, a basic web server (apache, nodeJS, IIS).
  2. Create the next folder structure and add the basic HTML structure in index.html (check the repository): 
  3. Download ko.js (CDN version & javascript file)
  4. Add ko.js in project (I will use CDN version) and create App.js in js folder, it will content the namespace.
  5. Run server.

To conclude, I just summarize some points. First, ko.js is a mvvm framework, so it is important to know this design pattern. Second, this library is just a javascript file and use an specific namespace and finally the web server does not affect this library.

Download source code

aprendiendo-asp-net-mvc-4-parte-5-vistas

Aprendiendo ASP.NET MVC 4 [Parte 5] – Vistas

Hola a todos !! hoy les presento un nuevo articulo sobre ASP.NET MVC 4, el tema de hoy es entender el manejo de vistas a través del motor de plantillas Razor. Antes de iniciar, debemos saber que el MVC incluye dos motores de vistas (view engines):

  • ASPX view engine: Es el motor original incluido desde la versión 1 de MVC y la sintaxis es similar a los Web Forms.
  • Razor view engine: Es el nuuevo motor de plantillas incluido desde la versión 4 de MVC y posee una sintaxis mas simple y fluida.

Estas son algunas comparaciones entre los motores:

ASPX

1
2
<%--ASPX--%>
<%=DateTime.Now %>

Razor

1
2
@*Razor*@
@DateTime.Now

Ambos códigos hacen los mismo, simplemente muestran en pantalla la  fecha y la hora actual; pero podemos ver una gran diferencia entre un motor y otro; con razor es menos código comparado con Aspx.

Leer más

Entendiendo el Patron MVC (Modelo, Vista, Controlador)

entendiendo-el-patron-mvc-modelo-vista-controladorHola a todos de nuevo, vengo hoy con un articulo que voy a referenciar en mis otras publicaciones que tengan que ver con desarrollo de software y que esten relacionados a este patrón. Hoy en día es notable que muchos frameworks han optado por utilizar este patrón de desarrollo algunos son Symfony (PHP), Ruby and Rails (Ruby), ExpressJs (NodeJS), Spring MVC (Java) o ASP.NET MVC (.Net). Así que es muy importante que los desarrolladores y estudiantes de ingenieria tenga claro este concepto y la importancia de este concepto en la Ingenieria de Software.

Leer más

Aprendiendo ASP.NET MVC 4 [Parte 4] – Controladores

aprendiendo-net-mvc4Saludos !! En el articulo de hoy es sobre el desarrollo de Controladores en ASP.NET MVC 4. En el articulo anterior se estudio el caso de las rutas dinámicas en Framework, si ya conoces del tema no importe pero si eres principiante te recomiendo que le eches una mirada ;).

Como dije en el comienzo el tema de hoy es la creación de Controladores, el Controlador es simplemente una clase si solo una clase, no es mas. El nombre de la clases debe tener la siguiente forma <nombre_controlador>Controller, no es mas.Si recuerdan el segundo articulo, donde definimos el proyecto caso de estudio y la generación de la base de datos, pues hoy voy a crear el primer controlador para software How You Seen Me?. También les explicare las diferentes forma de usar la clase ActionResult, a través de un sencillo ejemplo.

Leer más

Aprendiendo ASP.NET MVC 4 [Parte 3] – Rutas Dinámicas

aprendiendo-net-mvc4Hola a toda, bienvenidos a mi tercer articulo sobre el manejo de controladores en ASP.NET MVC 4. En este articulo nos adentraremos en el mundo del patrón MVC y el procesamiento de solicitudes HTTP. Para empezar es necesario entender que los métodos en un controlador son llamadas action methods porque retornan un objeto de tipo ActionResult, el procesamiento de solicitudes en los controladores se inicia con el motor de enrutamiento (si lo puedo llamar así, el termino ingles es routuing engine) y es el primer tema principal de este articulo.

Leer más

Creado con WordPress & Tema de Anders Norén