Entradas

Lenguaje Go - patrones de diseño - Patrón Adapter

Imagen
    Hola. Vamos a empezar a ver una serie de artículos, donde vamos a tratar como implementar los diferentes patrones de diseño de software, utilizando el lenguaje Go.     Nos basaremos en la teoría pero también en ejemplos prácticos. Empezamos con los patrones estructurales. Y en primer lugar veremos el patrón Adapter.      El patrón Adapter o también llamado Wrapper, se basa en adaptar una interfaz en otra. Es muy usado en algunas API's, para poder reutilizar el código de una API antigua, en otra API mas moderna.  O bien simplemente tienes una clase bien probada y que sabes que funciona perfectamente, y no quieres cambiarla. Pero aún así, necesitas usarla en otra API, utilizando otros nombres para las operaciones de la clase.       Gráficamente el patrón Adapter viene representado como:            Es decir, el cliente necesita utilizar una interfaz Target con unas operaciones concretas. E imaginemos que tenemos una clase Adaptee que queremos utilizar, pero cuy

Lenguaje Dart de Google

Imagen
   Vamos a empezar a ver una serie de artículos y/o tutoriales sobre el lenguaje de programación de Google, llamado Dart.       Es un lenguaje basado en html5, para la creación de aplicaciones web de una sola página o SPA (Single Page Application), pero también para aplicaciones de servidor. Estas aplicaciones de servidor son capaces de ejecutarse desde linea de comandos, sin necesidad de interfaz web.      Podemos decir que Dart es un lenguaje de propósito general, ya que sirve tanto para la web como para creación de servidores o pequeñas herramientas de linea de comandos. Y por supuesto es tan válido para implementar juegos html5 como el javascript.  Dart tiene su propia máquina virtual, que por ahora solo está implementada en el chrome y chromium. Pero tiene un compilador que transformará el código Dart a código javascript, llamado " dart2js ", y tambien tenemos uno mas moderno y modular llamado " dartdevc ", con lo que podrás ejecutar tus aplicaci

Angular, css y Sass

Imagen
En esta ocasión vamos a ver como podemos utilizar hojas de estilos Sass en un proyecto Angular-cli. Por defecto, si no se indica lo contrario, los proyectos Angular-cli se crean y configuran para utilizar hojas de estilos estandar y con extensión css. Pero es posible a la hora de crear un proyecto indicar que se quieren utilizar hojas de estilo Sass. Veamos un ejemplo:  ng new test-sass --style=scss También podríamos haber utilizado extensión sass(ng new test-sass --style=sass). Para utilizar la extensión sass deberias instalar al menos el módulo "sass" y "sass-lint" en tu proyecto. Una vez creado el proyecto, si nos vamos al fichero angular-cli.json, veremos en las últimas lineas algo como:  la propiedad "styleExt" indica que tipo de extensión es la que va a buscar y crear en los ficheros de estilos, cada vez que creamos un componente.   También podemos ver como el fichero de estilos predeterminado que el proyecto va a buscar es &q

Angular y generación automática de documentación de código.

Imagen
    Hoy vamos a ver como generar la documentación del código de un proyecto Angular. Para esto hay que utilizar una herramienta llamada "compodoc". La página web de este proyecto se encuentra en   https://compodoc.github.io/compodoc/      Como cualquier otro paquete de un proyecto Angular, lo instalaremos como paquete npm. Si buscamos en el repositorio npmjs.com, lo encontraremos en https://www.npmjs.com/package/@compodoc/compodoc      Y en https://compodoc.github.io/website/guides/installation.html   nos explican como instalarlo:   Lo mejor es instalarlo en local, mediante la linea:  npm install --save-dev @compodoc/compodoc Una vez instalado, hay que configurar como lo queremos ejecutar. Para esto, en el fichero package.json de nuestro proyecto, en la sección de script. Por ejemplo, en mi proyecto de prueba tengo:  En mi caso, no solo indico que se cree la documentación con "./node_modules/.bin/compodoc -p src/tsconfig.app.json"

Angular y Progressive Web Apps

Imagen
    En este artículo vamos a ver como hacer que una aplicación Angular sea una Progressive Web App, utilizando angular-cli para ello.     Lo primero que vamos a hacer es crear un nuevo proyecto de ejemplo con el comando:      ng new test-pwa     Una vez creado el proyecto, utilizamos nuestro editor de código favorito para editarlo. En nuestro caso, utilizamos Visual Studio Code: A la izquierda del editor vemos la estructura de ficheros y carpetas. Abrimos la carpeta "src", y creamos en ella un fichero json llamado manifest.json.    Este fichero manifest.json, sirve para configurar lo que sería un icono de arranque y una pantalla de arranque para la aplicación. Es decir, nos permite definir una pantalla splash, como si nuestra aplicación web fuera una aplicación nativa hecha en android. Por tanto, este fichero además, hace las veces de un instalador de la aplicación.  Fijate que la imagen que asignamos es de 512x512. Esto tiene su explicación que veremos

Angular - Internacionalización con Angular. P1

Imagen
   Una de las características que debe tener cualquier aplicación web que quiere llegar de una forma masiva a todo el mundo, es el poder mostrar la web en diferentes idiomas.     En Angular esto se puede conseguir de manera fácil. La idea es marcar los textos que tengas en la aplicación. Estos marcajes se harán en las vistas de cada componente del proyecto angular, ya que es donde tendremos los textos. Para marcar cada texto se utiliza la herramienta i18n(esta herramienta ya se instala automáticamente como un módulo mas, cuando creas el proyecto angular). Básicamente lo que se hace es acompañar cada texto de la etiqueta i18n!                       Ejem:    <h1>Hola i18n!</h1>      Luego con una herramienta de linea de comandos se generará un fichero llamada messages.xlf. Luego se copiará este fichero una vez por cada idioma que queramos tener. En cada fichero copiado que llamaremos ficheros de traducción, se añadirán los textos en el idioma que corresponda. Este se pu

Desplegar una aplicación Angular sobre el servicio de hosting de Firebase

Imagen
     En esta ocasión vamos a explicar como utilizar el servicio de hosting de Firebase, para subir una aplicación Angular compilada, a este espacio de hosting que nos proporciona Firebase.  Básicamente Firebase nos proporciona una url para nuestra aplicación estática(javascript) dentro de una Red de Publicación de Contenido o CDN. Y además utilizando el protocolo SSL, con lo cual nuestra url irá por https. La Url que se proporciona estará formada por el nombre de nuestro proyecto, actuando de subdominio del dominio firebaseapp.com. Ejem:                                  https://mi-proyecto.firebaseapp.com      Una vez que tengamos nuestros proyecto listo y acabado para subir a producción, Firebase nos permitirá apuntar nuestro dominio propio a Firebase hosting, proporcionando además automáticamente el certificado SSL.     Pongámonos manos a la obra. Primero vamos a ir a la consola de Firebase y crearemos un proyecto de prueba que llamaremos "test-hosting-firebase". Par