Comandos básicos en Git #geekprogramando

git-logo

¿Por qué utilizar un control de versiones?

Es necesario que nuestro código sea almacenado de una manera organizada y Git nos provee esa capacidad como gestor de versiones y es el encargado de mantener todos los cambios con el mínimo detalle sobre cada modificación realizada. Git es una herramienta obligatoria cuando en nuestro proyecto se manejan varios archivos y son editados por varias personas en nuestro equipo de trabajo.

Git lleva los cambios de cada archivo y es quien almacena de una manera muy detalla si se agrega o elimina información, esto es fundamental para revisiones ya que podemos visualizar las modificaciones en varias etapas del desarrollo.

El control de versiones lo podemos llevar de manera local únicamente o hacer uso de servicios online tal como GitHub o Geeklist, estos servicios son gratuitos y nos permiten manejar repositorios públicos o privados.

<em>#Repositorio: Versión de un proyecto alojado en Git.</em>

Instalación

Para trabajar con GitHub o Geeklist debemos descargar e instalar Git de manera local:

download git

Windows:

http://git-scm.com/download/win

OS X:

http://git-scm.com/download/mac

Luego de completar la instalación a través de linea de comandos debemos configurar un par de variables globales:

Windows / OS X
git config --global user.name "Carlos G. Rodríguez"
git config --global user.email "xxxx@xxxxx.xxx"

Nuevo Repositorio

Al iniciar el versionamiento de un proyecto debemos indicarle a Git que carpeta es la que va a llevar los cambios:

Windows / OS X:
mkdir nuevo-proyecto
cd nuevo-proyect
git init

Creamos un archivo de prueba en nuestra carpeta:

Windows:
type NUL > Archivo.txt

OS X:
touch Archivo.txt

Revisamos el estado de nuestro repositorio:

Windows / OS X:
git status

git-tutorial-1

Git nos indica que en el Branch Master existen archivos sin seguimiento, por lo que debemos agregarlos al repositorio con el siguiente comando:

Windows / OS X:
git add Archivo.txt

#Branch: En Git podemos crear varias Branchs (Ramas) dentro de un repositorio, con esto mantener nuestro proyecto en varios estados y trabajar sobre cada uno independientemente.
#Master: Es el nombre del Branch por defecto.

Luego de esto Git tendrá en cuenta al documento Archivo.txt, estos cambios lo manejamos de manera local. Una vez agregados todos los archivos realizamos un Commit:

Windows / OS X:
git commit -m "Descripción sobre los cambios en el commit"

Conectar el Repositorio Local con el Remoto

Para conectar nuestro repositorio con GitHub o Geeklist vamos a crear un repositorio remoto.

repositorio-github

Nuevo Repositorio en GitHub

Nuevo repositorio Geekli.st

Nuevo Repositorio Geekli.st

Una vez creado el repositorio obtenemos la URL y lo conectamos a  nuestro repositorio local:

URL del repositorio GitHub

URL del repositorio en GitHub

URL del repositorio en Geeklist

URL del repositorio en Geeklist

Con esta información ejecutamos (reemplazamos la URL dependiendo del servicio online que utilicemos):

Windows / OS X:
git remote add origin https://github.com:carlosroec/nuevo-proyecto.git

Enviando los cambios al Repositorio Remoto

Para indicarle a Git que envíe nuestros cambios y commits en el repositorio remoto:

Windows / OS X:
git push origin master

Obteniendo los cambios desde el Repositorio Remoto

Si queremos obtener los cambios desde el repositorio remoto:

Windows / OS X:
git pull origin master

Con esta serie de comandos podemos iniciar el uso de Git en nuestro proyectos, como un gestor de versiones posee una variedad de características que les recomiendo revisar en el libro Git-Book

Aprende HTML5 con esta colección de 250 tutoriales

HTML5 el siguiente estándar en el desarrollo web multi-dispositivos poco a poco va ganando terreno y es mejor que no nos quedemos atras y que debamos aprender a trabajar con él en nuestros proyectos.

html5

Esta serie de 250 tutoriales en video van desde niveles básicos en el desarrollo de HTML5 hasta funciones avanzadas que permiten sacar provecho de las nuevas funcionalidades en dispositivos móviles. Gran parte de estos videos se encuentran en YouTube por lo que de alguna manera podemos descargarlos y guardarlos para futuras referencias.

Colección de tutoriales HTML5

Tutorial JavaScript Guía 001 #geekprogramando

Bienvenidos a este nuevo proyecto lo e tenido en mente por un largo tiempo pero al fin ve la luz. Es así que durante las próximas semanas (mejor dicho meses) cada día martes se publicará un articulo de este Tutorial JavaScript. Como literatura recomendada tenemos JavaScript the Definitive Guide 6th Edition de David Flanagan, la cual cubre ECMAScript 5 & HTML 5. 

