Rackcode - Blog

Curso de Backend con Django Profesional - Rackcode

<div class="separator" style="clear: both; text-align: center;">
<a href="https://impythonist.files.wordpress.com/2015/06/1666323.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://impythonist.files.wordpress.com/2015/06/1666323.png" width="400" /></a></div>
<h3>
Django es un framework web de Python</h3>
<br />
A diferencia de algunos marcos de desarrollo web como es el caso de Flask, <b>Django </b>trata de dar todo lo que necesitamos para crear un proyecto que pueda construir tan facil como sea posible.<br />
<br />
<br />
<br />
Los orígenes de <b><a href="https://www.youtube.com/watch?v=FXgS682DB2s" target="_blank">Django </a></b>son algo curiosos, ya que comenzó como un sistema de publicación de noticias, perteneciente a <b>Lawrence Journal World</b>, pero desde sus propios inicios ya habia sido diseñado y construido siendo capaz de aplicarse en la solución de problemáticas reales, enfocado en ambientes empresariales, reduciendo tiempo en el desarrollo y en la exigencia de requerimietos por parte de los equipos de desarrollo.<br />
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Gracias a la popularidad de <b><a href="https://www.youtube.com/watch?v=FXgS682DB2s" target="_blank">Django </a></b>como framework web ha conseguido una comunidad amplia, que ha su vez a desarrolla  excelentes y numerosos paquetes para el uso inmediato.</div>
<br />
Django se puede usar para construir aplicaciones web  como <b>Instagram, Pinterest, Artio, y Mozilla.</b><br />
<b><br /></b>
<b><br /></b>
<br />
Ahora que sabemos lo basico de  <b><a href="https://www.youtube.com/watch?v=FXgS682DB2s" target="_blank">Django </a></b>vamos a ver como  se instala y comenzar nuestro proyecto.<br />
<br />
<blockquote class="tr_bq">
<b><a href="https://www.youtube.com/watch?v=FXgS682DB2s" target="_blank">Comenzar curso</a></b></blockquote>
<br />

Curso de Backend con Django Profesional - Rackcode

Django es un framework web de Python A diferencia de algunos marcos de desarrollo web como es el caso de Flask, Django trata de dar tod...

+ Leer más »

Como funciona el SEO - Curso de Marketing y Estrategia Digital | Rackcode

<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="265" src="http://coach2coach.es/wp-content/uploads/2014/12/c%C3%B3mo-funciona-el-seo.jpg" width="500" /></div>
<h2>
 Como funciona el SEO - Curso de Marketing y Estrategia Digital | Rackcode </h2>
