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...
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...
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...
Instalar Framework7
Framework7 es un framework que nos permite desarrollar aplicaciones moviles hibridas con HTML, CSS y JavaScript. Es un framework muy completo y además tiene dos «modos» modo material design para Android y modo «IOS» para aplicaciones para móviles y tables de Apple. Si eres desarrollador web te será facil hacer aplicaciones con Framework7. Veamos como instalar Framework7. En primer lugar tenemos que tener instalado node.js, lo descargamos desde su...
Evitar error CORS Access-Control-Allow-Origin con AJAX
Para evitar el error del cors Access-Control-Allow-Origin al trabajar con AJAX, debemos configurar Apache para que comparta recursos. En mi caso al trabajar en local, configuro el fichero httpd.conf y le añado: <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> Ahora debes activar el módulo headers de Apache, puedes lanzar el comando a2enmod headers, o bien si usas WampServer irte al menú de módulos de Apache y activarlo. Ahora reiniciamos...
Crear APK con Cordova
Cordova nos permite compilar aplicaciones web hechas con HTML5, CSS y JavaScript con frameworks como Phonegap, Framework7, jQuery Mobile, Ionic, etc y así poder tener el instalador para los diferentes sistemas operativos de móvil actuales(Android, IOS, Windows Phone…). Vamos a ver como crear o generar un apk con Cordova. En mi caso estoy programando una app con Framework7 en Windows y quiero sacar el apk. Veamos los pasos que...
Scroll infinito con jQuery IAS
Hoy veremos como hacer una paginación con scroll infinito con jQuery IAS. Lo primero que debemos hacer es tener una paginación clásica con links y la lógica en el backend para que eso funcione. Después usaremos el plugin jQuery IAS para hacer la paginación con scroll infinito. Lo descargamos y lo incluimos en el head de nuestro html. Ejemplo: <script type="text/javascript"> $(document).ready(function() { var ias=jQuery.ias({ container : '#timeline', //...
Explode en JavaScript Split()
Como sabeis la función explode de php nos permite dividir un string en varios strings, de esta forma: <?php // Ejemplo www.php.net $pizza = "porción1 porción2 porción3 porción4 porción5 porción6"; $porciones = explode(" ", $pizza); echo $porciones[0]; // porción1 echo $porciones[1]; // porción2 ?> Explode en Javascript no existe, pero tenemos algo similar, la función split(). Veamos el mismo ejemplo que antes: <script type="text/javascript"> var pizza = "porción1 porción2...
Sustituir caracteres con jQuery
Hoy vamos a ver como sustituir caracteres con jQuery. En este ejemplo vas a ver como sustituimos los guiones por el signo más en una cadena: <!DOCTYPE HTML> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ var string = $("#string").text().split("-").join("+"); $("#string_procesado").append(string); }); </script> </head> <body> <strong>Original</strong> <p id="string">Cadena-de-texto-larga-victor-robles-web-punto-es</p> <strong>Procesado</strong> <p id="string_procesado"></p> </body> </html> ¿Quieres aprender más? Master en JavaScript: Aprende JavaScript, jQuery, Angular, NodeJS y más Más información:...
Puntos suspensivos con jQuery DotDotDot
Hoy vamos a ver algo muy útil, cuando estamos maquetando con CSS a veces puede interesarnos hacer que el texto que sobresale de una caja siga estando presente en la web y ademas se ajuste a los diferentes tamaños que pueda tener dicha caja. Para ello veremos como poner puntos suspensivos con jQuery DotDotDot. Descargamos e incluimos los ficheros JavaScript dentro de la etiqueta head del HTML. <head> <script...
Plugin de Feedback con JavaScript y PHP
A veces cuando se lanza una web es interesante que los visitantes nos den feedback de los errores y mejoras en la usabilidad del sitio, por eso hoy vamos a usar un plugin de feedback con JavaScript y PHP. Nos descargaremos el plugin de feedback, mediante bower o a mano, desde https://github.com/ivoviz/feedback. Lo que hará index.php es lanzar el plugin y enviar la información en el proceso de feedback....
Redireccionar si es Internet Explorer
Podemos detectar y redireccionar si es Internet Explorer con un pequeño hack que llamamos IF IE. No es mas que un comentario condicional que nos permite ejecutar un código si utilizamos Internet Explorer. Se pueden usar los operadores «menor que» (lt), «mayor que» (gt), «menor o igual que» (lte), «mayor o igual que» (gte) al igual que en Shell Script. Si el navegador es una versión menor a IE10....
Entra a mis cursos online
Hosting recomendado ⬇️
