Aprende a programar en Codecademy.com

aprende a programar en codecademy

En el artículo anterior hablamos de las razones para aprender a programar, y entre ellas una de las más notorias es el incremento de puestos de trabajo, además de la implementación de otras áreas o estudios a la programación.

Codecademy.com es un recurso bastante interesante para comenzar en el mundo de la programación. Sus lecciones son totalmente interactivas por lo que te van llevando desde lo más básico para entender mejor el lenguaje.

Puedes aprender a programar web y apps desde lo más básico, HTML y CSS, para luego dotar con un poco de interactividad a tus webs, con Javascript o cualquier de sus frameworks o librerías (jQuery, Angular, React JS), quieres aprender a manejar bases de datos, puedes comenzar con MySQL. Y con PHP, Ruby o Python puedes programar cosas increíbles del lado del servidor. Y lo mejor es que codecademy.com comienza con ejemplos muy sencillos y fáciles de entender para que te vayas familiarizando con los lenguajes.

Quizás no termines siendo un experto al terminar estos cursos, pero bien pueden ser un gran recurso que te ayudará a iniciarte en la aventura de desarrollar apps.

Sitio: Codecademy.com

10 sitios web para aprender programación

lines-of-code

Si has llegado a este artículo seguramente estás buscando aprender a programar, ya sea HTML, CSS, Javascript, iOS, Ruby on Rails, Android, PHP, Base de Datos, etc. Los siguientes 10 sitios web son un interesante recurso online para aprender a dominar estas tecnologías.

  1. Codecademy
  2. Codeschool
  3. Udacity
  4. Coursera
  5. Thinkful
  6. Dash
  7. Khan Academy
  8. Learn Python the Hard Way
  9. ThreeHouse
  10. Empire of Code (like a Starcraft Blizzard)

Font Awesome, Inserta Íconos en el Código HTML

font-awesome inserta íconos en el código html

Font Awesome es un interesante y eficiente recurso para implementar íconos en nuestros proyectos web desde el código HTML.

¿Cómo funciona Font Awesome?

  1. Comienza por descargar la carpeta de la app desde la página oficial de Font Awesome.

  2. Copia la carpeta de Font Awesome a la carpeta de nuestro proyecto web.

  3. Añade al HTML <link /> el CSS (font-awsome.min.css).

  4. En el lugar del body del código HTML donde quieras poner el ícono, inserta la etiqueta <i> por cada ícono que quieras usar de la siguiente manera: <i class=”algo”></i>, la class .algo es el valor del ícono asignado mediante la clase. Puedes ver la lista completa de las clases aquí.

Links:

Cómo empezar Font Awesome.

Si tienes alguna duda puedes contactarme por twitter en @yosoyameth

PACE, un Pluging jQuery para Ver el Progreso de la Barra de Carga

pace es un pluging jquery animación progress bar loading

A la hora de visualizar una página web, en ocasiones es incómodo esperar a que cada elemento cargue uno por uno, en este caso PACE te permite hacer una vista inicial de una barra animada con el proceso de carga de una página, justo antes de que termine de cargar completamente y aparezcan los diferentes elementos y datos como: imágenes, textos, videos, animaciones, etc.

PACE es una animación que nos muestra el estado de carga de los elementos de tu página HTML, antes de que el DOM finalice de cargar, de esta forma se muestra la información cuando la página esté cargada completamente.

Es un pluging jQuery muy sencillo de usar, sólo descarga o copia el código a un editor de texto, en este caso estoy usando Sublime Text, y anexa los links correspondientes, el del CSS (temas) y el del jQuery (animación) y sin necesidad de modificar algo o añadir más código, la barra o animación del progreso de carga aparecerá justo antes de que el documento esté listo para ser visto.

Puedes elegir entre los diferentes temas, con diseños inspirados en Apple Mac OS X o el Flat Design.

Repositorio de PACE en Github: Descarga Pace.

Por: Ameth (@yosoyameth)

jquery pluging progress bar loading