Insertar datos a base de datos con ajax y php

En este video veremos como insertar datos a una base de datos mysql, con las tecnologías javascript, php, ajax.

Dominio y Hosting Gratis

En esta entrada hablaremos de domnio y hosting dos palabras clave para entender la web.

Empecemos diciendo que el dominio es el nombre que se le da a nuestra página o sitio web para que se encuentre en Internet fácilmente y pueda ser recordado por los usuarios de la web en vez de la ip que son números poco fáciles de recordar", los dominios son una parte importante a la que le debemos prestar mucha atención, a la hora de posicionar nuestra página en la web, la función del dominio a parte de guiar al usuario de la web es apuntar a un DNS (Domain Name System o en español Sistema de Nombres de Dominio), este sistema convierte el dominio en una dirección IP para que luego sea buscada en todos los servidores conectados a Internet, devolviendo así nuestra página web o cualquier aplicación que tengamos.

Los dominios están a cargo de entidades privadas y públicas, y también podemos conseguir dominios gratuitos pero con extensiones poco llamativas como por ejemplo .tk.
Los dominios más comunes en Internet son .com .net .org .com.co .es .co y muchos más

ahora, los hosting sencillamente son un espacio en un computador conectado a Internet o no, donde se almacena ya sea una página web o cualquier otra información.

Es por eso que aquí traigo dos páginas por las cuales podemos comenzar.

www.dot.tk <-- Nos permite utilizar un dominio gratuito con la extención .tk
www.hostinger.co <-- Nos permite utilizar un hosting gratuito para enlazarlo con nuestro dominio .tk

Nos dirigimos a estas dos páginas y nos registramos normalmente.

y cuando en la creación del dominio nos pidan los DNS, simplemente vamos a donde está tu hosting osea en hostinger.co y los encuentras en el panel de administración.

En otro Tema detallaré más el procedimiento.

Instalando Node js

Node js es una plataforma que nos permite ejecutar código javascript del lado del servidor, es una de las herramientas muy importantes por estos días ya que cada vez más aplicaciones la implementan.

Para instalar Node js vamos a la pagina oficial http://nodejs.org/ y descargamos el instalador para cualquier sistema operativo.

O si estamos en linux específicamente en ubuntu vamos a la terminal y ponemos el siguiente código
sudo apt-get install nodejs también podemos descargar el instalador para linux desde la página web.

Probamos si nuestro node js esta instalado correctamente digitando en la terminal node --version

El npm (Node Packaged Modules) como es llamado según wikipedia, nos permite instalar modulos para Node js necesarios para abreviar y sintetizar a la hora de programar una aplicación, npm ya viene con Node js desde la versión 0.6.3 cuando lo descargamos así que no es necesario instalarlo manualmente.

Subiendo aplicación Nodejs a Heroku

Heroku es una plataforma de aplicaciones en la nube en donde podemos alojar y funcionar nuestra aplicación Node js, lo primero que se debe hacer es crearse una cuenta en https://www.heroku.com/ y descargarse el heroku-toolbelt.exe que es el programa que le permite ejecutar comandos en la consola para configurar las aplicaciones que queramos tener en heroku.

Tambien descargamos git que es un sistema de control de versiones que nos permitirá manejar junto a heroku las apliciones, lo pueden descargar de su pagina oficial http://git-scm.com/....

Estructura HTML5

La quinta versión del lenguaje de marcado más usado para creación de la web, trae consigo nuevas mejoras, un ramillete de apis que hacen de html5 un poderosa herramienta, la estructura del lenguaje es muy importante para SEO (Posicionamiento en buscadores) y para el diseño en sí mismo.

HTML5 sin duda es el mejor y siempre va superándose, apoyándose en las mejoras que se están dando con la interfaz XMLHttpRequest 2. Antes utilizabamos muchas etiquetas divs para contener nuestros textos y demás objetos pero ahora HTML5 tiene etiquetas destinadas para uso especifico y hace más fácil encontrar lo que estamos buscando.

Instalar Sublime Text 3

Sublime Text es un editor de código, así lo define su página "Sublime Text es un sofisticado editor de texto para código, marcado y prosa. Amarás la interfaz, extraordinarias características y sorprendente presentación", este programa es soportado por mac, linux y windows.

