Crear una clase para los datos en Angular 2
Estamos definiendo nuestros datos directamente dentro de nuestro componente. Eso está bien para una demostración, pero ciertamente no es una buena práctica. Veamos como crear una clase para los datos en Angular 2. Esto es como un modelo de datos o entidad dentro de Angular. Nuestro componente app.component.ts, en el array creamos objetos Pelicula: import {Component} from 'angular2/core'; import {Pelicula} from './model/pelicula'; @Component({ selector: 'my-app', templateUrl: 'app/views/peliculas.html', }) export...
Nodemon reiniciar servidor Node.js automaticamente
Cuando desarrollamos algo con Node tenemos un problema y es que cuando hacemos cambios en nuestro código tenemos que parar la ejecución del script y volver a lanzarlo, es decir, reiniciar constantemente el servidor Node. Para solucionar este asunto y hacernos el trabajo más fácil existe Nodemon, que lo que hace es precisamente eso, recargar el script en la consola de forma automatica. Lo puedes instalar utilizando el gestor...
Cambios entre AngularJS y Angular 2
Angular 2 es la nueva versión de AngularJS. Esta nueva versión es completamente diferente a Angular 1. Veamos los cambios entre AngularJS y Angular2. Controladores y Componentes En Angular 1: <body ng-controller="PeliculasController as peli"> <h3>{{peli.data.titulo}}</h3> <h3 ng-bind="peli.data.titulo"></h3> </body> <script type="text/javascript"> (function (){ angular .module('app') .controller('PeliculasController', PeliculasController); function PeliculasController() { var peli = this; peli.data= { id: 45, titulo: 'Una historia real' }; } })(); </script> En Angular 2 import...
Hola mundo con Node.js
Node.js es una tecnología para desarrollar aplicaciones en JavaScript del lado del servidor (también se pueden desarrollar aplicaciones en el cliente, scripts para hacer ciertas tareas, etc). Tiene varias ventajas, principalmente la velocidad y ligereza. Hoy vamos a ver como hacer un hola mundo con Node.js. Lo primero que debes hacer es descargar Node.js desde https://nodejs.org/en/ e instalarlo(asistente siguiente siguiente). En Node no necesitamos ningún tipo de servidor web...
Instalar SASS en Windows
Hoy veremos como instalar SASS en Windows y como compilar ficheros scss a css. Descargamos RubyInstaller para Windows http://rubyinstaller.org/downloads/ Una vez instalado podemos utilizar la consola de ruby para instalar sass y compass: gem install sass gem install compass Cada vez que necesitemos compilar los cambios a CSS desde la consola de ruby ejecutamos el comando sass –watch estilos.scss:styles_compilados.css en el directorio donde tengamos el fichero scss. En teoría...
Mostrar propiedades de un componente en Angular 2
Como sabemos en Angular 2 trabajamos principalmente con componentes, los cuales controlan el trabajo con los eventos, etc, estan formados por una clase con propiedades, métodos y además podemos invocar decoradores para definir el propio componente e indicarle en que etiqueta mostrar el componente y que plantilla o vista va a tener el mismo. Veamos como mostrar las propiedades de un componente en Angular 2. Tenemos el componente principal...
Buscar un commit en Git
Muchas veces necesitamos buscar un commit que hicimos hace tiempo en el log de Git, para volver a el o hacer cualquier cosa con el. Para buscar un commit en Git utilizaremos el comando git log. Buscar en los comentarios del commit git log --grep=texto Buscar en los cambios hechos al código git log -S texto Mostrar solo el comentario de cada commit: git log --oneline ¿Quieres aprender más?...
Instalar Angular 2 y hacer un Hola Mundo!!
Angular 2 es la nueva versión de AngularJS, es una tecnología muy interesante, veamos como instalar Angular 2 y hacer un Hola Mundo!! Vamos a preparar el entorno de desarrollo para desarrollar aplicaciones web con Angular 2. 1. Instalar Node.js Lo primero que tenemos que hacer es instalar node.js para utilizar su gestor de paquetes npm. Lo puedes descargar e instalar desde https://nodejs.org/en/download/ 2. Crear un directorio para proyecto...
¿Que es un ORM? ¿Doctrine y entidades? en Symfony3
En este vídeo intento aclarar el concepto de que es un ORM y como funciona Doctrine a grandes rasgos: ¿Quieres más? Vídeo Curso de Symfony3 ¡Domina el framework PHP más completo...
Como subir código a Github
Hoy vamos a aprender a subir código a GitHub. Es muy fácil. Crea una cuenta en GitHub e instalate git en tu equipo. Ahora en GitHub creamos un repositorio, en mi caso voy a subir una pequeña clase para subir archivos en PHP que siempre utilizo en ZF2 o en PHP crudo: Una vez que tenemos el repo, solo tenemos que seguir las instrucciones que nos da github. Entramos...
Solución: Pantalla en blanco con Apps híbridas Cordova en Android
Cuando desarrollamos una app híbrida, es decir, una aplicación móvil programada con HTML, CSS y JavaScript usando algún framework, como framework7, Ionic, jQuery Mobile, PhoneGap etc y luego creamos un apk, es decir, compilamos ese código usando Cordova, es común que cuando ejecutamos esa app en una simulación de Android o en un Android de verdad, la splash screen sobrepase el tiempo de espera(timeout) y se quede una pantalla...
Crear varios hosts virtuales en Wamp Server
Veamos como crear varios hosts virtuales en Wamp Server. Cuando creamos un virtualhost lo que estamos haciendo es simular en nuestro servidor apache local un dominio real, de forma que en lugar de entrar a http://localhost/symfony3/web/index entraríamos a http://symfony3.com.devel/index. Vamos a ver como se crean los virtualhost en WampServer, aunque esto es muy similar en cualquier versión de Apache. Paso 1. Entrar al fichero C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf y añadir o descomentar...
Entra a mis cursos online
Hosting recomendado ⬇️