<br />
En primer lugar, vamos comenzar <b>SEO </b>procede de “<b>Search Engine Optimization</b>” (optimización de motores de búsqueda), también conocido como “posicionamiento en buscadores”, y la definición mas clara de <b>SEO</b>,  sin tanto tecnicismos, son más que todas esas acciones o técnicas que se realizan para que los grandes motores de búsqueda, (como son  <b>Google, Yahoo y Bing</b>) incluyan nuestro sitio web en las mejores posiciones en el <b>pageRank</b>.<br />
<br />
<h4>
¿Mejorar posiciones y PageRank? </h4>
<br />
Cuando hablamos de posicionamiento, nos referimos a la posición que <b>Google </b>y otros grandes motores de búsqueda otorgan a nuestra web,tras haber realizado una consulta previa a través de una palabra clave.<br />
Supongamos que un usuario quiere comprar unos zapatos en Mexico, para ello acude a Google e ingresa algo como "<b>tienda de zapatos en Mexico</b>". <br />
<br />
El hecho es que nuestra web es una tienda online que vende calzado y nos localizamos justamente en Mexico, asi que aparece nuestra web entre las opciones posibles y de igual manera otros competidores.<br />
<br />
Resulta que aparecer entre las primeras posiciones es un trabajo arduo,  esto se debe a que los terminos como "<b>tienda de zapatos en Mexico</b>" y otros terminos mas, hacen una competencia el posicionamiento de una web. Por lo que se buscan acciones, estrategias e implementacion de <b>planes de marketing</b> dicho en una palabra <b>SEO</b>.<br />
<br />
Seguramente ya te ha quedado claro cual es la importancia que tiene este termino en marketing, basicamente el <b>SEO </b>sirve para atraer trafico a nuestra web, ya sea si vendas calzado, ropa o algun servicio por internet, el <b>SEO </b>te ayuda simplemente a dar a conocer a travez de los medios de comunicacion dar una presencia en Intenet<br />
<br />
<br />
<div style="text-align: center;">
<br /><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/eHNnozze1g0" width="560"></iframe>
</div>
<br />
<blockquote class="tr_bq">
Y dicho todo esto… ¿cómo defines tu el <b>SEO</b>?, ¿qué ventajas ofrece cuentanos en los comentarios?<br />
<br />
Ademas de comentar abajo si quieres que hagamos un curso de <b>Marketing y Estrategias Digitales</b>, ya contamos con uno de<b> Email Marketing</b> abajo encontraras un link que te llevara a el Muchas Gracias</blockquote>
<br />
<blockquote class="tr_bq">
<h4>
<a href="https://www.youtube.com/playlist?list=PLxgOfW2o9UV1LKHR2Pc7bijEucjnY4vmj" target="_blank">Curso de Email Marketing </a></h4>
<h4>
<a href="https://www.youtube.com/playlist?list=PLxgOfW2o9UV0wgUp5rW-WBPOYxRzC9lha" target="_blank">Curso de Marketing y Estrategias Digitales</a> </h4>
<h4>
</h4>
</blockquote>
<br />

Como funciona el SEO - Curso de Marketing y Estrategia Digital | Rackcode

Como funciona el SEO - Curso de Marketing y Estrategia Digital | Rackcode En primer lugar, vamos comenzar SEO procede de “ Search Engi...

+ Leer más »

Curso de Java - Calculando la Area de un Triangulo en Java

<h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://i.ytimg.com/vi/cQH_T9oDREc/hqdefault.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://i.ytimg.com/vi/cQH_T9oDREc/hqdefault.jpg" width="400" /></a></div>
Calculando la Area de un Triangulo en Java</h2>
<br />
En este video vamos a aprender a leer datos del usuario y vamos a hacer alguna operaciones<br />
<br />
Para ello vamos a calcular la superficie de un triangulo tomando variables de<b> altura y base</b>.<br />
<br />
Vamos a comenzar creando un proyecto nuevo al que vamos a llamar <b>Traingulo</b>,
esta vez vamos a dejar marcada la opcion de main class<br />
<br />
Ahora vamos a crear un metodo de tipo double para calcular el area del <b>Triangulo</b>,
llamado <b>AreaTriangulo </b>al cual vamos a pedir 2 variables base y altura de tipo <b>double</b>,
vamos a definir una variable mas area a la que vamos a asignar las operaciones para cualcular el area de un triangulo,
y por ultimo vamos a retornar el resultado.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/mBFdnIJMxcY/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/mBFdnIJMxcY?feature=player_embedded" width="420"></iframe></div>
<br />
<br />
Ahora vamos a ir al metodo <b>main </b>y vamos a utilizar nuestro metodo <b>AreaTriangulo </b>y vamos a definir 2 valores numericos,
pero para que se muestre el resultado vamos a imprimir en consola utilizando<b> System.out println</b> y seguido de nuestro metodo.<br />
<br />
<br />

Curso de Java - Calculando la Area de un Triangulo en Java

Calculando la Area de un Triangulo en Java En este video vamos a aprender a leer datos del usuario y vamos a hacer alguna operaciones ...

+ Leer más »

Frontend Profesional | Galerias de Apps y Sitios con Material Design

