miércoles, 1 de abril de 2015

UNO DE LOS MEJORES EDITORES DE TEXTO PARA PROGRAMACIÓN WEB

Todos buscamos un buen  editor de texto para programar pero nunca hemos encontrado hasta ahora, les hablare un poco de sublime text 2.


¿Qué es Sublime Text 2?
Sublime Text 2 es un editor de código al estilo TextMate, Kate o Redcar, su interfaz es limpia e intuitiva y soporta el uso de SnippetsPlugins y sistemas de construcción de código (Build Systems).
En un principio fue creado por Jon Skinner como una extensión rica en features de vim pero poco a poco fue adoptando identidad propia, debido a ello, Sublime Text 2 aún conserva un modo de edición tipo vi llamado “Vintage mode“.
El modo Vintage está desactivado por defecto pero puede ser activado cambiando las opciones del editor en la configuración global.

Sublime Text 2 está escrito en C++ y Python, incluye una implementación de CPython2.6 embebida así como una consola que no es sino un intérprete de Python desde el cual podemos ejecutar comandos y realizar tareas de retrospección y hacks múltiples. 



es multiplataforma eso es bueno lo puedes instalar windows, linux y mac  tambien puede instalarle plugin, aqui te dejare algunos de los que yo uso que te ayudar en este asombroso mundo de la programación web.


aquí esta la pagina para poder descargar el sublime text 2.


 después de eso que lo instalan, vamos a instalar los plugin.

abrimos el sublime text2  y nos vamos a  View > Show Console
y ahi pegamos este codigo  el package control.

import urllib2,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')

ahora reiniciamos el sublime text 2 y nos vamos  a preferences-> y hasta abajo esta package control le damos click ahi.


y ahi buscamos los siguientes  plugin.

EMMET

