Entradas

Mostrando entradas de 2018

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"