Esta guía va dirigida a programadores que inician su aprendizaje de este magnifico lenguaje y para los programadores más experimentados que quieren actualizar sus conocimientos y trabajar bajo el nuevo estándar.

Recuerden dar un Follow a @carlosro_ec o buscar el HT #geekprogramando en Twitter para poder acceder a las publicaciones semana a semana.

Y sin más demora empecemos con la primera Guía.

Que es JavaScript? (algo de teoría no nos viene nada mal)

JavaScript es el principal lenguaje de la red basado en scripts, ahora es muy raro ver algún sitio web que no incorpore algún script dentro de su código, la mezcla de HTML, CSS junto a JavaScript a convertido a los antiguos sitios estáticos (fríos y sin movimiento) en verdaderas maravillas llenas de características que determinan la usabilidad del sitio.

Todo script que definamos en un sitio web se ejecutará dentro de nuestro navegador (tecnología Client/Side).

Hay que destacar que este lenguaje no es nuevo su primera aparición la hizo en el año 1995 de la mano de Nestcape Communications Corp, gracias al apoyo de Mozilla Fundation (si Mozilla lleva tiempo involucrado en el mundo de los navegadores)

El nombre real con el que se debería llamar a este lenguaje es ECMAScript (analizaremos su más actual versión la 5) la definición de su estándar, pero muchas empresas decidieron modificarlo e implementar detalles particulares para cada uno y por tal motivo existen varios tipos de este estándar. Un dato curioso es por que JavaScript lleva en parte el nombre Java, en sus épocas de creación Java estuvo en los titulares y mucho se hablaba de este lenguaje multiplataforma, debido a esto fue sencillo crear un nuevo tipo de marketing y hacer uso de Java en parte del nombre de JavaScript (<=aclaración=> JavaScript y Java son totalmente independientes un poco de el nombre del uno en el otro y no tienen mas en común)

Herramienta de Trabajo

En las primeras etapas de este Tutorial utilizaremos la Consola JavaScript que integra el navegador Chrome (pueden utilizar la consola de debugging parte de Firebug complemento del Navegador Firefox), esta consola funciona sobre el motor V8 uno de los más destacados por su velocidad y capacidad.

Menú Herramientas – Google Chrome

Consola JavaScript – Google Chrome

Detalles del lenguaje

  • Case Sensitive – asi que Function no es function, tener en mente siempre esto. Lo mismo sucede con las variables si definen una variable llamada estudiante no será la misma si luego quieren utilizarla llamándola Estudiante.
  • Comentarios – mucho de JavaScript en cuanto a estructura y características son tomadas del lenguaje C así que los comentarios son de la misma manera.
//Comentario num. 1

/* Comentario num. 2 */

/*

  * Comentario num. 3

  * Multilinea

  *

  */
  • Valores literales – son definiciones de valores que aparecen descritas en el script.
“Goodbye Moon”    //Cadena de texto

‘Moon’            //Cadena de texto

null              //Indica que variable hace referencia a NADA

true              //Valor booleano para verdadero

false             //Valor booleano para false
  • Variables – en JavaScript deben empezar con una letra, un guion bajo (_) o un signo dólar ($).
contador

a

_num

$total
  • Palabras reservadas – son identificadores propios del lenguaje, prohibido utilizarlas como variables.
break         delete        function              return        typeof

case          do            if                    switch        var

catch         else          in                    this          void

continue      false         instaceof             throw         while

debugger      finally       new                   true          with

default       for           null                  try

Para el ECMAScript 5 se reservan un conjunto extra de palabras:

class         const         enum                  export        import

super
  • Tipos de Datos

Valores Enteros – En JavaScript tenemos la posibilidad de almacenar valores enteros todos estos números deben encontrarse en base 10.

Valores de Punto Flotante – Estos valores pueden almacenar números con decimales, de la misma manera se pueden representa valores con el número seguido de la letra E (1.43234E-32)

  • Manejo de Fechas y Horas

JavaScript incluye el constructor Date() con el cual podemos representar fechas y horas.

//Crear fecha 25/10/1984

var fecha = new Date(1984, 9, 25);

//Crear fecha 25/10/1984 incluyendo hora 8:10:23pm

var fechaHora = new Date(1984, 9, 25, 20, 10, 23);

//Obtener la fecha actual

var fechaActual = new Date();

//Obtener el año actual

fechaActual.getFullYear();

//Obtener el mes actual

fechaActual.getMonth();

//Obtener el día actual (0 = Sábado, 5 = Viernes)

fechaActual.getDay();

//Obtener la hora Actual

fechaActual.getHours();

La proxima semana continuamos revisando las características del lenguaje. Hasta la próxima.