Author Archives: Jorge V.

About Jorge V.

Mi nombre es Jorge Villalobos, soy Colombiano de nacimiento y resido en México desde 2005,actualmente soy el creador de codigoprogramacion.com Soy ingeniero en tecnologías de información y comunicaciones y trabajo de tiempo completo desarrollando aplicaciones web. En general me considero un tipo normal, me gusta salir, divertirme, y uno de mis hobbies es programar y hacer tutoriales para compartir conocimiento, me gusta la pizza, el ajedrez y tomar una que otra cerveza los fines de semana. Espero que este proyecto ayude a ayudar a los demás.

| April 15, 2013
5 comments

Variables y tipos de datos en C

Una variable en C es un espacio que reservamos en memoria para poder guardar información, las variables se utilizan a menudo para guardar números  caracteres, entre otros tipos de datos,  no solo en C si no en cualquier lenguaje de programación. En C cada variable (espacio reservado en memoria) puede utilizarse para guardar información, y dicha información se representa por medio de un tipo de dato especifico, que determina como la interpretará el lenguaje en sí.

Tipos de datos en C

En lenguaje C tenemos en general 4 grandes tipos de datos, estos son los basicos, enumerados, voids, y derivados. En este tutorial basico veremos cuales son los tipos basicos, que se conforman de aquellos datos que suelen ser enteros o de tipo flotante. También es importante saber que dependiendo de cada tipo unico de dato, dependerá el espacio que ocupará en memoria, es decir que existen tipos de datos mas pesados que otros, y su uso consume mas memoria cada vez que se crea una variable.

Tipos de datos basicos (numericos y caracteres):

A continuación esta tabla muestra los tipos de datos y el rando de valores que puede tomar, algunos varian dependiendo del tipo de maquina en el que se desarrolle, si es 16 bits, 32 bits, o 64 bits, algunos tipos de datos pueden variar su rango de valores y tamaño.

Tipo Tamaño en memoria Valores posibles Descripción
char 1 byte -128 a 127 o 0 a 255  Guarda caracteres del codigo ASCII
int 2 or 4 bytes -32,768 a 32,767 o -2,147,483,648 a 2,147,483,647 Guarda numeros enteros,
float 4 bytes 1.2E-38 a 3.4E+38  Guarda numeros decimales con precisión de 6 digitos decimales
short 2 bytes -32,768 a 32,767  Guarda numeros enteros con menor capacidad de almacenamiento(y rango) que int
double 8 bytes 2.3E-308 a 1.7E+308  Igual que Float pero con mayor precisión (hasta 15 digitos decimales) y mayor rango
long 4 bytes -2,147,483,648 a 2,147,483,647  Guarda numeros enteros con mayor capacidad de almacenamiento que int
long double 10 bytes 3.4E-4932 to 1.1E+4932  Mucho mayor precisión en calculo decimal, incluso mayor que double (hasta 19 digitos decimales)

El siguiente video muestra una introducción y ejemplos a los tipos de datos en lenguaje C, espero con esto nos demos una mejor idea de este concepto.

Video tipos de datos en C

Category: tutoriales de programación en C | Tags: , , , , , , , , , , ,
| April 15, 2013
One comment

Introducción al lenguaje C

Hola estimados lectores, sean bienvenidos a este tutorial del lenguaje de programación C y los que están por continuar después de deste. Hablemos un poco de este lenguaje comenzando con una pequeña introducción y viendo para que es el lenguaje, para que sirve y requisitos.

Acerca del lenguaje y un poco de historia:

El lenguaje de programación C, es un lenguaje procedimental usado para crear aplicaciones de proposito general, fue creado en 1972 por Dennis Ritchie usando un sistema operativo con base Unix.
Tengamos también en cuenta que C es un lenguaje de alto nivel compilado, lo que quiere decir que para ejecutar un lenguaje hecho en C sera necesario un compilador que basicamente traduce nuestro codigo natural de C en codigo maquina para que la computadora pueda comprenderlo.

Antes de continuar veamos un ejemplo sencillo de un programa en C para que veamos como seria su codigo, haremos el muy conocido “Hola mundo”!

#include <stdio.h>

int main()
{
   printf("Hola mundo! \n");

   return 0;
}

Lo que hace este programa es imprimir en una terminal el mensaje “Hola mundo!”. Recordemos que los programas en C deben guardarse con la extensión .c y posteriormente deberán compilarse para que se puedan ejecutar.