Este plugins es esencial para maquetación web, ya que, nos ahorra bastante tiempo al abreviarnos las tareas de escribir etiquetas una por una.
Un simple sintáxis html:5 +ctrl +E nos genera una completa plantilla html5 básica para comenzar con nuestro projecto. Quieres más? 
ALIGNMENT
Quieres mantener tu código perfectamente alineado?. Pues este plugin lo hace por ti con un simple
CTRL+ALT+a
DOCBLOCKR
Como buen programador sabes la importancia de los comentarios, pues bien, este plugins te ahorra el tiempo. Prueba a utilizar la sintaxis /*.
PHPCS
Si trabajas con PHP este plugins verifica que el código que escribes cumpla las normás básicas.
estos son los plugin, que yo uso en realidad son muchos que puedes instalar dependiendo los gustos y para que lo necesitas.

muchas gracias cualquier cosa dejen comentarios. 

viernes, 6 de marzo de 2015

APRENDIENDO HTML5 Y CSS3



Hola en esta ocacion les traigo un libro muy importante de HTML5, yo ya lo leí y esta muy completo, es muy recomendable, en este libro también encontraran un poco de CSS3, para que vallan aprendiendo los dos lenguajes en un solo libro les pondré algo de definición de cada lenguaje para tenerlo mas claro. 

¿QUE ES HTML5 ?


HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se presenta la información en el explorador de internet y la manera de interactuar con ella.
HTML5 está siendo desarrollado por Ian Hickson de Google Inc. y David Hyatt de Apple Inc. junto con todas las personas que participan en Web Hypertext Application Technology Working Group.

HTML5 nos permite una mayor interacción entre nuestras páginas web y contenido media (video, audio, entre otros) así como una mayor facilidad a la hora de codificar nuestro diseño básico.

Estructura de HTML5
Esta nueva versión se basó en el diseño más común de las páginas web alrededor del mundo para llegar a un estándar de etiquetas que realicen las mismas tareas de manera más rápida y eficiente, he aquí algunos ejemplos:


  • Un nuevo diseño para páginas web, reflejado en las etiquetas <header>,<footer>, <nav>,<section>,<article> las cuales están destinadas a remplazar la necesidad de tener una <div> para cada parte de la página, y en cambio, tener etiquetas específicas para ello.
  • La nueva etiqueta <video> para insertar un reproductor de video, mejorando el reproductor antiguo utilizado por la etiqueta <embed> y evitándonos la pena de insertar el código de <object>, así como eliminar la necesidad del Flash Player para reproducir videos (lo que nos lleva a un ahorro en la cantidad de memoria utilizada).
  • Una nueva tag <audio> para insertar audio en nuestro sitio web, remplazando la vieja etiqueta <embed> con las mismas cualidades de la etiqueta anterior.
  • Una etiqueta <canvas> para manejo de gráficos en internet, sea para dibujar vectores o hacer animaciones.

¿QUE ES CSS3?

Mientras que HTML nos permite definir la estructura una página web, las hojas de estilo en cascada (Cascading Style Sheets o CSS) son las que nos ofrecen la posibilidad de definir las reglas y estilos de representación en diferentes dispositivos, ya sean pantallas de equipos de escritorio, portátiles, móviles, impresoras u otros dispositivos capaces de mostrar contenidos web.
Las hojas de estilo nos permiten definir de manera eficiente la representación de nuestras páginas y es uno de los conocimientos fundamentales que todo diseñador web debe manejar a la perfección para realizar su trabajo.
La primera versión de CSS fue publicada a fines del año 1996 y fue logrando popularidad y aceptación hasta llegar a la versión 2.1, estándar actual que ofrece gran compatibilidad con la mayoría de los navegadores del mercado.
aquí les dejo el libro espero que les guste 
RECUERDEN
Linuxea.- el conocimiento es libre.


jueves, 5 de marzo de 2015

INSTALACION DE UN SERVIDOR WEB LOCAL



Si vamos a empezar a la programación web necesitamos un servidor web local, aqui aprenderemos a instalar el mas usa XAMPP.

no se si tienes nocion que es un servidor web pero te explico mas o menos que es.

Un servidor local es simplemente un ordenador común y corriente con una serie de aplicaciones instaladas para que podamos utilizarlo de servidor de prueba y así corregir las imperfecciones y realizar los cambios necesarios en nuestra página web hasta que estemos 100% seguros de que la podemos subir por FTP y tenerla online.
Las aplicaciones necesarias para que nuestro ordenador funcione como servidor online son:
  • Sistema operativo. XAMPP esta presente en todo los sitemas operativos.
  • Apache. Es la aplicación madre que permite que el ordenador se convierta en servidor.
  • MySQL. Es una aplicación de bases de datos controlada por Apache que permite crear todas las bases de datos necesarias para nuestro proyecto.
  • PHP. Es la tecnología de programación utilizada en el servidor. 
  • FTP.  es el Servidor para subir archivos ftp.

INSTALACIÓN DE XAMPP.

1.- Verificamos que tipo de sistema operativo manejamos  si es de 64 o 32 bits en mi caso manejo windows de 64 como lo checo  mi pc - click derecho propiedades.
y en la pantalla que abre buscamos esta sección, donde dice tipo de sistema aparecera el 64 o 32.




Ahora despues de tener ese dato nos vamos a descargar XAMPP, la pagina  es la siguiente https://www.apachefriends.org/es/index.html.

ya adentro de la pagina escoges tu sistema operativo que tengas en tu maquina donde lo vas a instalar.


Al darle click se descargara automáticamente el XAMPP.

Ya  terminado la descarga le damos click a este archivo.

Nos aparecerá esta pantalla le da damos en yes.


A continuación le damos NEXT.


En este apartado  le damos NEXT dejaremos que se nos instale las cosas que vienen predeterminada.
Al darle NEXT nos aparecerá esta pantalla  le damos NEXT, ahí nos dice que seleccionemos la carpeta de instalación lo dejamos como viene predeterminado.

Después  le damos NEXT.

Y aquí le damos NEXT también, para comenzar la instalación.
Esperamos que termine la instalación, regularmente no tarda mucho dependiendo el hardware de tu equipo.


ya terminado la instalación le damos finish, y  se nos abrirá el control panel de XAMPP.
Ya instalado nos mostrara este  control panel.
Para iniciar los servicios que nos servirar para la programación web debemos darle STAR  APACHE Y MYSQL, debe quedar  como se muestra en la imagen siguiente.
Para ver si todo quedo correctamente  nos vamos al navegador y ponemos LOCALHOST,  ahí nos aparecerá una pagina del XAMPP pidiendo que idioma queremos le damos español o el que gusten y después nos saldrá una pagina como la que a continuación les muestro.

Ahora ya tenemos nuestro servidor web local funcionando correctamente, ahora para ejecutar nuestro ejercicios que haremos de php, necesitamos siempre guardarlos en esta  ruta c:\xampp\htdocs\ejercicio1.php






Bueno amigos eso seria todo es un tutorial amplio pero esta sencillo, les recomiendo que se instalen los navegadores mas conocidos en su  pc para ver como queda los ejercicios en diferente navegador.

si tienen duda contáctenme  en mi  pagina de facebook.
LINUXEA

muchas gracias y  recuerden amigos.

linuxea.- El conocimiento es libre.










martes, 3 de marzo de 2015

INICIO EN LA PROGRAMACIÓN DE WEB

Iniciando a la programación web 


La programación web es algo que esta evolucionando demasiado rápido todos dicen, que las aplicaciones de escritorio se esta acabando, porque las aplicaciones web están revolucionando  el mundo de la informática,  y la realidad es esa, la programación web puede tener sus complicaciones como cualquier otro lenguaje de programación,  pero la comunidad es tan grande que te sacara de apuros, por aprenderemos los lenguajes de programación web empezaremos con  php es un lenguaje del lado del servidor, pero no solo se debe aprender php en realidad debes de saber html, css3, javascript, mysql  y jquery pero no te asustes, si sabes programar en cualquier otro lenguaje eso se te hará mas fácil, para comenzar te dejo un manual de php, este es el primero  aprenderemos juntos todos los lenguajes de programación web, es importante mencionar que no es necesario saber al 100% los lenguajes pero debes de tener un buen porcentajes de conocimiento para poder comprender bien. 


también tratare de subir ejemplos básicos de comienzo de php  si tienen duda de cualquier  comenten, si tienen problema  de como instalar un servidor web comenten y les ayudo.


linuxea.:- el conocomiento es libre 

viernes, 16 de mayo de 2014

DECISIONES EN JAVA PROBLEMA DEL CARACOL

hola amigos aqui les traigo otro gran  ejemplo de decisiones en java les presento el problema.

Un caracol ha caído en un agujero de p metros de profundidad. En su intento de salir del agujero, el caracol sube s metros cada día, pero se resbala r metros cada noche. Si s es mayor que r, el caracol logrará salir finalmente del agujero. Por ejemplo, si el agujero tiene 10 metros de profundidad y el caracol sube 5 metros cada día y se resbala 2 metros cada noche, entonces el caracol logrará salir al tercer día. Dados los números ps y r, ustedes deberán determinar el número d de días que se tardará en salir el caracol. 

 este es el problema, en realidad  es uno sencillo les dejo el codigo en imagenes.



en esta imagen mostramos como es la forma de pedir los valores desde la consola y leerlos para almacenarlo en una variable.




Aqui vemos prácticamente el desarrollo  y la decisión que tenemos ahí, ya explique cual es su funcionamiento chequenlo en el video.


este es el resultado amigos se los dejo cualquier duda comenten, si necesitan ayuda en otros ejemplo con gusto  les ayudare estamos asus ordenes.


link del proyecto:

domingo, 27 de abril de 2014

CONVERSIÓN DE UNIDADES DE MEDIDAS BRITÁNICAS EN JAVA

hola amigos en esta ocacion les traigo un ejemplo de  conversiones de unidad de medida británica  hecho en java con el IDE netbeans, este es una  serie de ejemplo que llevaremos acabo, para principiantes  para que se metan a este fascinante mundo de la programación en java.

bueno después de esta introducción espesare a explicar el problema. ¿se necesita que  ingreses las pulgadas mayores  100000 y convertirlas en millas, furlongs, yardas, pies.

¡¡¡¡¡EMPEZAMOS!!!!


Aquí mostramos la primera pantalla donde se muestra el código del programa como miran es por consola el programa  pide datos e imprime datos en la consola ya que primero iniciaremos con la consola a trabajar.
mandamos a llamar los métodos  BufferedReader, InputStreamReader estos metodos nos ayudan a leer  lo que se ingrese en consola mediante el teclado.

el  try y catch nos sirve para poder ejecutar el metodo para leer datos desde el teclado.
eso son las partes nueva en este ejemplo ya que lo demás ya esta mencionado en el vídeo.


aquí el resultado del programa amigos les dejo los link del video y del proyecto  si tienen duda  comentenlo, por favor  gracias y recuerden.


"EL CONOCIMIENTO ES LIBRE Y LIBRE SOMOS DE COMPARTIRLO" 










domingo, 13 de abril de 2014

CUANTOS SEGUNDOS SON EN AÑOS, DIA, HORA, MINUTO Y SEGUNDO EN JAVA

hola amigos aquí les traigo  un nuevo  ejemplo en java  en esta ocacion les traigo como  convertir los segundos en año, dia, horas, minutos y segundos   es un ejemplo sencillo pero de aquí nos glosaremos para hacer ejemplos de introducción a la programación  con ejemplos les dejo captura del ejemplo.


bueno aquí les dejo la captura de pantalla como siempre viene con ejemplos   y si no lo entienden les dejo  el link del vídeo para que lo entiendan mejor ahí lo explico.

link del proyecto: http://www.linkbucks.com/MkAa