<h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAe4rWYg8yAc4h3ValEUzkBjRvuSY8dNG0fPspxz6vGQyarrU8OOb_QnkUD94SFF4IyW9TFXjKdLGi9a4Qba40OoUN0qVdm6FAHihC2byim1Zxe-COhepAXSCEYva2XAfuQJ4zeTJfKVI/s1600/Frontend+Tools+Rackcode.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAe4rWYg8yAc4h3ValEUzkBjRvuSY8dNG0fPspxz6vGQyarrU8OOb_QnkUD94SFF4IyW9TFXjKdLGi9a4Qba40OoUN0qVdm6FAHihC2byim1Zxe-COhepAXSCEYva2XAfuQJ4zeTJfKVI/s400/Frontend+Tools+Rackcode.png" width="400" /></a></div>
Frontend Profesional | Galerias de Apps y Sitios con Material Design</h2>
El diseño de un sitio asi como de una app para dispositivos moviles, es uno de los factores mas importantes, <br />
puesto que el diseño esta ligado a la <b>Experiencia de usuario</b>. <br />
<br />
Buscar una inspiracion para comenzar un diseño requiere de mucho tiempo, pero gracias a que existen <b>Galerias de Apps</b> y Sitios con <b>Material Design</b> es mucho mas facil.<br />
<br />
<a href="https://www.materialup.com/" target="_blank">MaterialUp </a>es un sitio web ideal para encontrar diseños y prototipos basados en material design,  ya sea de sitios web, iconos o de apps moviles,<br />
<br />
Esto se debe a que <a href="https://www.materialup.com/" target="_blank">MaterialUp </a>es una especie de galeria donde una  comunidad de usuarios,<b> "cada dia sube nuevos diseños o prototipos" </b><br />
<br />
Hablamos de que si son desarrolladores <b>Backend </b>y quieren inspiración para sus propios proyectos,  y si son como yo y no quieren quebrarse tanto la cabeza "<a href="https://www.materialup.com/" target="_blank">MaterialUp</a>" es nuestra solucion. Muchas Gracias<br />
<br />
<h4>
Enlace: <a href="https://www.materialup.com/">https://www.materialup.com/</a></h4>

Frontend Profesional | Galerias de Apps y Sitios con Material Design

Frontend Profesional | Galerias de Apps y Sitios con Material Design El diseño de un sitio asi como de una app para dispositivos moviles...

+ Leer más »

Fundamentos de Swift - Rackcode

<div class="separator" style="clear: both; text-align: center;">
<a href="https://s-media-cache-ak0.pinimg.com/736x/1f/14/d6/1f14d6064d64f3bfbb6a872d327e09ca.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://s-media-cache-ak0.pinimg.com/736x/1f/14/d6/1f14d6064d64f3bfbb6a872d327e09ca.jpg" width="400" /></a></div>
<h2>
Fundamentos de Swift - Rackcode</h2>
<br />Swift nuevo el lenguaje de programacion para crear aplicaciones para iOS. Antes que nada como sabras fue lanzada en 2014 y es un lenguaje orientado a objetos y que adopta algunas de las mejores caracteristicas de los lenguajes de programacion un ejemplo claro es Python y Ruby. <br /><br />Esto pude verse claramente en que en Swift la colocacion del punto y coma al final de nuestras sentencias puede ser añadido o no, ademas que al contrario de Objective-C podemos colocar comentarios multilinea o incluso comentarios anidados.<br /><br />Swift como nuevo lenguaje de programacion para iOS viene mas renovado en cuanto a sintaxis asi como mas modernizado en cuanto tiempo de respuesta (runtime) y que se acopla bastante bien a codigo en Objective-C.<br /><br /><br /><span style="font-size: large;"><b>Pero hablemos un poco de su Sintaxis</b></span><br /><br /><h3>
Sintaxis de Swift</h3>
<h4>
    Variables en Swift </h4>
    La declaracion de variables en Swift es muy parecida a la de JavaScript puesto que basta con colocar la palabra reservada var seguida del nombre de la variable. A diferencia de Objective-C que tenemos que colocar el tipo de variable seguido del nombre de la variable.<br /><br />   <b>Type Variable1;<br />    int    i, j, k;<br />    char   c, ch;<br />    float  f, salary;<br />    double d;<br /><br />    var VariableSwift = 0;<br />    var red, green, blue: Double</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://f.fastcompany.net/multisite_files/fastcompany/imagecache/inline-large/inline/2014/06/3031400-inline-p41.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="278" src="http://f.fastcompany.net/multisite_files/fastcompany/imagecache/inline-large/inline/2014/06/3031400-inline-p41.png" width="400" /></a></div>