Veamos un poco acerca de este lenguaje en el siguiente video tutorial para conocer un poco de código del mismo.

Video de introducción al lenguaje C

 

Category: tutoriales de programación en C | Tags: , , , , , , , , ,
| April 8, 2013
13 comments

Ciclo For en Python

El ciclo for en el lenguaje Python tiene cierta ventaja y diferencia con otros lenguajes. Si tienes nociones de programación en lenguajes diferentes a python, tal vez puedas pensar que el ciclo For se define utilizando contadores y rangos en los cuales se ejecutaría el código del for, sin embargo en Python el concepto es un poco diferente.

A continuación la sintaxis de For en Python.

Sintaxis de la sentencia for

La sintaxis es la siguiente:

for iterador in secuencia
     #codigo a ejecutar

Esto quiere decir que cuando usamos la sentencia For, tenemos la capacidad de recorrer una secuencia por medio de “iteraciones”, una secuencia como una lista o una simple cadena de texto, veamos un ejemplo para comprender mejor.

Si quisiéramos declarar una cadena de texto y recorrer cada uno de sus caracteres, podemos usar la sentencia For para ello.

Recorrer cadena de texto usando For

Este programa recorrera cada letra de la cadena de texto “Hola!” y la imprimira en pantalla.

#!/usr/bin/python

for letra in 'Hola!':   
   print 'Estamos en la letra :', letra

Este seria el resultado:

Estamos en la letra : H
Estamos en la letra : o
Estamos en la letra : l
Estamos en la letra : a
Estamos en la letra : !

 Iterar utilizando Indices (listas)

También es posible hacer iteraciones con For utilizando indices de listas. Esto quiere decir que la variable iterada tendra el valor de un indice, algo así como un contador común y corriente.

Ejemplo:

#!/usr/bin/python

autos = ['mercedez','BMW','Toyota']
for indice in range(len(autos)) #range define un rango que es el tamaño de la lista
     print 'El auto es un ',autos[indice]

En este ejemplo iteramos una lista de autos y  los accedemos utilizando el indice de la lista, el resultado seria:

El auto es un mercedez
El auto es un BMW
El auto es un Toyota

La equivalencia sin usar el indice seria la siguiente:

#!/usr/bin/python

autos = ['mercedez','BMW','Toyota']
for auto in autos
     print 'El auto es un ',auto

En cuyo caso la variable “auto” esta iterando la secuencia de la lista de autos, y toma el valor de cada uno de sus elementos dentro de esta lista.

Espero que este tutorial te haya sido de utilidad, no olvides compartirlo, comentar o darle un like.

Category: Python | Tags: , , , , , , ,
| April 8, 2013
One comment

Como hacer un plugin de jquery basico

Cada vez los plugins de jQuery se hacen mas y mas comunes, asi que porque no hacer uno propio?

Hacer un plugin basicamente solo es necesario saber javascript/jquery y manejar una plantilla para extender jQuery con nuestro plugin.

Para ello debemos crear un archivo .js donde crearemos nuestro plugin y usar esta plantilla.

(function( $ ){
    $.fn.miPlugin= function() {
       /*Todo el codigo de tu plugin*/
  };
})( jQuery );

Donde “miPlugin” seria el nombre de la función mediante la cual mandaremos a llamar a nuestro plugin, en este caso para mandar a llamar la función es necesario mandar a llamar un objeto de jQuery y simplemente usar la función.

$('#elemento').miPlugin()

En el siguiente ejemplo tenemos un plugin muy sencillo que sirve para activar una animación personalizada cuando se haga un hover sobre un elemento. Primero dejare la plantilla usada en HTML y luego el plugin

Plantilla HTML

<!DOCTYPE html>
<head>

<style type="text/css">
	div{
		float:left;
		width: 400px;
		height: 200px;
		border-style: outset;
	}
</style>

</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery-plug.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$('').animar()

})

</script>

<div id="myDiv1"><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p></div>

<div id="myDiv2"><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p></div>

<div id="myDiv3"><p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p></div>

</body>

 

El plugin en javascript

/*
* Author: Jorge V
*/
(function( $ ){
    $.fn.animar= function() {

    	$this = $(this)
    	$this.hover(function(){
    		$this.animate({
    			height:'250px',
    			width:'230px'
    		})
    	})

  };
})( jQuery );

Video tutorial de como hacer este plugin basico

Category: Javascript | Tags: , , , , , ,
« Older Entries   Recent Entries »