Curso de JavaScript

En ésta ocasión tenemos la oportunidad de aprender a programar en JavaScript, un lenguaje ampliamente usado en el mundo de la programación web que nos permite insertar en las páginas miles de funciones y características adicionales logrando así una web de calidad, dinámica y por sobre todo útil al visitante. Se trata de unos tutoriales de Javascript, con el transcurso de los mismos verás como te llevaran paso a paso por el mundo de la programacion Java Script sumergiendote en su lenguaje, haciendo que manejes los comandos propios del mismo. Verás que difieren de algunos pero se asemeja a muchos más. Sí lo que deseas es aprender Java Script estás en el lugar indicado para comenzar desde un nivel básico y llegar al intermedio sin problemas, verás como se desarrolla de una manera amena y sin complicaciones. Que lo disfrutes!.







Bien, hasta aquí ya deberías haber ido tomándole la mano, no digo que debas ser un experto ni recordar todo, pero estoy seguro que en ésta altura Java Script ya está dejando de ser un mundo extraño para ti. Incluso en aquellos casos donde no conozcas otro lenguaje de programación con anterioridad. Continua con los siguientes videos y verás cómo logras más y más experiencia en éste apasionante y extenso mundo de la programación. En todos los casos siempre puedes volver a ver los videos, de manera que no te perderás nada, otra ventaja de aprender de ésta manera y no de manera personal donde las palabras se las lleva el viento.

Seguir leyendo

Aprende programación online

Codecademy es un portal web que permite practicar nuestras habilidades para programar.

Para destacar contra otros podemos decir que en primer lugar es gratuito, segundo esta en español y tiene herramientas que permiten hacer las pruebas en el mismo sitio

Entre lo que se puede practicar está:

•   JavaScript

•   HTML/CSS

•   Python

•   Ruby

    Podemos compartir nuestras practicas con nuestros amigos en las redes sociales
    Pedagogicamente está muy bien, va desde 0 y avanza adecuadamente en nivel de dificultad

Seguir leyendo

Crear función helper en el template

A veces cuando ingresamos datos en una plantilla, estos no tienen el formato que esperamos. En estas situaciones tendrás que crear funciones personalizadas para formatearlo.

Si usted está usando por ejemplo handlebars, es mas fácil registrar una función auxiliar, pero en otras soluciones, como underscore no ofrecen esa funcionalidad. Vas a tener hace el tuyo propio.

La razón por la que esto no es tan simple como podría parecer se debe a que la mayoría de las bibliotecas de templates harán que el objeto de datos que le pasamos se pase a la función de la template con el valor de "this" como contexto. Por lo tanto, la función necesita ser parte de este objeto. Hay un par de maneras de solucionar esto. El camino principal es añadir la función para el objeto de datos antes de pasarla a la función de plantilla. ejemplo:

// assume data object and template function

data.formatPrice = function (priceInCents) {

    return "$" + (priceInCents / 100).toFixed(2);

}

var html = template(data);

Esto es ideal para ciertas situaciones, pero es posible que usted tengamos varios conjuntos de templates, cada cual tiene su propio conjunto de funciones auxiliares. Lo que me gustaría hacer en estos casos es envolver la función de plantilla en otra función que se aplicará a los helpers del objeto data.

 

var productTemplate = function (data) {

    var template = _.template("the template string");

    data.helperFunction1 = function () { return "whatever" };

    return template(data);

};

 

Hay varias maneras de mejorar esto (puedes comenzar con el almacenando en el caché en "raw" la función del template, fuera de esta función), pero seria la idea básica. Ahora, puedes simplemente pasar los datos a ese productTemplate y tener acceso a las funciones helpers

 

 

Seguir leyendo

Templates JavaScript

Underscored para lo simple Handlebars para lo mas complejo

Usar una template de JavaScriptPuede puede ser una buena elección, primeramente lo que tenemos que hacer es buscar una biblioteca bien probada y depurada.

Aunque las opciones son casi infinitas, hay dos opciones muy buenas, dependiendo de la complejidad de tu proyecto.

Si el proyecto es relativamente simple, puedes utilizar Underscore.js. En su mayor parte, esta biblioteca ofrece utilidades de programación funcional, pero tiene un método _.template que no podria facilitarnos mas la vida. Por defecto, se utiliza la ERB-esque <% =%> delimitadores, pero que modificarse fácilmente. La belleza de esta solución es que cualquier proyecto que requiera templates probablemente tenga cargado Underscore ya, debido a su enorme utilidad general. En el buscador puedes obtener más información acerca de Underscore, hay mucha.

Si estas un poco mas entusiasmado, te recomiendo esto, Con muchas bloques útiles (como #each, #if y mas) y la capacidad de registrar tus propias funciones de ayuda.

Por supuesto que hay otras bibliotecas de templates, no dudes es en buscar mas! Los nombrados suelen ser los mas populares.
  

Seguir leyendo