Su versión estable es la 2.02 pero ya esta en beta la 3.0 que tiene nuevas mejoras de rendimiento, arranque y esa es la que les voy a enseñar a instalar adecuadamente con sus respectivas características, podremos usar este programa porque es gratutio solo que nos muestra una ventana para que hagamos la respectiva actualización pagando y el que quiera pagar por él pues lo hace .

Agregar Disqus como caja de comentarios

Para agregar esta bonita caja de comentarios usamos la herramienta web Disqus.

Disqus tiene un formato de comentarios global donde puedemos comentar desde las muchas redes sociales y nos da la opcion de hacer por Facebook, Twitter, Google + y desde la cuenta de Disqus tambien y mantiene una sesión activa para poder comentar otra entrada al salirnos de una.

Primero desactivaremos la caja de comentarios predeterminada de Blogger.
Entramos a Blogger, y vamos a nuestro blog y damos Click en Diseño.
En el cuadro que dice Entradas del blog damos click en editar y desactivamos la casilla de comentarios.

Poner código y se vea elegante en Blogger

Hay diferentes páginas que nos proveen de esta herramientas y lo mejor de todo es que son gratuitas y las traen alojadas para que las usemos, en este caso usaremos SyntaxHighlighter.

SyntaxHighlighter nos permite poner nuestro codigo de una manera más decente y amigable con el usuario, nosotros podemos hacer el codigo para editar la fuente de los codigo pero en este caso usaremos el ya mencionado, este escrit abarca html, javascript, css, php y muchos otros lenguajes.

Ocultar barra de Blogger

Para ocultar la barra de blogger donde se puede pasar al siguiente blog y tambien poder ingresar al sistema blogger por google, debemos hacer algunos pasos, en realidad es muy sencillo.

Aunque no está mal dejar la barra quieta nos incomoda aveces y nos baja un poco el diseño al que queremos llegar con nuestro, se podrá ocultar, quitar, o simplemente ponerla transparente.

Los pasos que debemos hacer son los siguientes:

LA DIMENSIÓN WEB 2.0

interactividad, comunicación, creación, innovación, comunidad ....

En estos momentos están pasando hechos, situaciones, charlas, videos, imágenes por la web y todo esto gracias a la tecnología que desde hace 1 década ha venido evolucionando a la par con los seres humanos. Al entrar a la red más grande del mundo (Internet) vemos posibilidades infinitas de comunicarnos los unos con los otros, es por eso que la informática se llama así porque su fin es informar, comunicar, relacionar entre otros. 

La web que teníamos antes nos limitaba solo a leer y consumir de la Internet información, pero ahora podemos transformar y nosotros mismo generar contenido para la web, es increíble y solo lo sabíamos por las películas que pudiéramos llegar a este punto de la historia y lo que aún falta de la dimensión 2.0.

El sólo hecho de conectarnos a la red por wifi ya estamos en contacto con cualquier persona donde llegue la señal Internet , ahora que es una misión de la humanidad expandir la red a lugares donde por cuestiones físicas no llega con nuevas alternativas.

Todo lo que hacemos es para un bien común y es por eso que la web fue construida para eso, ayudarnos mutuamente y que todos seamos participes de nuevos cambios, la educación por su parte tiene una amplia tendencia en la web, porque es más practico encontrar información en pocos segundos, y estará allí siempre que queramos verla o derivar de ella otros contenidos.

En la profesión del contador público es importante contar con esta herramienta, porque permite estar conectado y en contacto con sus colegas, permite desarrollar y crear comunidades en la web de contenidos dirigidos a esta profesión, el contador también puede hacer uso de las aplicaciones o crearlas para desarrollar herramientas que le permitan llevar contabilidad fácilmente  pasar de programas dedicados a programas en la web haciendo mas accesible a la información.

Aprovechemos la web y compartamos.

GIF

Gif animado de los lenguajes.

¿Para qué este Blog?

Desde hace ya varios años tenia la idea de comenzar con algo para contribuir a la comunidad de la web por el conocimiento que he obtenido a lo largo de mi aprendizaje de la construcción de la web, la catapulta que me ayudó a iniciar este proyecto es un curso de herramientas informáticas.

La web se construye de retroalimentación, de comunidades dispuestas a compartir saberes y más aun con las nuevas herramientas que hacen todo más fácil. Los temas aquí tratados son tan simples que cualquier persona puede empezar a consultar.

Edición de video HIPI III

Este es el video normal, sin editar que grabé.




Video con cortes e imágenes, editado.



Audio del video normal, sin editar.




Música del video.

Audio y música mezclada.

Video producido final.