¿Qué es Backbone.js?
Es una biblioteca ligera para estructurar código JavaScript. También se considera como el tipo de marco MVC/MV * . Si no está familiarizado con MVC, es básicamente un patrón de arquitectura para implementar interfaces de usuario. Separa la aplicación en tres tipos de componentes:
- Modelo
- Vista
- Controlador
La intención es promover la separación de preocupaciones, lo que da como resultado una aplicación mejor estructurada y más fácil de mantener. Backbone.js proporciona el concepto de modelo y vistas, pero las vistas de Backbone.js son como controladores en MVC. Por lo tanto, es más una forma de marco de trabajo MV * . Y para ser más precisos, ni siquiera es un marco, es solo una biblioteca que puede usar en cualquier lugar que desee.
Backbone.js también proporciona el concepto llamado enrutador. Se utiliza para desarrollar aplicaciones de una sola página. Una aplicación de una sola página es un tipo de aplicación web que cabe en una sola página web. Con el objetivo de proporcionar una rica experiencia de usuario similar a las aplicaciones de escritorio.
En una aplicación de una sola página, todo el código necesario, como HTML, CSS y JavaScript, se recupera con una sola carga de página. Proporciona las siguientes características:
- Experiencia de usuario rica y fluida
- Todo el código necesario se recupera inicialmente
- Otros recursos cargados en la misma página bajo demanda
- Un ejemplo de una aplicación de una sola página es Gmail
Con Backbone.js podemos crear una aplicación de una sola página. Backbone funciona perfectamente en la creación de una aplicación de cliente enriquecido sobre un conjunto de API REST.
Características de Backbone.js: Existen las siguientes ventajas de Backbone.js:
- Permitir la creación de aplicaciones y su interfaz fácilmente a través de funciones de JavaScript
- Proporciona diferentes bloques de construcción, por ejemplo, modelo, vista y controlador.
- Actualiza el código HTML de tu aplicación automáticamente
- Proporciona una biblioteca gratuita y de código abierto.
- Permitir el desarrollo de aplicaciones web o móviles del lado del cliente en un formato estructurado y bien organizado
- Su biblioteca proporciona una buena organización y estructura para el diseño de la aplicación.
- Es claro, legible y bien comentado.
- Los modelos Backbone.js podrían vincularse fácilmente a un backend
- Permite desarrollar pequeñas aplicaciones web usando el framework jQuery
- Es simple y más poderoso.
- La comunidad y el ecosistema son enormes.
- Separa la lógica comercial y de la interfaz de usuario.
- El código es simple, sistemático y organizado.
Proceso de instalación: puede usar Backbone.js con los siguientes métodos:
- Descargar desde el sitio web oficial
- utilizando los CDN.
Descargando desde el sitio web oficial: Abra http://backbonejs.org/ y allí encontrará tres opciones como se muestra a continuación:
- Versión de desarrollo: puede hacer clic con el botón derecho en él y guardar el enlace, obtendrá la biblioteca de JavaScript.
- Versión de producción: haga clic derecho sobre él y guarde el enlace. Una vez guardado, obtendrá el archivo de biblioteca Backbone-min.js
- Versión Edge: es una versión inédita, lo que significa que todavía está en desarrollo. Está empaquetado y comprimido
Uso del enlace CDN: una red de entrega de contenido es una red que entrega archivos a los usuarios. Aquí están los CDN para Backbone.js
<script src=”https://code.jquery.com/jquery-2.1.3.min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare. com/ajax/libs/underscore.js/1.3.3/underscore-min.js” type=”text/javascript”></script>
<script src=”http://cdnjs.cloudflare.com/ajax/libs /backbone.js/0.9.2/backbone-min.js” type=”text/javascript”></script>
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>Example of Backbone.js</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js"
type="text/javascript"></script>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js"
type="text/javascript"></script>
<script type="text/javascript">
var Company = Backbone.Model.extend();
var company = new Company();
company.set
({
name: "GFG",
category: "Education"
});
document.write("Company name is: ", company.get('name'));
document.write(" and category is: ", company.get('category'));
</script>
</head>
<body></body>
</html>
Producción:
Ejemplo de Backbone.js
En este caso, estamos usando Backbone.js y hemos usado CDN para esto. Aquí estamos creando un modelo llamado Company . Y hemos creado una instancia de una empresa modelo que es una empresa. Le hemos puesto dos atributos:
- nombre y
- categoría
Podemos establecer atributos usando una palabra clave establecida con una instancia del modelo creado. E imprimiéndolo en el documento usando un método model.get() . Entonces obtendremos la salida como:
Company name is: GFG and category is: Education
Componentes principales de Backbone.js: Los componentes principales de Backbone.js son:
- Puntos de vista
- Eventos
- Modelos
- Colecciones
- Enrutadores
Aplicación de Backbone.js: Existen las siguientes aplicaciones de Backbone.js
- Se utiliza principalmente para desarrollar aplicaciones web de una sola página.
- También se utiliza para sincronizar varias partes de las aplicaciones web.
- Da estructura a nuestra página web.
Ventajas de Backbone.js: existen las siguientes ventajas de Backbone.js:
- Permitir la creación de aplicaciones y su interfaz fácilmente a través de funciones de JavaScript
- Proporciona diferentes bloques de construcción, por ejemplo, modelo, vista y controlador.
- Actualiza el código HTML de tu aplicación automáticamente
- Proporciona una biblioteca gratuita y de código abierto.
- Permitir el desarrollo de aplicaciones web o móviles del lado del cliente en un formato estructurado y bien organizado
- Su biblioteca proporciona una buena organización y estructura para el diseño de la aplicación.
- Es claro, legible y bien comentado.
- Los modelos Backbone.js podrían vincularse fácilmente a un backend
- Permite más desarrollar pequeñas aplicaciones web usando el framework jQuery
- Es simple y más poderoso.
- La comunidad y el ecosistema son enormes.
- Separa la lógica comercial y de la interfaz de usuario.
- El código es simple, sistemático y organizado.
Desventajas de Backbone.js: Requiere un mayor tiempo de desarrollo
- Necesidad de tener una mayor comprensión del funcionamiento interno.
- La depuración puede ser dolorosa
- podría ser lento
Publicación traducida automáticamente
Artículo escrito por sftrengdeepak y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA