Entradas

Convenciones de código: JavaScript

Imagen
Los buenos programadores usan sus cerebros, pero unas buenas directrices nos ahorran de tener que hacerlo en cada caso. — Francis Glassborow Algo importante en las comunidades Open Source , es crear un código legible a nivel de comprensión, que se pueda entender por otros desarrolladores, alargando así la vida de nuestro software, al poder identificar problemas y bugs en el código mucho mas rápido, y dando la oportunidad a otros programadores a participar Para eso se han creado unas convenciones de código que detallan un estándar de buenas practicas y define una guía de "diseño" del código, mirando aspectos como el nombramiento de funciones y variables, la identación o sangrado, posición de los elementos respecto a otros, etc Esto no quiere decir que un código que sea diferente a estas directrices este mal, de hecho algunos equipos de desarrollo/desarrolladores establecen las suyas propias, pero podemos usarlas como una buena base para crear las nuestras o para c...

Aprendiendo el versionado de software

Imagen
Hace poco hablamos sobre Git y Github , y de lo util que podria resultar llevar un control de versiones .  Para optimizar este proceso de documentacion del nivel de desarrollo de nuestro proyecto, podemos ayudarnos del versionado de software , esos numeros que vemos en algunas aplicaciones como " v1.0.0 ", " v0.7.3-beta ", etc Normalmente, esta informacion suele ser interna, y aunque existe un estandar o sentido semantico (que es con el que trabajaremos nosotros), algunos equipos de desarrollo tienen su propio sistema para crear este dato. Este sistema de control de nuestra aplicacion consta de cuatro partes basicas: mayor.menor.micro-fase mayor : Se indican cambios importantes dentro de la aplicacion, como funcionalidades nuevas o cambios importantes de codigo, cambios total en el diseño, etc. Esta dato sera 0 si nuestro producto aun no esta en su version final: 1 .menor.micro-fase menor : Correccion de errores e inclusion de mejoras no importantes. En l...

Sistema multi-Idioma simple con JavaScript

Imagen
El codigo que esta en GitHub esta actualizado y es totalmente diferente al de esta pagina, pero los pasos para crear los archivos de traduccion y para asignar las clases en el HTML son los mismos. DEMO | DESCARGAR Tanto si estas desarrollando una webapp (web con cierto aire a aplicacion movil, que se puede acceder desde el navegador del movil) o una aplicacion hibrida (aplicacion nativa desarrollada en HTML5, CSS3 y JavaScript) quizas quieras expandir el publico de tu aplicación creando un soporte multi-idioma para que personas con idiomas distintos al tuyo puedan usarla. Por eso en este pequeño tutorial vamos a aprender a crear un soporte sencillo para crear cuantos idiomas quieras en tu aplicacion. Archivos Vamos a necesitar crear ciertos archivos, estos son: El/Los archivos de traduccion: /locale/bd-identificador-idioma.js Por supuesto, el archio index.html donde incluiremos el HTML y el JavaScript Para los archivos de traducción tienes que escribir un nombre apro...

Primeros pasos en Github con Git

Imagen
Si eres desarrollador, sabrás que es muy útil documentar cada cambio y llevar un historial de como ha ido evolucionando tu código, un control de versiones y mejoras. Desde hace tiempo para eso nos ayuda Github de forma totalmente gratuita, donde podemos subir, documentar y lanzar las ultimas versiones de nuestros sistemas y aplicaciones manteniendo las versiones anteriores. Hay que añadir que esta construido bajo un ambiente de lo que se conoce en el mundo del desarrollo como forja , una plataforma de código abierto donde otros usuarios pueden copiar tu código, editarlo, mejorarlo, y enviarte los cambios documentados detalladamente, todo de forma altruista. Cuenta con un sistema de licencias que protegen al autor del código, pues este se almacena de forma publica, aunque Github también admite la posibilidad de crear repositorios (así es como se llaman cada uno de tus proyectos) privados, con sus planes de pago. Crear una cuenta de Github te da la posibilidad de crear un numero ili...

Cookies con JavaScript

Imagen
A veces necesitamos necesitamos almacenar datos para crear un mayor dinamismo o simplemente porque nuestra web necesita que el navegador del usuario recuerde algún dato, y para esto nos podemos ayudar de las cookies . Para crear estas cookies, nos podemos ayudar de JavaScript ejecutado en cliente, y aunque también se pueden crear con lenguajes de servidor como PHP, con este lenguaje no nos harán faltas peticiones al servidor extra, dejaremos que lo haga el navegador del usuario. Crear una cookie Crear una cookie en el navegador, es muy fácil, solo necesitamos con un nombre para la misma y un valor que asignarle a ese nombre. Por ejemplo, asignaremos a una cookie con el nombre precio el valor 15 , y para esto usaremos la propiedad document.cookie : document.cookie="precio=15"; Aunque este código almacena una cookie sin problemas, esta expirara cuando el usuario cierre el navegador. Para evitar esto, necesitaremos incluir en ese código una fecha de expiración de la co...

Instalar phpMyAdmin en Cloud9

Imagen
Cloud9 es un IDE en la nube ( Entorno de Desarrollo Integrado ) desde el que poder crear, editar y ejecutar proyectos, de forma publica o privada. Es, por así decirlo, un hosting gratis de calidad, solo con crear una cuenta tienes acceso a un panel desde el que podrás crear proyectos en mas de 40 lenguajes de programación como PHP, Java, Ruby, Python, y un enorme etc. Todo en un VPS ( Servidor Virtual Privado ) con un entorno de trabajo Ubuntu desde el que podemos trabajar, e incluso podremos trabajar si conectamos nuestra VM ( Maquina Virtual ) mediante el protocolo SSH. Si quieres crear una base de datos MySQL en Cloud9, importar una o simplemente gestionar las que ya tienes, una de las formas mas fácil de gestionar bases de datos es con phpMyAdmin , una interfaz web construida en PHP que de una forma interactiva nos ayudara a gestionar las bases de datos de nuestros proyectos. Antes de nada, configura tu proyecto como "Privado". Cuando instalas phpMyAdmin, no ti...