<br />
<br />
<h4>
    Constantes en Swift</h4>
<br />    Anteriormente en Objective-C para declarar una variable teniamos que colocar "const" seguido del tipo de variable y despues el nombre de la variable.<br /><br /><b>    const Type Variable1;<br />    const int    i, j, k;<br />    const char   c, ch;<br />    const float  f, salary;<br />    const double d;</b><br />    Pero en Swift tenemos que colocar la palabra reservada "<b>let</b>" que nos permite definir una constante sin tanto codigo.<br /><br />  <b>  let variables = "Hola Rackcode"  // variables es String<br />    let variables : String = "Hello Rackcode"</b><br /><h4>
    Clases en Swift</h4>
<br />    Ahora las clases forman parte de los pilares de Swift, al igual que en Objective-C, Swift cuenta con la herencia simple y puede formar jerarquías de clase tan complejas como sea necesario.<br /><br />    A diferencia de la declaracion de Objective-C en Swift es mucho mas sencillo<br /><br />    <b>@interface Box:NSObject<br />    {<br />        //Instance variables<br />        double length;   // Length of a box<br />        double breadth;  // Breadth of a box<br />    }<br />    @property(nonatomic, readwrite) double height; // Property<br /><br />    @end<br /><br /><br />    class SomeClass {<br />        // class definition goes here<br />    }</b><br /><br /><br /><blockquote class="tr_bq">
<h4>
Hasta aqui hemos llegado con este post esperamos que haya sido de su agrado y si ha sido asi compartan este post y no olviden visitarnos para mas informacion de Swift.</h4>
</blockquote>

Fundamentos de Swift - Rackcode

Fundamentos de Swift - Rackcode Swift nuevo el lenguaje de programacion para crear aplicaciones para iOS. Antes que nada como sabras fue...

+ Leer más »

¿Que aumenta la creatividad de los Programadores y Desarrolladores?

<div class="separator" style="clear: both; text-align: center;">
<a href="https://s-media-cache-ak0.pinimg.com/736x/68/c8/eb/68c8eb9d8d91ed5e86446dd02d8ce5d6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://s-media-cache-ak0.pinimg.com/736x/68/c8/eb/68c8eb9d8d91ed5e86446dd02d8ce5d6.jpg" width="400" /></a></div>
<h2>
 <span style="font-size: x-large;">¿Que aumenta la creatividad de los Programadores y Desarrolladores?</span></h2>
<br />
Como programadores tenemos que equilibrar entre un mundo estructural y otro creativo. Crear todo nuestro codigo utilizando los lenguajes de programacion como PHP, JavaScript nunca ha sido facil, mucho menos tener un software o un sitio perfecto. <br />
<br />
Quizas el mejor ejemplo de creatividad es ese crear algo de la nada, hay muchas maneas de hacer esto posible, debido a que los programadores tienen una amplia gama de herramientas y metodos que los ayudan a que las ideas se hagan realidad. Pero esto es el unico problema la idea.<br />
<br />
Apesar que los programadores podemos encontrar soluciones creativas o en casos no las hay. Este es un claro ejemplo de que los programadores son creativos por naturaleza. <br />
<br />
<span style="font-size: large;"><i><b>Aqui una lista para aumentar la creatividad.</b></i></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.ilvem.com.mx/images/Individual/aprende-a-aprender.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="http://www.ilvem.com.mx/images/Individual/aprende-a-aprender.png" width="400" /></a></div>
<br />
<h4>
Aprender un nuevo lenguaje</h4>
<br />
Para los programadores y desarrolladores aprender los nuevos lenguajes de programacion es mera diverson o necesidad en misma medida. Por lo que aprender solo un lenguaje por comodida es quedarse mirando un programa de television por siempre habiendo multiples opciones, aprende nuevas habilidades eso ayuda bastante.<br />
<h4>
Todo comienza en cero</h4>
<br />
En un proyecto tienes que comenzar de cero asi como la revision de tus problemas la mejor manera de encontrar una solucion creativa a un problema es comenzar desde el principio .<br />
<br />
<h4>
Utiliza los 5 ¿porque?</h4>
Usar los 5 "porque" nos ayudara a considera todas las hipotesis que tenemos y asegurarnos de cual es el problema, iniciando con una pregunta y terminando en una respuesta y asi susesivamente. Si algo va mal hay que preguntarnos 5 veces porque veras que las ideas brotaran. <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://image.slidesharecdn.com/anlisisysolucindeproblemas5porques-120515211442-phpapp02/95/anlisis-y-solucin-de-problemas-5-porques-19-728.jpg?cb=1337116669" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://image.slidesharecdn.com/anlisisysolucindeproblemas5porques-120515211442-phpapp02/95/anlisis-y-solucin-de-problemas-5-porques-19-728.jpg?cb=1337116669" width="400" /></a></div>
<br />
<h4>
<a href="http://www.limitenet.com/wp-content/uploads/2013/09/diversion.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="261" src="http://www.limitenet.com/wp-content/uploads/2013/09/diversion.jpg" width="400" /></a>Diviertete</h4>
<br />
Como programador comprenderas que siempre hay algo que hacer, probar y que nos mantiene ocupados tanto en proyectos en el trabajo como en el tiempo libre por pura diversion- Estar continuamente dando vueltas a ideas y soluciones es una de las mejores maneras de ejercitar nuestra creatividad por lo que resulta muchas veces mas que natural para la mayoria.<br />
<br />
<h4>
Nunca dejes de intentar cosas nuevas</h4>
<br />
Optimizar y asegurarnos que el codigo que colocamos hace una semana puede ser mas eficiente de otra manera o incluso mas pequeño ayudan a que provemos y ejercitemos nuestra mente.<br />
<br />
<blockquote class="tr_bq">
Por ultimo como programador o desarrollador lo importante es amar a tu profesion, trabajo porque asi nunca tienes que trabajar. Si te ha gustado el post compartelo y sigenos en <b>@Rackcode o @Huixcospartan</b> para mas informacion.</blockquote>
<br />

¿Que aumenta la creatividad de los Programadores y Desarrolladores?

¿Que aumenta la creatividad de los Programadores y Desarrolladores? Como programadores tenemos que equilibrar entre un mundo estructu...

+ Leer más »

Plantillas para aplicaciones moviles para descargar

<h2 class="title">
Plantillas para aplicaciones moviles para descargar</h2>
<article class="introduccion">
    En un articulo anterior te presentamos algunas herramientas de 
maquetacion online, pero en esta ocasion te traemos plantillas para 
descargar para que puedas utilizarlas en tus proximos proyectos.

Son una coleccion de archivos PDF que podemos imprimir para realizar 
nuestros bocetos en papel, estas plantillas muestran dibujos de moviles y
 de algunos de estos elementos que te ayudaran a difinir una 
distribucion de los elemnetos<br />

</article>

<article class="contenido" style="text-align: left;">
    <h2 style="text-align: left;">
Descarga las plantillas para moviles consta de 34 paginas donde nos ayudara con nuestros futuros desarrollos</h2>
<h2 style="text-align: left;">
 </h2>
</article>
  
   <article class="lista"><div class="separator" style="clear: both; text-align: center;">
<a href="https://files.producthunt.com/bd7ec827-c6d8-4adf-b490-7d061c142d35?x=750&y=420" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="224" src="https://files.producthunt.com/bd7ec827-c6d8-4adf-b490-7d061c142d35?x=750&y=420" width="400" /></a></div>
<div style="text-align: center;">
<span style="font-size: x-large;"> </span></div>
<div style="text-align: center;">
<span style="font-size: x-large;"><a href="https://www.non-app.com/mockup/">Descargar Plantillas</a></span></div>
<div style="text-align: center;">
<span style="font-size: x-large;"> </span></div>
 </article><blockquote class="tr_bq">
<article class="lista"><span style="font-size: large;">No olvides si te gusto esta publicacion</span></article></blockquote>
<article class="lista"> </article><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s1600/Adblock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDpcYJTnt8LEBK2cbInSMdW0_VR6qXefNZ6DL05f-ZxV-x2irxbUye1PZQZl8tEOpkihGmKi1RE-f7tHQ9o7WtjC6LnBzPIQFkSkd-I_cUVVpV_z6TnyQCtUCC1ycmPFs-cKItfax7dI/s640/Adblock.png" width="640" /></a></div>
<article class="lista"> </article><article class="lista"> </article>

<article class="grupos" style="background: #068CE3; padding: 2em 0; text-align: center;">
    <h3 style="background: #068CE3; color: #eeeeee; display: block; margin: 0; padding: 1em 0; text-align: center; text-shadow: 1px 1px 1px #333;">
Unete a nuestras comunidades</h3>
<a href="https://www.facebook.com/groups/Comunidad.Frontend.Rackcode" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Comunidad Frontend</a>
     <a href="https://www.facebook.com/groups/Comunidad.Backend.Rackcode/" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Comunidad Backend</a>
     <a href="https://www.facebook.com/groups/comunidad.sysadmin.rackcode/" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Comunidad Administracion de Servidores</a>
     <a href="https://www.facebook.com/groups/comunidad.startups.emprendimiento.rackcode/" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Comunidad Emprendimiento y Startups</a>
     <a href="https://www.facebook.com/groups/rackcode" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Comunidad Rackcode</a>

<h3 style="background: #068CE3; color: #eeeeee; display: block; margin: 0; padding: 1em 0; text-align: center; text-shadow: 1px 1px 1px #333;">
Siguenos en Facebook</h3>
<a href="https://www.facebook.com/Rackcode.Oficial" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Rackcode</a>
     <a href="https://www.facebook.com/Backend.y.Frontend.Profesional" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Frontend y Backend Profesional</a>
     <a href="https://www.facebook.com/educandolaweb" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;">Educandola la Web</a>
     <a href="https://www.facebook.com/alonsosilence" style="background: #333; color: white; display: inline-block; margin: 0.1em; padding: 1em; text-align: center; text-decoration: none;" title="">Hector Campos Alonso</a>
   </article>

<h3 style="display: block; margin: 0; padding: 1em 0; text-align: center;">
Recursos extra</h3>
<ul style="text-align: left;">
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="http://colombiadigital.net/actualidad/noticias/item/7685-por-que-es-importante-aprender-a-programar.">Porque es importante aprender a programar</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/product-design--ud509">Diseño de productos digitales. (UI/UX)</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/ux-design-for-mobile-developers--ud849"> Diseño de experiencia de usuario para Desarrolladores Móviles</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/html5-game-development--cs255">Desarrollo de Videjuegos con HTML 5</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/browser-rendering-optimization--ud860">Renderizado en el Navegador</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/responsive-web-design-fundamentals--ud893">Fundamentos de Respnsive Desing</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/mobile-web-development--cs256">Desarrollo Movil</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/website-performance-optimization--ud884">Optimizacion de Sitios Web</a></h4>
</li>
<li style="margin: 0; text-align: left;">
       <h4 style="margin: 0;">
<a href="https://www.udacity.com/course/android-development-for-beginners--ud837">Apps para Moviles Android</a></h4>
</li>
</ul>

Plantillas para aplicaciones moviles para descargar

Plantillas para aplicaciones moviles para descargar En un articulo anterior te presentamos algunas herramientas de maquetacion onlin...

+ Leer más »