En los últimos años he estado investigando mucho, muchísimo, he estado profundizando en muchos campos de AI (como conversor de llamadas openAI to Gemini) y me gustaría poderlo compartir ese conocimiento, para que si alguien se encuentra en un futuro con el problema que ya resolví, pueda hacer uso de mi solución sin perder tiempo :-)

Pero ¿Por qué pasar de Wordpress a Jekyll?

Simple: Se adapta a mis valores, tiene menor fricción al escribir y es mucho más seguro.

Mi primer artículo es de hace 11 años, durante estos 11 años he cambiado el alojamiento bastantes veces, servidores, VPS, hostings (piensasolutions, OVH, etc). No quiero perder el tiempo con migraciones, ni con actualizaciones de wordpress, ni con actualizaciones de plugins que han sido vulnerados… solamente quiero escribir y punto. Y esto es lo que me ofrece Jekyll/github.

¿Qué es Jekyll?

Jekyll es un generador de webs estáticas con capacidad de blog, es decir metes todos los artículos que escribas en formato .md en una carpeta llamada “posts”, y cuando le das al ‘build’, automáticamente te crea los menús (con plantillas similares a mustache), los artículos, el paginado, los tags/categorías.

TODO YA PROCESADO: Sin base de datos, sin lenguajes de backend, sin necesidad de javascript en el frontend.

Esto tiene unas ventajas enormes:

• Al ser contenido estático lo puedes publicar gratis en mil sitios (ovh, cloudflare, github, etc)
• Al no tener DDBB, ni backend se complica mucho el hackearlo
• Cero mantenimiento: No hay plugins vulnerables que atender, ni framework que actualizar
• Escribir un nuevo artículo es tan fácil como escribir un fichero .md, meterle una cabecera ¡Y listo!

¿Y qué tiene que ver Github Pages?

Jekyll ha sido creado por Tom Preston-Werner, cofounder de Github, por lo tanto Github lo adoptó y si lo subes a un repositorio puedes publicarlo directamente en Github Pages (permite subir webs sin backend) mediante CICD.

Por lo que es muy sencillo:

1. Subes el repositorio
2. Configuras el .github/workflows/jekyll.yml para que con cada push se regenere Github Pages
3. Cambias las DNS del dominio para que apunte a las IPs de Github
4. ¡Listo! ¡Ya tienes tu web gratis!

Ojo, en el CI/CD puedes hacer lo que quieras, también puedes publicarlo en Cloudflare o donde quieras.

Si has observado bien te habrás dado cuenta de que ahora, cada vez que quiera escribir un artículo, solo tengo que hacer lo siguiente:

1. Crear un fichero .md
2. Escribir el artículo
3. Commit + git push

¿Y cómo hice la migración?

Seguro que hay guías mucho mejores que esta, de hecho, esta fue la parte que menos cariño le puse, lo hice de la siguiente forma:

1. Le pedí a claude que creara un .md con todas las URLs de mi blog basado en el sitemap.xml
2. Eliminé los artículos/pages que no me interesaban migrar
3. Le pedí que basado en esos artículos me hiciera la migración a Jekyll (solo necesita peticiones curl y bajar las imágenes) respetando las URLs
4. A partir de ahí, empecé con el diseño (minimalista)
5. Le pedí hacer una tabla de forma determinista para saber si había discrepancias entre las URLs anteriores y las nuevas.
6. ¡Ya está!

Eso sí, como buen programador, me intenté facilitar la vida y le creé un par de scripts:

• Docker para con un comando poder ver el resultado antes de subirlo
• ./new-post.sh “nombre artículo” para que me cree el fichero con el slug (url)

Cotillea cómo es mi web por dentro

Como buen amante del mundo open-source he dejado el repositorio abierto: Mi github.

Desde ahí:

• Podréis ver todos los ficheros de configuración de Jekyll
• Cómo se dividen las carpetas/ficheros
• Tenéis un readme con las instrucciones

Un ejemplo de IP: 95.159.126.42

¿Qué es la dirección IP?

Antes de volvernos un poco técnicos, hagámonos unas preguntas:

Cuando estamos navegando por internet y accedemos a una web (esta por ejemplo), ¿cómo sabe el servidor de la web a qué parte del mundo tiene que mandar la información que se le ha solicitado? Justo hasta llegar a tu casa…

Es por ello que cuando hacemos una petición a una página web, realmente le estamos mandando nuestra IP, que sería cómo la dirección de nuestra casa.

De hecho, las IPs se pueden geolocalizar e indicar uno de los nodos más cercanos a nuestra casa. En mi caso (que vivo en Terrassa), se encuentra aquí:

Pero, la IP no únicamente sirve cómo ‘dirección’, esto es algo secundario. Lo importante que tenemos que entender es que la IP es como un DNI, es decir, identifica de forma clara e inequívoca un dispositivo que tiene acceso a una red (ya sea red local o red de redes como es internet).

IP local e IP pública

Algo que deberíamos de tener en cuenta es la diferencia entre una IP pública y una IP local.

Por regla general, nuestros dispositivos que tengan acceso a Internet van a tener dos IPs, una que será ‘la que identifique nuestra casa’ y que salga a Internet (llamada IP pública), y otra que será para dentro de nuestra casa (IP local).

Esto tiene sentido por varias cosas: la primera, si queremos mandar un fichero entre ordenadores de nuestra casa, ¿qué sentido tiene que tenga que pasar por el servidor de nuestra compañía telefónica y volver a nuestra casa? ¿No sería mejor mandarlo directamente dentro de la casa? Pues bien, esto se hace automáticamente con la IP local que nos ha asignado el router.

Otra razón por la cual existen las IPs locales, es porque cuando contratamos Internet, solamente nos dan una IP pública. Es decir, una IP que pueda navegar por Internet. Si no existieran las redes locales (obligándonos a que todo pase por el router), solamente podríamos tener un ordenador conectado a Internet (que es algo que pasaba en los años 90, con los famosos modems).

¿Cómo se estructura una red local y cómo sale a Internet?

Realmente, es muy sencillo. Imagínate que te compras un ordenador nuevo y lo conectas a la red wifi de tu casa. Aquí, lo que estarías haciendo realmente es añadirte a la red local de tu casa (nada de Internet).

Así que el router te daría una IP local (que solamente puedes usar con dispositivos de tu casa), sería muy similar a esta: 192.168.1.30

Es decir, si tuvieras dos ordenadores y un móvil conectados a la red local de tu casa, podrían tener perfectamente, estas IPs:

• 192.168.1.30
• 192.168.1.31
• 192.168.1.32

Ahora bien, ¿recuerdas cuando dije que en los años 90 solamente se podía tener un dispositivo conectado a Internet? Pues bien, realmente no ha cambiado nada, en el siglo XXI seguimos igual. Lo que pasa es que “nos la hemos ingeniado”.

Y lo que hacemos es decir “vale, si solamente podemos tener un dispositivo conectado a Internet, este será el router”. Al final el router, no es más que un ordenador pequeñito, que “enruta” y ordena todas las conexiones de los dispositivos de la casa para que puedan salir a Internet.

Es decir, cuando navegamos, absolutamente todo pasa por el router. Y, por lo tanto, cuando recibimos un email en el ordenador, es el router el que de una forma inteligente manda la información al ordenador correcto dentro de la red local que es nuestra casa.

IPv4 y los límites

Como hemos visto anteriormente, las IPs (de tipo IPv4, las más usadas actualmente), tienen un formato de números separados por puntos. No obstante, las IPs encuentran sus límites al traducirlo a binario, ya que solamente soporta 32 bits (8 bits por bloque). Esto quiere decir que la IP máxima será (en binario), la siguiente:

11111111.11111111.11111111.11111111

Que traducido a decimal, nos da: 255.255.255.255. Por lo tanto, podemos decir que todas las IPs se encuentran entre las IPs 0.0.0.0 y 255.255.255.255.

Si elevamos 2 (por ser binario) a la 32 (los números/bits que tiene como máximo), nos damos cuenta que como máximo podemos tener 4.294.967.296 de IPs. Es decir, casi 4000 millones de IPs.

Puede parecer mucho, pero pensemos que cada persona estamos gastando varias IPs a la vez (en casa, en el móvil, en la alarma de nuestra casa, etc).

Además, tenemos que pensar que existen rangos de IPs que están reservadas (para redes locales, por ejemplo). Por lo que poco a poco se va reduciendo,

Es por eso que, como nos estamos quedando sin IPs (o ya nos hemos quedado), hace muchos años que se empezó a implementar el sistema IPv6, con el que son compatibles la mayoría de dispositivos.

IPv6: El nuevo formato

Como hemos comentado antes, con el formato IPv4, había cerca de 4000 millones de IPs. Teniendo en cuenta que la población de la tierra es de 6000 millones de personas, ni siquiera podemos tener una IP por persona. Y, eso sin contar que según las estimaciones, en el año 2025, la población de la tierra será de 8000 millones de personas, ¡una IP cada dos personas!

Pues, viendo todo esto a finales de los 90 (en concreto en 1998), se empezó a desarrollar el nuevo formato de IPs conocido como IPv6.

Mientras la IPv4 admitía 32 bits, la IPv6 admite 128 bits. Puede que la diferencia no parezca mucha, pero hay que pensar que es exponencial, no lineal.

Esto quiere decir que:

• Existirán cerca de 670 mil millones de Ips por cada milímetro cuadrado de planeta tierra (cálculo de Google).
• Cada humano tendrá a su disposición millones de Ips públicas para navegar por Internet.

Ejemplo de IPv6: 2001:0db8:85a3:08d3:1319:8a2e:0370:7334

Ejemplo de MAC: 00:2A:33:22:4C:D3

¿Qué es la dirección Mac?

Antes que nada tenemos que aclarar que absolutamente todos los dispositivos que se conecten o se puedan conectar a una red local, tienen una dirección Mac.

Esto quiere decir que, no sólo los ordenadores la tienen sino que también los relojes inteligentes, los móviles, los dispositivos inteligentes (IoT) como por ejemplo las cámaras de videovigilancia que van por wifi, etc.

También, es importante indicar que, a diferencia de la IP, que es una “dirección lógica”, es decir, que es virtual, por lo que podemos tener una hoy pero mañana otra (puesto que es el router quien nos dice cuál tenemos), las direcciones MAC son fijas (no pueden cambiarse), y se establece cuando se fabrica la tarjeta de red.

Algo importante a destacar es que, cada tarjeta de red tiene una MAC diferente pero, es cierto que los números son ‘finitos’. Además, el fabricante solamente puede usar 6 dígitos alfanuméricos (más adelante lo veremos). Esto quiere decir que, cada vez que un fabricante haga 16 millones de tarjetas de red, tendrá que volver a repetir los números. Esto, que podría llegar a ser muy problemático, no es tanto, ya que la dirección MAC se usa a nivel de red local, no de Internet y ¿cuántos ordenadores tenemos conectados en casa? ¿4-5 máximo? Además de diferentes fabricantes, por ello que se lleguen a repetir, no suele ser un problema.

¿Para qué sirve la dirección MAC?

Si pensamos en cuando nos conectamos a una red wifi, mucha gente cree que nuestro ordenador manda la contraseña a la red wifi y si es correcta, mediante el protocolo DHCP se nos asigna una IP local.

Y esto, en parte es correcto pero, ¿cómo sabe el router a quién tiene que asignar una nueva IP y darle acceso a Internet? Si solamente existiera un dispositivo se podría pero, si en casa tenemos cinco dispositivos ¿cómo diferencia el router a los cinco dispositivos? Con la dirección MAC.

De hecho, si accedemos a la configuración de nuestro router, veremos que podemos ‘prohibir y permitir’ direcciones MAC, lo que se conoce como listas blancas o listas negras.

Es decir, al estar la dirección escrita en la fábrica, es una forma más segura de verificar una tarjeta. Además de ser la única forma de poder “encontrar” un dispositivo antes de que se le asigne una dirección IP.

El formato de la dirección MAC

Como hemos visto anteriormente, un ejemplo de dirección MAC es el siguiente:
00:2A:33:22:4C:D3

Es decir, son 6 bloques de 8 bits (2 caracteres hexadecimales), separados por dos puntos. Lo que hace un total de 48 bits.

Pues bien, los tres primeros bloques (24 primeros bits) hacen referencia al fabricante y los siguientes 24 bits son datos únicos de la tarjeta de red.

Es decir, que cada ‘fabricante’ puede generar x tarjetas de red diferentes pero, ¿cuántas son?

Pues muy sencillo, puesto que son 24 bits (3 bloques de 2 letras hexadecimales), simplemente tenemos que elevar 16 a 6, lo que nos da un total de 16.777.216 posibles tarjetas de red por cada fabricante.

¿Cambiar la dirección MAC?

Una pregunta que se hace mucha gente es, si la dirección MAC la escribe el fabricante ¿se puede cambiar la dirección MAC?

Pues bien, la respuesta es “sí y no”, me explico:

Mientras que la dirección IP es una dirección lógica (virtual), y podemos poner la que queramos, de forma muy sencilla, la dirección MAC está escrita por el fabricante en una especie de memoria ROM (memoria de solo lectura). Es decir, nunca podremos cambiar la dirección MAC.

Ahora bien, si analizamos lo que sucede en el modelo OSI (modelo para conexiones de red), veremos que, realmente, es el sistema operativo quien se encarga de leer la MAC del hardware (dispositivo físico) y de mandárselo al router o a los dispositivos.

Sabiendo esto, entenderemos que podemos ‘falsificar’ nuestra MAC para poner la que queramos.

¿Qué es Vanilla JS?

Vanilla JS es una broma usada por los programadores y creada por Eric Wastl. Si descargas la librería vanilla.js de la web oficial y la abres, verás que es un fichero vacío.

Por lo tanto, todo lo que “está programado” con vanillaJS, realmente ha sido programado con JavaScript puro y si se elimina el fichero vanilla.js, funcionará igual.

¿De dónde viene Vanilla JS?

El mundo va por tendencias y la programación no iba a ser diferente. Por lo tanto, cuando se pone de moda un framework JavaScript, muchos programadores van corriendo a aprenderlo y usarlo para todo.

El problema es que hay muchos programadores (yo incluído) que consideran que se nos ha ido de las manos, y que se están cogiendo “malas costumbres”. Sobre todo, los nuevos programadores.

Es decir, ha llegado un momento en el que los programadores solamente usan frameworks javascript, sin llegar realmente a saber cómo funciona javascript, ni cómo se programa javascript puro (sin frameworks).

Cada vez los frameworks son más sofisticados, más grandes y cada vez se parecen menos a JavaScript. De hecho, algunos directamente tienen un pseudolenguaje que tienes que compilar, para lo que tienes que tener instalado nodeJS, npm, webpack, etc.

El resultado de ello es que para hacer web con un “hola mundo” tenemos un proyecto que antes de compilar ocupa 230Mb, cuanto con JavaScript puro serían 3kb. Es decir, 76.000 veces más.

Es por ello que, Eric Wastl creó un framework llamado Vanilla JS y la documentación del framework no era más que la oficial de JavaScript.

Por lo que muchos programadores (juniors), empezaron a descargarlo y hacer proyectos en Vanilla JS. Únicamente porque pensaban que era un nuevo framework, sin saber realmente que estaban programando JavaScript puro.

VanillaJS VS frameworks

Entonces, ¿es mala idea usar un framework?

No, los frameworks son geniales para proyectos con un tamaño medio/medio-grande, te permiten ordenar el código y trabajar de una forma ordenada, el problema que intenta hacer relucir VanillaJS son dos:

Primero, no deberías programar bajo un framework javascript si no sabes primero javascript puro.

Y segundo, no siempre se debe de utilizar un framework. Si el proyecto es enano, podemos no usar ningún framework o apoyarnos en librerías como jQuery y/o VueJS.

Por último, es importante recordar que, una web que usa un framework siempre será mucho más lenta (aunque el humano no lo note), que una web que no lo usa.

Por ejemplo, jQuery que es una de las librerías (no llega ni a framework) menos pesada, tarda 400 veces más ejecutar una consulta para recuperar todas las etiquetas html con un class concreto, que si lo hiciéramos con javascript puro, siendo ambos una sola línea de código.

¿Qué es un bootcamp?

Aunque la definición anterior ha quedado bastante claro qué es un bootcamp, es cierto que es una definición amplia y poco específica (ya que un bootcamp puede darse hasta de diseño UX). No obstante, veamos un claro ejemplo del tipo de bootcamp más conocido.

El tipo de bootcamps más conocidos pretende cambiar la forma de enseñar programación y que en vez de estudiar durante dos años un ciclo de formación profesional, pretenden reducir el tiempo entre dos y seis meses. Ahorrándote un año y medio de estudios, que puedes dedicarlo a trabajar de programador.

Esto es posible pues, en la formación profesional de programación, por ejemplo, el primer año, solamente existe una asignatura de programación. Es decir, los bootcamp en España cogen fuerza, por la incompetencia del sistema público de educación español, de dar una formación de calidad.

Objetivos de los bootcamps

Se puede definir los objetivos de los bootcamps en dos:

Conseguir aprender a programar en unos meses

El primer objetivo es conseguir convertirse en programador (junior) en unos meses. Es decir, adquirir los conocimientos suficientes para poder considerarse programador y realizar sus propios proyectos.

La mitad de las personas que realizan un bootcamp, no quieren trabajar de programadores sino, aprender programación como hobby. Los bootcamp le brindan estos conocimientos.

Conseguir encontrar trabajo de programador

En España existe un “paro cero” de programadores, existe tanta demanda que ‘importamos’ programadores de latinoamérica.
Gracias a esta circunstancia, cualquier persona que realice un bootcamp acabará encontrando trabajo en menos de tres meses.

La posibilidad de encontrar trabajo en menos de tres meses tras hacer un bootcamp se encuentra entre el 96% y el 99%, dependiendo la academia.

Ventaja de los bootcamps

Las ventajas de realizar un bootcamp son bastante patentes y no es necesario casi decirlas, no obstante, repasemos cuáles son las dos principales:

Sales con trabajo

Como indicábamos anteriormente, realizar un bootcamp de programación, te garantiza entre un 96% y un 99% la posibilidad de encontrar trabajo en menos de tres meses.
Esto es una ventaja muy a tener en cuenta, ya que te preparan directamente para el mercado laboral.

Tecnologías más actuales

En la formación reglada se estudian tecnologías que dejaron de usarse hace 10 años. Por ejemplo, existe una asignatura de XML, en cambio, las tecnologías actuales (JSON) no se estudian. Es decir, está desactualizada.
Los bootcamps, al estar enfocados al mercado laboral, utilizan tecnologías modernas.

Desventajas de los bootcamps

Muchos bootcamps se enfocan demasiado en que salgas con trabajo y no en que aprendas tecnologías. Por otra parte, esos mismos bootcamps solamente enseñan un lenguaje (javascript), en la parte del cliente, en la parte del servidor, en la base de datos (una auténtica burrada).

La razón de enseñar solamente un lenguaje es que solamente necesitarán un profesor y, lo más importante, se puede hacer la formación en dos meses.

Yo, personalmente, estoy bastante en contra de este tipo de formaciones. Porque, aunque es cierto que sales con trabajo por la gran falta de programadores que existen, sales sin una base sólida.

Principales Bootcamp en España

A continuación veremos tres bootcamps y sus características.

Nota. Hay que recordar que yo no puedo ser del todo imparcial (aunque lo intentaré), ya que tengo mi propio bootcamp (pestaña formación de esta web). No obstante, el sector es muy grande, e incluso e invitado y entrevistado en mis podcast a los CEOs de varios bootcamps. Simplemente tenemos formas diferentes de ver la formación.

IronHack

Es uno de los más famosos, ya que es internacional, su imagen y sus centros son espectaculares y el marketing que realizan son geniales.
Tienen acuerdos con algunas empresas para presentar a los mejores alumnos.
A mí, personalmente, no me gusta pues solamente enseñan JavaScript (según ellos mismos y su web), no enseñan ni bases de datos MySQL (algo básico).

Además, la formación son únicamente dos meses, tiempo insuficiente para asentar todos los conceptos.

Skylab Coders

Únicamente están en Barcelona. En esta ocasión pasan de 2 meses que realiza IronHacker a dos meses y medio.
La formación también se centra exclusivamente en JavaScript y tampoco aprenden bases de datos relacionales.
Aunque discrepe de cómo realizan la formación, son buena gente y profesionales, y les he entrevistado (está en los podcast).

Luis Peris Formación

El bootcamp que imparto tiene un coste similar al del resto, pero se realiza en 6 meses y las clases son siempre individuales.
Las tecnologías que se tocan son diferentes, (JavaScript, PHP, MySQL, APIs, etc), además de tocar también frameworks modelo-vista-controlador, que no se imparten en el resto de bootcamps.
No es ni mejor ni peor que los otros bootcamps, es una formación que con el mismo coste, es casi el triple de tiempo que tienes que invertir, pero sales mucho más preparado y pudiendo ir mucho más tranquilo a las entrevistas de trabajo.

¿Qué es la programación orientada a objetos?

Realmente, una vez hemos visto la descripción “de libro”, podríamos definir la programación orientada a objetos como una programación que se basa en desarrollar diferentes mini-programas inteligentes e independientes.

Es decir, un proyecto bien desarrollado con esta metodología que se empezó a popularizar en los 90, contará con objetos que sean:

• Independientes
• Inteligentes

Aunque, existe la programación no orientada a objetos, es importante recordar que cerca del 100% de los lenguajes de programación actuales, están orientados a objetos. Siendo C el lenguaje de programación más importante sin objetos.

Principales características de la programación orientada a objetos

Los lenguajes de programación orientada a objetos tienen diferentes características, siendo dos, las que permiten entender mejor el lenguaje.

Objetos independientes

Como hemos indicado anteriormente, un proyecto bien desarrollado en un lenguaje orientado a objetos, es un proyecto que contará con diferentes objetos.

Pues bien, estos objetos son independientes, esto quiere decir varias cosas: para empezar, que no deberían de tener relación un objeto con otro y, que únicamente estarán conectados desde un controlador/objeto superior.

Gracias a esto, podemos encontrar otra característica de los objetos, y es que, al ser independientes, podemos exportarlos y usarlos tal cual en otro proyecto.

Por ejemplo, podemos crear un objeto llamado “cliente” y usarlo en otros proyectos, reutilizando así código y no teniéndolo que volver a programar.

Objetos inteligentes

Me gusta definir los objetos cómo mini-programas inteligentes. Esto quiere decir que los objetos son inteligentes, a diferencia de las librerías basadas en funciones.
Por ejemplo, si tenemos un objeto “coche” y ejecutamos el método “arrancar”, cuando usemos el método “acelerar”, podremos saber si el coche está arrancado, cuántos metros lleva recorridos, si no está arrancado, pedirle que lo arranque, etc.
Todo esto, además, de forma independiente con el resto de objetos del proyecto y sin necesidad de usar bases de datos o variables externas al objeto.

C y la programación orientados en objetos

Como comentamos a principio de este artículo, la mayoría de lenguajes de programación más usados ya son orientados a objetos. Puesto que, elegir entre un lenguaje que puedes reutilizar y ordenar el código por módulos y, uno que no, al final, por coherencia, acabamos usando los lenguajes de programación orientados a objetos.

No obstante, pasó algo, cuanto menos ‘curioso’, y es que uno de los lenguajes de programación más usados siempre había sido C. Hasta tal punto que, los motores de otros lenguajes como JavaScript o PHP, están escritos en este lenguaje.

Pero había un problema, C se lanzó en 1972 y la mera idea de la programación orientada a objetos empezó a surgir dos décadas después. Razón por la cual, C, no tiene objetos ¡Nació 20 años antes de que se popularizaran!

No obstante, se crearon tres lenguajes, basados en C, pero con objetos:

C++

Se considera el heredero verdadero de C, ya que es el único que no hay una ‘empresa’ detrás, es libre y gratuito.

C#

La propuesta de Microsoft basada en C e influido por C++. Actualmente lo acompañan con un entorno de desarrollo llamado .NET

Objetive-C

Creado y mantenido por Apple, está pensado para desarrollar software para Apple (MacOS, iPhone, Tablets, etc). Actualmente lo están dejando morir a favor de Swift.

¿Realmente PHP es un lenguaje orientado a objetos?

Con PHP pasó algo realmente curioso, es uno de los lenguajes de programación más utilizados en el mundo (top-10), y es el principal para desarrollar páginas web.

Al igual que C, fue un lenguaje que inicialmente no estaba orientado a objetos (salió en 1995). No olvidemos que fue creado por un joven de 25 años para hacer un curriculum vitae más interactivo, por lo que, nunca pensó que llegaría a ser un lenguaje de programación usado mundialmente.

No obstante, en 2004 decidieron sacar la versión PHP 5, con un mejor soporte a la programación orientada a objetos. Sin embargo, para conseguir la mejor compatibilidad con el código ya creado, no hicieron un lenguaje totalmente basado en objetos, sino que lo hicieron “compatible con objetos”.

Así pues, es un lenguaje fuertemente procedimientos (basado en funciones). No obstante, soporta clases y objetos. Esto quiere decir que, una variable en PHP es únicamente una variable y no un objeto (como pasa en el resto de lenguajes de programación orientada a objetos).

¿Qué es Nestcape Navigator?

Como comentábamos en líneas anteriores, Netscape Navigator fue uno de los primeros navegadores que existieron. Fue lanzado de forma estable en 1994, tan sólo dos años después de que se publicara el lenguaje de etiquetas HTML.

El éxito y la rápida salida al mercado de Netscape fue gracias a que la empresa fue creada por Marc Andreessen, uno de los autores de Mosaic, el segundo navegador de la historia (fue el segundo, pues se hizo un cambio de nombre).

Uno de los mayores competidores de Netscape fue Internet Explorer, que apareció un año después (1995) de que Netscape Navigator se publicara.

Por otra parte, Netscape creó JavaScript, siendo Netscape Navigator, el primer navegador capaz de ejecutar código JavaScript.

Netscape Composer

A partir de la versión 3 de Netscape Navigator se introdujo Netscape Composer. Esto fue en 1997, tres años después de que saliera la primera versión del navegador.

Netscape Composer era un potente editor/creador de páginas web. Permitía crear páginas web con la tecnología WYSIWYG, es decir, exactamente igual que si las diseñamos con un word. También permitía publicar las páginas web.

Los editores WYSIWYG para webs eran muy comunes en aquella época dónde todavía no existían cursos oficiales para aprender HTML (recordemos que acababa de nacer). Es por ello que, un gran porcentaje de páginas web se hicieran mediante estos editores.

Entre otras cosas Netscape Composer permitió aprender conceptos de HTML y CSS en una época donde no existía Youtube y donde la información era mucho más escasa.

De Netscape al Mozilla

En 1997 Netscape decidió liberar todo el código, tanto de JavaScript como del navegador Netscape Composer.

Fue una gran inversión, ya que, para liberar el código, tuvieron que reprogramar muchos módulos para no violar ninguna patente o copyright.

Todo el código se liberó bajo el proyecto “Mozilla”.

Netscape: Compra por parte de AOL

En el año 2000 AOL compró la empresa Netscape e introdujo varios cambios.

Para las nuevas versiones del navegador intentaron basarse en Mozilla pero, resultaba que el software era demasiado pesado e inestable, por lo que iban publicando parche tras parche.

En definitiva, con los nuevos dueños, la calidad de Netscape fue en detrimento.

Por otra parte, el fuerte crecimiento de Internet Explorer, hizo que Nestcape Navigator fuera siendo utilizado cada vez menos.

La muerte de Netscape y el nacimiento de Mozilla

Con la muerte cada vez más cercana de Netscape, Brendan Eich, ingeniero de Netscape y el principal creador de JavaScript, creó la fundación en 2003 Mozilla (antes no era más que el nombre de un proyecto).

Desde entonces Mozilla ha tenido dos grandes cometidos: por una parte, continuar con su navegador totalmente gratuito y open-source llamado Firefox; y, por otra, dar a conocer la tecnología JavaScript, tecnología, que actualmente es compatible con todos los navegadores.

¿Qué es el caché?

Como bien hemos indicado anteriormente, el caché es un sistema que nos permite acceder a una información de manera más rápida que si no tuviéramos caché.

Principalmente, existen dos tipos de caché: una se encuentra en la CPU, que es el sistema operativo y el procesador el encargado de ‘cachear’ toda aquella información que cree que va a tener que volver a utilizar; y la otra, es la memoria RAM, más utilizada por las aplicaciones. Recordemos que la memoria RAM es mínimo 200 veces más rápida que el disco duro.

Por otra parte, aunque podemos complicar mucho la definición de caché, realmente se puede resumir en los dos siguientes usos:

El caché, como duplicador de datos

Cuando estamos todo el rato accediendo a una misma información, por ejemplo, a un listado de pacientes que sale de una base de datos, podemos duplicar dicha información en la caché, ahorrándonos así la conexión a la base de datos, descargar los resultados y mostrarlos.

Este es un uso muy típico del caché, simplemente clona/duplica los datos, para que cuando queramos volver acceder, tengamos la información en microsegundos y no en segundos.

El caché, para almacenar resultados

El segundo uso del caché (que muchas veces está relacionado con el primero), es cuándo queremos ‘cachear’, el resultado de unas operaciones.

Por ejemplo, imagínate que tienes una página web en wordpress y tienes 10,000 visitas a la hora. Por defecto, wordpress atenderá cada visita, hará unas 200 consultas a la base de datos por cada visita (2 millones cada hora), procesará dichas consultas con PHP, montará el HTML/CSS y lo devolverá.

No obstante, si la web está cacheada, simplemente en la primera visita procesará todo (200 consultas) y luego, antes de mostrar la web, ‘la guardará/cacheará’. Así, el resto de visitas simplemente devolverá el HTML/CSS que se devolvió la primera vez, pasando de 2 millones de consultas a la hora a 200. Además, ganando muchísimo tiempo de procesamiento y no saturando el servidor.

El caché en el navegador

Cada vez que accedemos a una página web se nos descargan bastantes elementos, imágenes, ficheros javascript y css (diseño), fuentes, iconos, etc.

El problema es que cada vez que hacemos click en un enlace de la web, se nos volvería a descargar todos los elementos, ya que sigue necesitando de esos ficheros para que la web se vea bonita.

Es por ello que, el navegador, sin decirnos nada, cachea todos los ficheros estáticos, para así cargar la página web más rápido y ahorrarnos ancho de banda (al no tener que descargarlos de nuevo).

Pero antes de instalar XAMPP en windows, es importante que tengamos en cuenta una serie de cosas, por ejemplo ¿Qué se instalará realmente con el paquete XAMPP? ¿Cuál es la web oficial y quién está detrás?

¿Qué es XAMPP para Windows?

Para empezar, tenemos que comprender que XAMPP es un acrónimo que quiere decir lo siguiente:

X
La X de XAMPP significa “cualquier sistema operativo”, esto quiere decir que se puede instalar en cualquier ordenador, indiferentemente, de si es Windows, Mac o Linux.

A
La A de XAMPP hace referencia al servidor web, con el paquete XAMPP el servidor web que se utiliza es Apache, uno totalmente gratuito.

M
La M de XAMPP es importante indicar que no es de MySQL, desde hace varios años, XAMPP utiliza MariaDB como motor de bases de datos. Aunque es idéntico, si precisas utilizar MySQL y no MariaDB, es recomendable que no instales XAMPP.

P
La primera P de XAMPP, hace referencia a PHP, el principal lenguaje de programación en el entorno del servidor (en cuanto a % de páginas web publicadas).

P
La segunda P de XAMPP, hace referencia a Perl, un lenguaje de programación que usan algunos módulos de PHP, por lo que es recomendable instalarlo.

Ahora que comprendemos que se instalará (Apache, MariaDB, PHP y Perl), tenemos que entender que XAMPP es un conjunto de programas que primeros nos instala estos cuatro programas, y al terminar, nos instalará un quinto programa, este programa, nos permitirá con unos simples clicks, iniciar o cerrar la base de datos, y el servidor web, es como una capa de abstracción y es a lo que mucha gente llama “XAMPP”.

Nota: Realmente instalará subprogramas necesarios para el buen funcionamiento, según la propia página web, instalará todo esto: Apache 2.4.46, MariaDB 10.4.14, PHP 7.4.11, phpMyAdmin 5.0.3, OpenSSL 1.1.1, XAMPP Control Panel 3.2.4, Webalizer 2.23-04, Mercury Mail Transport System 4.63, FileZilla FTP Server 0.9.41, Tomcat 7.0.106 (with mod_proxy_ajp as connector), Strawberry Perl 5.32.0.1 Portable

Requisitos

Realmente, el único requisito importante de XAMPP para windows, es que tengas 200Mb de espacio libre.

Ninguno de los programas que instala realmente llega a consumir mucha memoria RAM y de hecho, podría funcionar sin problemas en un ordenador de hace 20 años.

XAMPP en entorno de pruebas

Es importante indicar, que normalmente los servidores web no suelen funcionar bajo windows y las pocas veces que funcionan bajo windows es con otro servidor web (IIS).

Esto no quiere decir que no se pueda utilizar, de hecho XAMPP en Windows es muy famoso y es de los más utilizados, pero siempre se suele utilizar para desarrollar una plataforma o una web, y cuando está terminada, se pasa a un hosting o a un servidor (que normalmente será linux).

Instalar XAMPP

Instalar XAMPP es realmente sencillo. Tan solo tienes que hacer los siguientes pasos:

1. Acceder a la página web

Lo primero que tenemos que hacer, es ir a la página web oficial del proyecto XAMPP, gracias a esto, nos ahorraremos descargar alguna otra versión modificada, que pueda traer publicidad o incluir algún virus.

La web oficial en castellano es: https://www.apachefriends.org/es/

2. Descargar el fichero correcto

Lo segundo que tienes que hacer, es darle al botón de descargar “XAMPP en windows” que encontrarás en la home. Esto hará directamente que se descargue un fichero .exe (el instalador).

Si queremos instalar alguna versión en especial, simplemente tendremos que ir al menú y presionar en “Descargar”, entonces se nos abrirá una página web con todas las versiones para descargar.

Una vez escogida la versión que queremos, simplemente le damos a “Descargar” y se descargará nuestro fichero .exe (el instalador).

3. Instalar en la carpeta correspondiente

Una vez tenemos descargado nuestro fichero .exe, solamente tendremos que hacer doble click y seguir las instrucciones del instalador. Una vez haya terminado de instalarse todo, reiniciar el ordenador.

Así de sencillo, tendremos XAMPP instalado.

Inicializar XAMPP

Una vez instalado XAMPP y reiniciado el ordenador tocará inicializarlo.

Esto es algo que tendremos que hacer cada vez que apaguemos el ordenador, o que queramos usar XAMPP.

Simplemente tendremos que abrir el programa XAMPP (el icono es naranja) y una vez abierto, tenemos que seleccionar “MySQL Database” y darle a “Start”, lo mismo tendremos que hacer con la opción “Apache web server”.

Al final nos tendría que salir algo similar a esta captura:

No es necesario activar el ProFTPD.

Hola mundo en XAMPP

Una vez, ya lo tenemos todo activado, simplemente nos tendríamos que abrir nuestro navegador predeterminado y acceder a: http://127.0.0.1

Al acceder veremos una web que nos indica que XAMPP se ha instalado correctamente ¡Ya está todo instalado y funcionando!

Para modificar dicha web, solamente tendrás que ir a la ruta donde has instalado XAMPP, que por defecto es:
http://xampp/htdocs/

Definición estricta de código legado

La definición que podríamos encontrar en la RAE o en cualquier libro universitario sería que, el código legado es todo aquel código que ha sido desarrollado por otra entidad y que ahora debemos de continuar nosotros.

Por ejemplo, una empresa (A), pide a otra empresa (B), que le desarrolle un código. Cuando la empresa (A) no está contenta con el trabajo de la empresa (B), busca una tercera empresa ©, a la que pasarle el proyecto. Por lo tanto, la empresa (C) estaría recibiendo un código legado.

Definición underground de código legado

Aunque la lógica nos indica que la definición anterior es la correcta, en la comunidad de programadores, muchas veces se hace hincapié en otra definición, que incluso aparece reflejada en libros de expertos.

Nota: Como ya iremos viendo, los libros de externos en el área de la programación muchas veces difieren de lo que enseñan los libros universitarios. Yo soy partidario de estudiar ambos y quedarme con las ideas que más me gustan.

La definición underground sería más bien: El código legado es todo aquel código (recibido) mal programado, sin documentación o sin test unitarios.

Aunque, estrictamente, un código legado es un código recibido y no importa tanto la calidad del código, sí que es cierto que, siempre que se habla (yo incluído) de código legado, suele ser de una forma negativa, por ejemplo: “Pfff… tenemos un código legado que no hay por dónde cogerlo”.

¿Por qué se hereda un código?

En la definición de código estricto ponemos un ejemplo de las razones por las que se obtiene un proyecto de código legado.

Pero, es muy interesante ahondar en todo lo que conlleva que una empresa decida quitarle el proyecto a un freelance o a otra empresa y te dé a ti (o a tu empresa). Principalmente, porque si la empresa trabaja bien, cumple plazos y presupuesto, ¿qué sentido tiene cambiar de proveedor?

Es por ello que, siempre que se cambia de proveedor y que se mueve un proyecto de una empresa a otra, es por descontentos en la calidad del software o en los tiempos de ejecución del proyecto. Es decir, de una forma o de otra, hay que preocuparse de la calidad del software.

Para que os hagáis una idea, yo, Luis Peris, tengo una consultora tecnológica, más del 50% de los clientes son clientes con código legado. Pues bien, en todos esos clientes, cero venían con el código documentado.

De ahí que la definición underground del código legado sea más peyorativa.

¿Qué tener en cuenta?

Imagínate que tienes un nuevo cliente y viene con código legado, ¿qué tienes que tener en cuenta?

Yo, principalmente me suelo fijar en tres cosas:

Documentación

¿El código está documentado? Ojo, no hablo de comentarios en el código, sino de que esté documentado, por ejemplo, en formato wiki.

Si no es así, nosotros (mi empresa) no seguimos, le decimos al cliente el precio por documentar el proyecto, pero no seguimos viendo nada.

Si un proyecto no tiene documentación, no sabes por dónde te puede saltar.

Frameworks

Otro punto a tener en cuenta es si está utilizando algún framework, ¿utiliza CodeIgniter? ¿Utiliza Laravel? ¿ReactJS? ¿VueJS?

Los frameworks, entre otras cosas, te obligan a organizar el código de una forma determinada. Justamente por si algún día, otra persona tiene que tocar el código.

En el caso de que no tenga framework, todo le saldrá más caro al cliente, por lo que es interesante recomendarle hacerlo bien desde cero.

Es monolítico o microservicios

Por último, aunque esto no es tan importante, siempre hay que ver si se trata de un proyecto monolítico o es un microservicio.

La diferencia es que un sistema monolítico (todo el proyecto en una carpeta) es más difícil de escalar y, si está mal programado o no documentado, será más costoso.

En cambio, en un sistema basado en microservicios todo está separado, es independiente, por lo que es más fácil de trabajar con el código.

¿Vale la pena un código legado?

Si la empresa anterior no ha podido terminar el proyecto, entonces… ¿Vale la pena aceptar un código legado?

Esta es una pregunta que muchos programadores se hacen y, de hecho, algunos programadores directamente no aceptan código legado.

No obstante, personalmente, creo que es mucho más interesante darle siempre soluciones al cliente. Por ejemplo, ¿no está documentado? Se le indica: No te lo acepto si no pagas que me lo estudie y te lo documente.

Es un proveedor español que única y exclusivamente ofrece una cosa: Instancias Cloud. Ni más, ni menos ¡Veamos que tiene de especial!

Mi opinión sobre clouding

Tengo que reconocer que cuando conocí clouding.io y vi que era un proveedor español, no me fié mucho, ya que los proveedores españoles suelen hacer dos cosas: Montar unos racks en las oficinas (sin sistemas de seguridad físicos, ni protección contra cortes de energía, etc) Contratar servidores en OVH, virtualizarlos y vender este espacio.

No obstante, tras investigar, me di cuenta de dos cosas que me calmaron bastante, lo primero es que es una empresa que lleva 6 años y lo segundo y más importante: Usan el datacenter de British Telecom (lo publican en su web) con más de 2000 trabajadores.

Otra cosa que me dió confianza es que normalmente los proveedores te piden que pagues y ya si eso luego te defraudan, en cambio aquí, te dan 5€ de saldo para que pruebes sus servicios de forma gratuita. Además dejan pagar con paypal, por lo que si tienes algún problema, paypal tiene un seguro de reclamación.

¿Qué no ofrece clouding?

Esta es una de las cosas que más me ha gustado de clouding y es que apenas ofrece nada, y aunque esto pueda parecer algo malo, es todo lo contrario. En toda su plataforma utilizan la filosofía KISS (keep it simple stupid).

Es decir, en vez de ofrecer un millón de cosas para vender más, sólo ofrecen una cosa de pago que son las instancias. Esto hace que sean muy buenos a la hora de gestionar instancias, ya que no tienen que lidiar con problemas de estafas de dominios, problemas de mailings, servidores físicos, etc.

Una lista de las cosas que no ofrecen: Hosting, Dominios, Emails, servidores físicos.

Instancias en clouding

Ahora que ya tenemos una idea más clara de qué es clouding ¡Hablemos de las instancias!

Para empezar indicar que el precio base es muy similar a otros proveedores tipo OVH, es decir, la configuración más básica es desde 3€.

Como se puede observar en la imagen, tiene un configurador ultra sencillo que te permite indicar cuanto disco duro / CPU quieres y te va indicando el precio (hasta aquí todo normal).

Dónde se empieza a volver más interesante, por ejemplo es en el tema de backups, ya que de forma muy sencilla te permite realizar Backups desde 0,20€ al mes ¡Ojo! Pensemos que muchos proveedores no te permiten automatizar los backups de instancias. Por ejemplo, OVH te permite automatizar (mucho más caro) únicamente los VPS, pero las instancias cloud, a día de hoy no te permite automatizarlas.

Por otra parte, están “las imágenes”, es decir ¿Qué sistema operativo se nos instala? ¿Y que versión? Pues bien, en esto no tendremos ningún problema, ya que están los principales sistemas operativos con sus diferentes versiones. Incluso, nos permite instalar un OS con Docker o un OS con wordpress preparado. No obstante, lo que más me llama la atención es que tiene versiones de escritorio (para conectarnos remotamente), tanto de Linux como de Windows, puesto que ocupan más espacio, el precio mínimo para el linux será de 3,5€ y el de windows de 7,5€.

Una vez elegido el sistema operativo, así como las demás opciones, le podemos dar a crear ¡Y ya está! En menos de cinco minutos recibiremos un email como este:

Redimensionar imagen en Clouding

Una de las cosas que me ha enamorado de este proveedor es una tontería (ya que todos los proveedores deberían de tenerlo), pero apenas existen proveedores que lo tengan tan fácil, estoy hablando del redimensionamiento.

Imaginad, que vuestra web crece y necesitáis más disco duro (o RAM), pues bien, en clouding, simplemente arrastrando una barra y dándole a Enviar se cambiará automáticamente.

Esto que parece algo simple, muchos proveedores no lo tienen, por ejemplo, en el caso de las instancias de OVH, te obligan a realizar una backup de seguridad, crear una nueva instancia con el nuevo tamaño, borrar la anterior y redirigir la IP (si es IP failover) a la nueva instancia. Por otra parte, en el caso de grandes como Microsoft Azure, simplemente te dan a elegir entre diferentes configuraciones predefinidas, pero no te dejan elegir mucho disco duro y poca RAM (por ejemplo). En cambio, en clouding es súper sencillo.

Por ejemplo, aquí empiezo con una instancia de 5GB:

Simplemente la redimensiono:

Y tras reiniciarse el servidor (lo hace automáticamente), vuelvo a comprobar el espacio y nos aparece que tenemos 10GB:

Sistema autogestionado

Otra cosa a tener en cuenta como punto positivo es que tienen un servicio de soporte, es decir, dejas la instancia lista a tu cliente y no paga absolutamente nada hasta que tienes un problema. Además los precios del soporte van desde los 24€.

Esto viene genial para meter los proyectos de tus clientes en estas instancias y que si tiene algún problema con la instancia, no te moleste con el mantenimiento o los problemas (lo delegas a ellos).

Ya que muchas veces, los programadores no nos sale rentable ofrecer este servicio, ya que ganamos mucho más, haciendo lo nuestro: programar.

Resumen

Es un proveedor muy limitado a las instancias (esto es bueno), que además nos da un soporte gratuito por teléfono y correo electrónico en castellano. Es una opción a tener en cuenta, tanto si estamos empezando, como si queremos tener nuestras instancias como la de nuestros clientes. ¿Qué os parece?

En esta ocasión hablaremos sobre un tema que puede interesar a muchísima gente y es que veremos cómo podemos poner nuestro precio hora.

Lógicamente, aunque el 99% de este artículo servirá para cualquier persona y cualquier sector, estará especialmente pensado y preparado para el sector IT.

¿Cómo poner tu precio hora?

Pues bien, lo primero que debemos de saber y entender, es que, nos guste o no, el precio hora no lo ponemos nosotros, lo pone el mercado.

Subrayo la parte de “entender”, pues hay muchas personas que están en contra del mercado y deciden poner un precio que quieren, siendo un poco “inconscientes”, ya que “el mercado”, no es un ente oscuro que tenemos que odiar, sino que en resumen, se podría resumir en un fórmula matemática que incluya tales cosas como la oferta-demanda, tu experiencia, tu experiencia demostrable (algo distinto), etc.

Todo esto, podríamos resumirlo en cuatro puntos principales que si los entendemos, podemos poner nuestro precio de mercado correcto (y poco a poco ir aumentándolo).

Los cuatro puntos son los siguientes:

1. Precio mercado de tus habilidades
2. Experiencia que tengas en el sector
3. Lo que ahorras al cliente
4. Tu experiencia demostrable

Así pues, analicemos estos cuatro puntos.

Precio mercado para poner nuestro precio hora

Este es uno de los puntos más difíciles que existe, ya que confundimos mucho el precio mercado con el precio que vemos en algunas páginas.

Para empezar tenemos que entender que algunas personas conocidas como Joan Boluda (experto en Marketing) o yo mismo (experto en programación) tenemos un precio hora muy superior a nuestros conocimientos (entre 100 y 300 euros hora). Por lo que si eres programador y pones mi precio hora, nadie te contratará.

Esto más abajo lo analizaremos, pero se resume en que en nuestro sector existen muchos “piratas” y mucho “humo” y nosotros, mediante nuestros blogs/podcast hemos demostrado que no somos uno de ellos. Por lo que el cliente no paga por un programador, sino por la seguridad de que se realizará un buen trabajo.

Esto es importante que lo comprendamos, ya que mucha gente ve que es muy bueno en lo suyo y que otras personas o empresas están cobrando 150€ e igualan el precio. Esto es un error.

Otras veces lo que pasa es que se mira, por ejemplo, el precio de empresas (S.L.), y por ejemplo está a 75€/hora, mientras nosotros lo podemos ofrecer a 20€, pero de nuevo, ese no es el precio del mercado, ese es el precio de mercado para empresas, no para freelances.

Piensa que una S.L. da más seguridad, pero tiene más costes, otros impuestos, un administrativo, un comercial, etc. Además, algunas como mi consultora (Kaira 4 Startups S.L.) tenemos un seguro de un millón de euros “por si la cagamos”. Además que al no ser freelances, siempre alguien coge el teléfono, si uno enferma, otro realiza el trabajo, etc.

En resumen. Tenemos que ver el precio de mercado, pero de freelances que tengan nuestra marca y nuestra experiencia y que lógicamente tengan clientes (sino es que se han pasado).

Por ejemplo, para un “junior” el precio puede estar entre 8-10€ y para un senior a partir de 20€.

Experiencia en el sector marca nuestro precio hora

Esto es otro punto importante ¿Qué experiencia tenemos? ¿Cuántos años?

Pensemos que un programador Junior (que todos lo hemos sido) tarda mucho más en programador que un senior (hasta 5 veces en algunas ocasiones), además de hacer un peor código.

Por lo que si somos Juniors, no nos podemos pasar con el precio hora, ya que sino será más rentable contratar a un Senior.

Por otra parte, si somos Senior y tenemos un precio hora elevado, por lo menos, deberemos de indicar al cliente final en cuantas horas se realizará una tarea en concreto y cuantas horas invertiría un Junior (demostrando que eres más rentable, aunque el precio-hora sea más alto, que no caro).

¿Cuánto se ahorramos al cliente?

Otro punto, altamente importante es lo que el cliente obtendrá por el desarrollo que le realicemos, si un desarrollo que le realizamos por 100€ (único pago) le ahorra 20,000€ al mes y no conoce a nadie que pueda realizar el desarrollo, algo está fallando.

No hablamos “de cobrar más” porque el cliente esté “desesperado”, hablamos de que si nadie más que conozca, sabe realizar dicha faena, es que quizás no lo hemos evaluado correctamente y quizás tengamos que cobrar más por la experiencia.

Por ejemplo, a nosotros, mucha veces nos contratan las empresas después de haber ido a muchas consultoras y que ninguna haya sido capaz de arreglar su problema. Lógicamente, afrontar un desarrollo tan complejo que otras consultoras ha dicho que no, es síntoma de que el precio hora para afrontarlo debe de ser un poco superior.

Pero no “por la desesperación” del cliente, sino porque suelen ser temas que requieren una alta experiencia en algo muy concreto “un framework para Java obsoleto”.

Lo mismo sucede cuando algo es “urgente”, nosotros tenemos 4 precios-hora diferentes y publicados en nuestra página web (https://kaira.es/bolsa-de-horas-de-programacion/), en eso siempre somos transparentes, lo único que cambia de un precio a otro es la urgencia del cliente, si quiere que empecemos a “tocar código” en 4 horas, le cobraremos 150€/hora, si puede esperarse una semana, entonces 47€/hora.

Es decir, en resumen, debemos de tener un precio-hora estandarizado, no obstante, dependiendo la dificultad de la faena o la urgencia, deberemos de cobrar otro precio-hora diferente.

Los errores al elegir un precio-hora

Uno de los errores que solemos cometer al elegir un precio-hora es el de “compararnos” con gente que conocemos o gente que buscamos en Internet.

Ya hemos comentado antes que eso es un error, pero debemos de entenderlo bien: Si nadie te conoce, si no puedes demostrar “tu valor” realmente no puedes compararte con gente que sí que puede.

Y ojo, decir “mira mi código” o “mira lo que he hecho” no sirve de nada, todo el mundo dice eso, pero los clientes no saben de código (sino no te contratarían), por lo que si no puedes demostrar tus conocimientos, piensa en bajar el precio hora “al principio”.

Para demostrar tus conocimientos existen diferentes formas, una de ellas sería, por ejemplo la realización de un podcast o un blog (y no, no bastaría con 10-20 artículos). No obstante, la forma más sencilla y más eficaz es: Empezar a trabajar.

Y ahí está mi consejo, empieza con un precio-hora más bien bajo-justo para que te empiecen a contratar y poco a poco, ves subiendo el precio. Yo mismo lo hice así y en 3 años, multipliqué por 4 mi precio-hora.

Resumen

Es un error poner tu precio-hora basado en otras personas que tienen características diferentes a las tuyas, empieza poco a poco y así poco a poco podrás ir subiendo el precio hora.

Si tienes cualquier pregunta, no dudes en contactar conmigo, estaré encantado de ayudarte a poner tu precio-hora.

Cuando una empresa que su core business no es el programa, sino ofrecer un servicio, un producto o una experiencia precisa de los servicios de un programador, se realiza siempre una pregunta, ¿qué es mejor, contratar a un programador o externalizarlo?

En este artículo, veremos las ventajas y desventajas de cada caso.

Contratar un programador o externalizar

Antes de ver cada caso, hay algunas cosas que tenemos que tener en cuenta.

Si vuestro core business no es el software, y no sois expertos consultores tecnológicos ni programadores seniors, ¿cómo sabéis que la persona que vais a contratar será un buen programador?, ¿cómo sabréis que elige las tecnologías correctas?

Un gran porcentaje de nuestros clientes son empresas que, tras tener programadores en su plantila, se han ido y han contratado a otros y, al final, han tenido un software que es difícilmente ‘salvable’.

Y esto, no sucede porque no exista “un programador senior” que indique cómo hay que hacer las cosas. Sino, porque un programador senior, es justamente eso, ¡un programador con años de experiencia!, ¡un buen programador! Esto quiere decir que, un programador senior, no tiene que saber organizar un proyecto, simplemente que, si se le pide que desarrolle algo, lo hará con calidad.

Comprendida esta parte, veamos las ventajas y desventajas de contratar un programador o externalizarlo.

Contratar a un programador

Contratar a un programador en una empresa que, de nuevo, su core business no es la programación, trae una serie de ventajas y desventajas, veámoslas:

Ventajas de contratar a un programador

Para empezar, el precio hora es menor que si se externaliza el programador a una consultora. Esto es porque, la consultora, lógicamente, tiene que tener un beneficio sobre el programador, darle una formación, etc.

Por otra parte, puedes negociar las condiciones directamente con el trabajador, que trabaje fines de semana si es necesario, realizar pagos fuera de la legalidad (en B, etc).

Por último, otra de las ventajas, es que es algo peligroso y, es que se pueden realizar cambios más rápidos. Comento que es peligroso, pues si se hace rápido, quiere decir que no se utilizará el GIT (sistema de control de versiones). En definitiva, sin una buena calidad, ni pasar a un servidor de ‘pre-producción’, ni lo más importante: documentar el código.

Desventajas de contratar a un programador

Una de las principales desventajas es la dificultad de retener talento. De media, en España un trabajador TIC, pasa en una empresa dos años como máximo, lo que quiere decir que hay una gran rotación.

Por otra parte, se junta otra gran desventaja y es que, si no somos expertos programadores, no podemos vigilar la calidad el código, ni si está documentado, ni si usa un software de control de versiones, ni el ratio de comentarios en código, etc.

Cuando las dos principales desventajas se juntan, lo que obtenemos es que el software desarrollado en los últimos cuatro años, en muchas ocasiones, hay que borrarlo y volver a empezar. Ya que, se tardaría menos que un nuevo programador “averigüe cómo funciona, sin documentación”, que volverlo a programar.

Otra gran desventaja, el tiempo que tarda un programador en resolver una duda de programación (en muchas ocasiones 2-3 días). Mientras que, en una consultora tecnológica, se puede resolver en horas, pues hay muchos otros programadores que pueden resolverla.

Externalizar a un programador

Antes de nada, ¿qué significa externalizar a un programador?

En pocas palabras, tener a un trabajador en las oficinas de una consultora tecnológica. Por la cual pagas un fijo mensual, y la consultora se ocupa de la formación, la seguridad social, todos los requerimientos de calidad, etc.

Existen bastantes consultoras tecnológicas que ofrecen este servicio, Altran, Everis, Accenture y, por supuesto, nosotros mismos (kaira.es).

Ventajas de externalizar a un programador

En el caso de que se decida externalizar a una consultora, una de las principales ventajas será los estándares de calidad.

Podremos estar seguros de que el software será escalable, además de estar bien documentado, tanto en en software de control de versiones, como en en una wiki, para que cualquier otra empresa pueda seguir el desarrollo.

Por otra parte, cuando el programador no sepa còmo afrontar una tarea, no estará tres días buscando información, sino que podrá preguntar a otros programadores y resolver la duda en horas.

También hay que contar que todas las consultoras ofrecen formación continua a sus trabajadores, por lo que podremos asegurarnos de que el trabajador que tenemos, está bien formado.

Por último, una de las principales ventajas, es que un programador, en una consultora, es hasta 4 veces más productivo que en una empresa. Es decir, que aun teniéndolo a media jornada, puede sacar el doble de trabajo y con mejor calidad que un programador en una PYME.

Esto último, se debe a que en todas las consultoras se tienen metodologías de trabajo muy marcadas. Por lo que, al estar todo “estandarizado” y con controles de calidad, el programador “no tiene que inventar nada”, sino realizar el software que se le ha encomendado, en el marco que ya conoce. ¿Y si ya tengo programadores?

En el caso de que tengas programadores en tu empresa, y no tienes un control claro sobre lo que se está haciendo, sobre si la velocidad es la correcta o, más importante, sobre si existe una calidad mínima (una documentación), lo que en este caso te recomendaría es simple: contrata una auditoría.

Gracias a una auditoría, podrías poner claro sobre oscuro qué está sucediendo en tu empresa. Saber si todo va bien o si no va bien, saber cómo se puede solucionar, para así seguir hacia el camino correcto.

Resumen

Como siempre, la decisión de contratar a un programador o externalizarlo no es siempre fácil. No obstante, si tenéis cualquier duda sobre esta temática, o sobre la auditoría, en Kaira 4 Startups estamos encantados de ayudar a todo el mundo.

Si tenéis dudas sobre los precios aproximados, en el apartado de externalizar a un programador de nuestra página web (https://kaira.es/externalizar-programadores/), están los precios publicados.

Imagínate que estás montando una Startup, un proyecto tecnológico disruptivo, te estás encargando de todo, los proveedores, los clientes, etc. No obstante notas que tienes una debilidad ¡No eres programador (o no tienes tiempo)!

Así que decides externalizar la parte de la tecnología/programación a una empresa, eso sí, en vez de pagarles en euros, le das un porcentaje de la empresa. Eso es Tech 4 equity.

Razones para hacer Tech 4 Equity

Pero ¿Qué sentido tiene hacer Tech 4 equity? ¿A quién le puede interesar? ¿Realmente se hace mucho? ¿Qué perfil de empresa debemos de buscar?

Bien, vamos poco a poco, debemos de comprender bien, cuándo hacerlo, cómo hacerlo y con quién hacerlo, así pues, vamos a ver qué sentido tiene hacer esto, tanto desde el punto de vista del emprendedor, como de la empresa.

¿Qué ganas como emprendedor haciendo Tech 4 equity?

El primer beneficio parece estar claro, si damos un porcentaje a cambio de un desarrollo, simplemente nos ahorramos el tener que pagar por el desarrollo, es decir, el beneficio es un gran ahorro de, seguramente, decenas de miles de euros.

No obstante, hay que entender algo: A no ser que cierres un acuerdo con una empresa no especializada en tech 4 equity y que les puedas engañar (saldrías perdiendo también), un tech 4 equity es lo mismo que un inversor, tanto para lo bueno como para lo malo.

Es decir, ninguna empresa te va a financiar un software, de a lo mejor 15.000€ o 20.000€ y olvidarse de ti, no, querrán informes mensuales, ayudarte a conseguir los objetivos, etc.

Es decir: Si bien es cierto que a corto plazo nos puede interesar, si no vamos en serio con el proyecto, puede ser contraproducente, incluso nos pueden denunciar si no cumplimos lo pactado por contrato.

Por otra parte, si vas en serio con el proyecto, tiene tres beneficios principalmente.

1. Cashflow: Tienes una mayor tesorería para invertir en marketing y hacer crecer el proyecto.
2. Inversores: El tener un acuerdo tech 4 equity con una empresa (SL), te permite conseguir inversión mucho más fácil. Incluso, la propia empresa te puede presentar inversores.
3. Tranquilidad: Olvídate totalmente del software, céntrate en tu negocio.

¿Es interesante ofrecerlo a las empresas?

Aunque la primera respuesta pueda ser un “claro que sí”, hay que tener mucho cuidado, el coste de empresa de un programador senior es mínimo de 4.000€/mes (ojo, que no quiere decir que vaya a cobrar eso, hay que pagar IRPF, SS, etc!).

Si para hacer un proyecto necesitamos un programador durante 3 meses y luego 20 horas al mes de mejoras, al cabo de un año habremos pagado 16.500€ sólo para cubrir costes por un único proyecto.

Y recordemos que el 90% de las startups quiebran, entonces ¿A quién le puede interesar? Pues únicamente a una consultora tecnológica especializada en Startups, que comprendan el riesgo y la forma de moverse.

Las condiciones para aceptar tech 4 equity Cada empresa tiene condiciones diferentes, por ejemplo, en Kaira 4 Startups S.L. las empresas que quieran realizar tech 4 equity tienen que cumplir 3 de 4 condiciones, las condiciones son las siguientes:

• Empresa constituida (como SL)
• Métricas
• Inversión seed ya adquirida
• CEO a full-time

Estas condiciones son las típicas y normales que podemos encontrar en cualquier fondo de inversión o en cualquier programa de aceleración de empresas. Y son bastante comprensibles, ya que son estos actores los que corren el riesgo económico.

¿Y si mi proyecto es nuevo?

El problema de los proyectos nuevos no es tanto que no tenga una sociedad constituida sino que muchas veces el emprendedor no tiene ni experiencia emprendiendo, ni dinero (y de ahí el tech 4 equity), ni métricas, incluso, muchas veces, no quieren ni dejar su trabajo.

En estos casos, mi recomendación es buscar a un socio en las mismas condiciones, para poco a poco, ir aprendiendo juntos.

Los límites del Tech 4 Equity

Con un coste mínimo por programado de 4000€/mes, lógicamente las empresas que realizan Tech 4 Equity no van a estar dando servicio gratuito toda la vida.

Por ello hay que poner un límite de tiempo, horas o trabajo realizado para el tech 4 equity, así como indicar las condiciones que se tendrá una vez se supere.

Si por ejemplo, una empresa vale 1 millón de euros, y ofrecen el 3% por Tech 4 Equity, la empresa podría indicar que realizará el desarrollo hasta un máximo de 30,000€, todo lo demás, se puede negociar “más barato”, etc.

Si la empresa con la que hablas, no indica esto ¡Desconfía de la empresa! Ya que tarde o temprano acabarán saliendo problemas cuando no le empiece a salir los números y pierdan dinero.

Resumen

Como ves, es todo un mundo las empresas que realizan Tech 4 Equity, tenemos que tener mucho cuidado que empresa elegimos, ya que una mala empresa, además de un mal producto, puede generarnos más problemas que beneficios.

Si tienes cualquier pregunta, no dudes en escribirme y estaré encantado de ayudarte y recomendarte empresas que realizan este servicio, basado en tus características.

En el mundo de la programación (como en otros sectores) hay muchos gurús, gente que sin vacilar es capaz de decir que PHP es mejor siempre que NodeJS o al revés, que NodeJS es mejor que PHP.

No obstante, la realidad es un poco más complicada, ningún lenguaje de programación es mejor que otro ¡Ninguno! Todo dependerá de mil cosas, el uso que le queramos dar, si va a tener actualizaciones y si es así, si son anuales o son mensuales, las visitas que tengamos, etc.

Por ello, antes de empezar este artículo dónde podremos comparar PHP y NodeJS quiero dejar claro que “no hay un vencedor”, veremos y entenderemos cada lenguaje, veremos las ventajas que tiene un lenguaje frente a otro y veremos los inconvenientes que tienen.

También veremos dichos lenguajes desde el lado “económico”, que un lenguaje sea más rápido que otro, no quiere decir que haya que elegirlo si nos cuesta diez veces más mantenerlo, no necesitamos tanta velocidad y menos si la empresa no puede asumir un desarrollo (de por ejemplo) 200.000€.

Así pues ¡Empecemos!

PHP en el desarrollo web

Lo primero que debemos de entender es ¿Qué es PHP? ¿Cómo funciona PHP?

Pues bien, PHP es un lenguaje de programación interpretado, es decir, “cada vez que se ejecuta se compila”, esto hace que sea un poco más lento que otros lenguajes (como C++).

No obstante, PHP es es único lenguaje en el TOP 15 creado desde sus inicios para el desarrollo de páginas web y de plataformas webs, esto es importante, esto quiere decir, que tiene muchas funciones nativas que nos facilitan realizar ciertas acciones, como mandar un email, hacer peticiones a una URL con una sola línea de código, etc.

Por otra parte, es el único lenguaje de programación en el TOP 15 (de los más usados, sin contar con C puro) que no es orientado a objeto, esto es lo que ha hecho principalmente que mucha gente “odie PHP”, ya que sin estar orientado a objetos, el código se encuentra “más desordenado”. Como solución actual, se usan frameworks (CodeIgniter, Laravel, etc), así como frameworks visuales (WordPress, Drupal, etc), todos ellos desarrollados en PHP.

Sobre dónde alojar un desarrollo en PHP, es sencillo y es que el 99% de los hostings tienen soporte para proyectos en PHP (a diferencia de otros lenguajes, que es mucho más complicado).

Por último, tenemos que comprender, que PHP es un lenguaje de programación, no es un framework, no es un entorno de trabajo (como .NET), lo que quiere decir que “per se”, una web no te funcionará cuando accedas con el navegador, ya que, de alguna forma, tienes que “enlazar el dominio a la carpeta dónde se encuentra el proyecto escrito en PHP”, a esto se le llama “servidor web” y para PHP normalmente se suele utilizar servidor web llamado Apache.

Ahora que ya hemos visto PHP, veamos qué es NodeJS.

NodeJS en el desarrollo web

Lo primero que tenemos que entender de NodeJS, es que NodeJS no es un lenguaje de programación, NodeJS se parece más a un “framework de trabajo” (que no de programación).

El lenguaje de programación de NodeJS es JavaScript (ni más ni menos), entonces ¿Por qué se llama NodeJS? ¿En qué se diferencia de JavaScript?

Pues bien, si recordamos lo que hemos leído antes, para desarrollar un proyecto web en PHP, necesitábamos como mínimo dos aplicaciones, por una parte teníamos PHP (que ejecutaba nuestro programa escrito en el lenguaje de programación PHP) y por otra parte teníamos el servidor web (apache) que redirige las peticiones de nuestro dominio al PHP.

Pues bien, NodeJS “lo incorpora todo”, con un pequeño detalles: NodeJS no está especializado para el desarrollo web, el servidor web que puedes programar en NodeJS te puede servir tanto para páginas web, como para cualquier otra cosa, al igual que el lenguaje de programación (JavaScript), aunque puedes hacer todo, no está pensando “nativamente” para hacer desarrollos webs. Es por ello, que cuando se usa NodeJS, se suelen acabar realizando APIs y toda “la lógica” se hace en el navegador (parte del cliente). Es decir: NodeJS no está creado para el desarrollo web (aunque sí tiene soporte).

Que NodeJS sea en si mismo un servidor web, dificulta mucho que los hostings tal y como los conocemos, nos permitan de una forma fácil y sencilla subir nuestro código, ya que en NodeJS a diferencia de PHP, “no subiríamos el código”, sino que se subiría el código más el servidor web que luego tendríamos que “arrancar”, en resumen, casi no existen hostings que te permitan subir tu página web realizada en NodeJS.

Por último indicar, que a diferencia de PHP, NodeJS, al utilizar JavaScript, sí que está orientado a objetos desde el inicio.

PHP vs NodeJS

Bien, ya hemos visto las características, tanto de PHP como de NodeJS, pero ahora bien, a la hora de un desarrollo web ¿Cuál es mejor?

Para resolver esta duda, veamos las ventajas y desventajas de cada uno de ellos.

Ventajas de usar PHP frente a NodeJS

• Entre las principales ventajas de utilizar PHP frente a NodeJS nos encontraríamos:
• El coste/hora de un programador es más barato.
• El desarrollo es más rápido en PHP.
• El 99% de los hostings tienen soporte para PHP.

Ventajas de usar NodeJS frente a PHP

Por otra parte, si vemos la ventaja de utilizar NodeJS nos encontramos principalmente con dos:

• ¡Velocidad! NodeJS soporta hasta tres veces más peticiones que PHP.
• Un solo lenguaje de programación, en PHP necesitaremos programar en PHP en el backend y JavaScript en el frontend (tendremos que aprender dos lenguajes de programación), en cambio con NodeJS, tanto en el frontend como en el backend sólo necesitaremos programar en un lenguaje de programación.

PHP vs NodeJS desde la empresa

Muchos programadores piensan que NodeJS es mejor para todo, es más rápido, sólo hay que usar un lenguaje de programación y además nos ahorramos el servidor web (apache), no obstante, si nos paramos a pensar desde el lado de la empresa, veremos que quizás PHP es mejor solución para “depende qué proyectos”.

Por ejemplo ¿La empresa tiene a alguien que sepa manejar servidores? ¿O lo tiene que subcontratar? Pensemos que la mayoría de las instalaciones de NodeJS van sobre un servidor virtualizado, por lo que hay que aplicar costes de mantenimiento, seguridad, etc. Costes que con un hosting nos ahorraríamos.

Por otra parte, el precio hora de un desarrollador de NodeJS es más caro que el de un programador PHP, sin contar que PHP tiene más frameworks de desarrollo “maduros”, donde está el código bien organizado y estandarizado, para que programadores que nunca antes han tocado un proyecto en concreto puedan empezar a desarrollar a las pocas horas.

Resumen

En definitiva, como podemos observar, ningún lenguaje de programación “es mejor” que otro, todos depende, para qué lo vamos a utilizar, no es lo mismo que hagamos un desarrollo propio y nosotros lo vayamos a mantener, que lo hagamos para una empresa.

Imagínate que entras en un local por primera vez, un local de una franquicia que nunca antes habías visitado (ergo no has compartido datos ni visitado la web). Y aún así, al entrar, pueden saber la dirección de tu casa, en qué hoteles has estado, etc.

Pues bien, en este artículo voy a intentar explicar cómo todo esto es posible, es importante también indicar que todos estos conocimientos han salido de una investigación que hemos realizado en la consultora tecnológica en la que trabajo (kaira.es – Kaira 4 Startups S.L.).

Rastrear a cualquier persona físicamente

Todo esto vino por una pequeña investigación .Nosotros sabíamos que muchas empresas utilizan el bluetooth para identificar a los visitantes que entran en su local, no obstante, para esto el bluetooth del móvil debería de estar encendido (poca gente lo tiene).

Nosotros teníamos otro punto de vista, sabíamos que la mayoría de gente deja el «modo wifi» conectado, para cuando esté en casa que se conecte automáticamente. Además, sabíamos que los móviles hacen peticiones a los routers cada x segundos, para saber si «existe alguna red conocida».

Con todo esto, nos hicimos una pregunta muy simple ¿es posible detectar ese chip wifi con un identificador único (la MAC address)? Si esto era «posible y estable», habríamos conseguido varias cosas, entre otras:

Saber cuántas veces regresa un cliente.

Saber cuánto tiempo (exacto) pasa un cliente en la tienda de media. Por ‘la potencia de la señal’, saber si existe relación entre el tiempo que pasa y el ticket de compra. Poder rastrear por dentro del local (con varias señales), cómo se mueve el usuario y hacer algoritmos con la compra final.

Todo esto lo conseguimos, no obstante, de algo bastante más importante.

¿A qué datos podemos acceder?

El problema que nos encontramos, es que no únicamente podíamos acceder a la MAC WIFI (identificador único) de todos los móviles que entran en un local, aunque no estuvieran conectados a ninguna red wifi.

Sino que, podíamos acceder a la información de a qué redes wifi (MAC y nombre) se habían conectado, es decir, que si alguna persona se había conectado a «Hoteles Barceló Madrid Central» o, como en el caso real de un trabajador, «Spa Arenas Valencia», podríamos saber hasta qué Spa había ido la persona.

Esto que, en principio parecería una tontería, y que únicamente nos podría servir para sacar más información de nuestros amigos, esconde un gran peligro oculto, sobre todo, si pensamos en Google.

El problema de Google

Para entender los datos que tiene Google y por qué «es un problema», os voy a lanzar una pregunta, o una observación. Si ahora accedemos con nuestro ordenador a google maps o a wallapop, o a cualquier página web que nos pida geolocalización, nos encontrará en el punto exacto donde estamos. Ojo, los ordenadores no tiene chip GPS ¿cómo pueden saber dónde estamos?

Pues bien, tras la incorporación del método geolocation en HTML5, se creó una base de datos (poseedora de google entre otras), con todas las direcciones MAC de los routers, así con la dirección GPS exacta. Por lo que, cuando estamos en un portátil y accedemos a una web, lo que hace el navegador es «mandar todas las MAC/nombre de las redes wifi» al servidor de Google, y este nos devuelve nuestro punto GPS.

Ahora que sabemos todo esto, podemos comprender el peligro, si al entrar en un local, pueden saber la MAC (y nombre de la red wifi) de nuestra casa, y la comparan con una base de datos, podrán saber exactamente dónde vivimos.

No únicamente eso, sino que Google ha reconocido que comparte datos de los usuarios con otros players, entre otros con «mastercard», que está presente en muchos comercios.

RESUMEN

Como vemos, esto sólo ha sido una investigación realizada en Kaira 4 Startups, para poder ofrecer datos estadísticos a nuestros clientes. No obstante, nos hemos encontrado con algo un poco preocupante.

También es importante indicar que, según la legislación española, sería ilegal guardar cualquier dato que «identifique» a la persona. Por lo que, dentro de la legalidad, sólo serviría para temas de Marketing y estadísticas.

Como de seguro sabrás, JavaScript es uno de los lenguajes de programación que más auge están teniendo, es por ello, que se vuelve fundamental comprender las bases de JavaScript, ya sea, para nuestros desarrollos o para trabajar en una empresa.

Curso de JavaScript

Pero ¿Por qué se está poniendo de moda JavaScript realmente? ¿Por qué hace falta un curso de JavaScript?

Pues bien, si lo pensamos, la programación es un mundo enorme donde existe un lenguaje de programación, prácticamente para cada cosa, para desarrollar APPs para Android (usamos Java), para iOS (usamos entonces Swift), para desarrollar plataformas web, usamos PHP en la parte del servidor, etc.

Es decir, si queremos saber programar diferentes cosas, debemos de aprender diferentes lenguajes… ¡Hasta que JavaScript se imponga!

JavaScript como lenguaje único

JavaScript es un lenguaje de programación open-source, además de gratuito, además, aunque es cierto que se pensó inicialmente como un lenguaje de programación en la parte del cliente (navegador), se creó desde el principio como un lenguaje de programación de ámbito general (a diferencia de PHP por ejemplo).

Con todo esto y puesto que es uno de los pocos lenguajes de programación de «ámbito general» que no tiene una empresa privada detrás (a diferencia de Java -> Oracle, Swift -> Apple, C# -> Microsoft, etc.), se está consiguiendo que con JavaScript se pueda hacer todo, por ejemplo:

• Desarrollo web en la parte cliente (navegador)
• Desarrollo web en la parte servidor (nodeJS)
• Desarrollo de APPs para todas las marcas de forma no nativa (phoneGap)
• Desarrollo de APPs para todas las marcas de forma nativa (React Native)
• Desarrollo de videojuegos para XBOX, PS4, etc. (Unity 3D)
• Desarrollo de APPs para TV (FirefoxOS, LG, etc.)
• Mucho, mucho más.

¿Qué aprenderemos en este curso?

Este curso, no es un curso pensado «para aprender hacer webs», este es un curso básico pero profesional donde aprenderás a programar JavaScript para cualquier fin, ya sea para navegador o sea más adelante para desarrollar APPs.

Por ello, además de ver todo el temario básico (Variables, funciones, etc.), también veremos tanto cómo crear objetos, como los famosos prototipados de objetos ¡Para que no se nos olvide nada!

¿Te atreves a realizar este curso?

1. Ejecutar JavaScript por primera vez

¡Bienvenido a esta primera clase del curso de JavaScript! Si has llegado hasta aquí es porque estás decidido a aprender a programar JavaScript, así que te doy mi enhorabuena por esa decisión.

Pero ¿Qué podemos ver en una primera clase?

Pues bien, antes que nada ¡No te preocupes! En esta primera clase empezaremos creando una pequeña base sólida y resolviendo todas las dudas que puedas tener entorno a este lenguaje de programación. Veremos porqué existe JavaScript, su historia y lo más importante «cómo se ejecuta y porqué se ejecuta como se ejecuta».

En esta primera clase también veremos cómo podemos ejecutar nuestra primera línea de código ¡Un alert! Es decir, una ventana emergente que nos indique un «Hola mundo».

No obstante, veremos que esto (que se enseña en todos los cursos) no es profesional, así que acto seguido aprenderemos cómo hacer las pruebas de una forma profesional ¡Con la consola de JS que tienen todos los navegadores!

Así que ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=bWbBMepZs5s

¡Ya está la primera clase realizada! Ha sido fácil ¿No?

Perfecto, ya tenemos la base para empezar fuerte en la siguiente clase, así que ¡Vamos a por ella!

2. Variables en JavaScript

En esta segunda clase del curso de JavaScript analizaremos una de las cosas más importante de los lenguajes de programación ¡Las variables!

Para ello haremos una comparación con las variables de PHP, por lo que si ya has visto el curso de PHP o conocer algún otro lenguaje de programación ¡Te será mucho más fácil! Sino, no te preocupes, por que es algo realmente fácil de comprender.

Para entender qué son las variables tenemos que pensar en las matemáticas ¿Recuerdas cuando había que encontrar el valor de x? ¡Pues x era una variable!

Es decir, una variable no es más que un elemento que tiene un valor y que dicho valor puede variar, tiene sentido ¿No? Por ejemplo, podemos tener la variable «contador» que primero vale 1, luego, 2, etc.

No obstante, en este curso queremos ser profesionales, así que no usaremos los conocidos «alerts» para hacer las pruebas, sino que nos tendremos que acostumbrar a utilizar la consola del navegador, por ello veremos también el objeto console con el método log, ya veréis que es súper fácil de utilizar.

Lógicamente, no veremos únicamente qué son las variables en javascript, también veremos ¡Los tipos de variables! Es decir, veremos cómo se crea un String (cadena de texto), un número entero, un número con coma, un binario, etc.

¡Veamos la clase!

Video: https://www.youtube.com/watch?v=7Cc_XfQgEUU

¡Perfecto! Ahora que ya hemos visto esta clase, ya hemos visto, no sólo qué son y cómo se crean las variables, sino también cómo podemos concatenar variables (juntar) y cómo podemos realizar operaciones matemáticas.

Súper fácil todo ¿Verdad?

3. If condicional en JavaScript

En esta tercera clase del curso de JavaScript veremos cómo podemos ejecutar un código dependiendo una condición, por ejemplo «ejecuta este código si el usuario está registrado», de hecho, los condicionales (if) son la base de la programación en cualquier lenguaje de programación.

No obstante, si entendemos cómo funcionan ¡Es extremadamente fácil programarlos!

Podríamos indicar que todo esto está basado en la tabla de la verdad y en las puertas lógicas de los circuitos integrados (que sería verdad), pero podemos definirlo en saber cuáles son las condicionales que podemos usar, que son las mismas que en la vida real:

• Si esta variable es igual a…
• Si esta variable es diferente a…
• Si esta variable es mayor que…
• Si esta variable es mayor o igual que…
• Si esta variable es menor que..
• Etc.

Como vemos, no parece nada difícil de comprender y es que si entendemos la base, veremos que es extremadamente fácil utilizar los condicionales.

También analizaremos que podemos ejecutar dos códigos dependiendo la condición, es decir, podremos decirle a JavaScript «ejecútame este código si esta condición es cierta y sino, ejecútame este otro código».

Con toda esta explicación, veamos la clase para ponerle forma al código:

Video: https://www.youtube.com/watch?v=nvYKv8d32V8

¡Genial! Ahora que hemos visto la clase, hemos comprendido perfectamente el funcionamiento del if/else y lo que es más importante, hemos comprendido «el potencial que realmente tiene».

Además de las condiciones normales, en esta clase también hemos visto cómo podemos hacer condiciones más complejas, con el AND y el OR, por ejemplo:

• Ejecuta este código si estás dos condiciones son ciertas
• Ejecuta este código si alguna de estas dos condiciones son ciertas.

Gracias a esta clase y a las siguientes, ya conseguiremos una buena base para empezar a crear nuestros primeros programas basados en JavaScript.

4. Switch en JavaScript

En la clase anterior hemos visto cómo podemos realizar que un código se ejecuta o no basado en una condición (el if), no obstante ¿Qué pasa si tenemos que hacer muchos Ifs? ¿Existe alguna forma más ordenada de hacerlo?

Pues bien, aquí es donde aparece el switch, que tenemos que entender la palabra como si fuera un enrutador (sé que la traducción no es la correcta), es decir, la función switch recibe un valor y dependiendo cual sea el valor, ejecuta un código, u otro, u otro, u otro… Sin límites.

La idea es que dentro de switch hay una muchos «case», que sería en plan «En el caso de que el valor sea este, ejecuta esto», así podríamos tener una especie de muchos Ifs en una sola funciona y mucho más ordenado.

Como explicarlo en un artículo es un poquito complicado ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=NwPtI0SjRaQ

¡Perfecto! Ahora que ya hemos visto la clase, podemos comprender mucho mejor a qué me refería con lo de reducir muchos IFs a una sola función.

También hemos visto que es necesario utilizar el break; para indicar que ha terminado «un caso» y así que salga del switch y pueda seguir ejecutándose el programa.

5. Creando funciones en JavaScript

En esta quinta clase del curso de javascript empezaremos a ver algo un poco más difícil y es que aprenderemos a crear nuestras propias funciones en Javascript.

Aunque veremos cómo podemos crearlas desde cero, también haremos algunas comparaciones con otros lenguajes de programación (PHP) para entender que hay algunas diferencias (sutiles) a la hora de crear las funciones.

Una de esas diferencias es el prefijo «var» que debemos de poner a las variables dentro de las funciones, ya que si no los ponemos serían variables globales y si lo ponemos se volverán «locales», es decir, que se eliminarán al terminar la función (como debe de ser).

Pero antes que nada ¿Qué son las funciones?

Podemos definir las funciones como un trozo de código encapsulado en una palabra (nombre de la función) y que cuando escribimos dicha palabra ¡Se ejecuta el código!

La gracia está en que podemos ejecutar ese código (escribiendo la palabra) tantas veces como queramos, pero no termina ahí la cosa.

Además, de todo esto, las funciones tienen una cosa llamada «argumentos», los argumentos es lo que realmente hace que una función sea inteligente o no, ya que permite que ejecute un código con un resultado diferente cada vez que le indicamos unos argumentos.

Por ejemplo, podemos crear una función llamada sumar, y le podemos pasar dos números (argumentos) y que nos muestre el resultado final, en esta ocasión, el resultado será inteligente y será diferente (siempre que cambiemos los números). Interesante ¿Verdad?

¡Veamos la clase para comprender todo mejor!

Video: https://www.youtube.com/watch?v=BX4VOTOUNUI

¡Genial! Gracias a esta clase, ya hemos visto cómo podemos crear funciones con argumentos y lo potente que son a la hora de programar.

7. Array en JavaScript

En esta séptima clase del curso de JavaScript analizaremos una de las cosas que quizás más cambian comparándolo con otros lenguajes de programación como PHP ¡Los Arrays!

Si nunca has visto ningún lenguaje de programación y te preguntas ¿Qué son los arrays? Lo entenderás rapidamente.

Tienes que ver un array como una variable/elemento que contiene muchas otras variables/elementos. Lo sé, lo sé, parece un poco complicado así, pero piensa en el siguiente ejemplo:

Imagínate que tienes un listado de nombres de alumnos ¿Cómo los ordenas? ¿En una variable para cada uno? ¡No! Es mucho más fácil crear una variable de tipo array y pasarle todos los datos a ese array. Además de ser más ordenado, es más eficiente.

En esta clase veremos que existen tres formas de crear un array, una de ellas más eficiente (por la memoria RAM).

También veremos, que podemos recuperar los elementos de los arrays (uno por uno) de una forma muy sencilla.

¡Veamos la clase para entender todo esto mucho mejor!

• 3 formas diferentes de crear un array
• Unas más eficientes que otras (por ram)
• Recuperar elementos
• Añadir elementos
• Eliminar objetos: no es fácil y se queda ranura vacia

Video: https://www.youtube.com/watch?v=3QMpWIk3ot0

¡Genial! Ahora que hemos visto la clase, hemos podido aprender qué son los arrays, cómo funcionan, como crearlos, cómo sacar elementos sueltos, además de ¡Añadir nuevos elementos!

8. Bucles en JavaScript

Una vez hemos visto qué son los arrays (en la clase anterior), nos queda ver una de las partes más importantes ¿¡Cómo podemos recorrerlos!?

Pero antes que nada, nos tenemos que poner en situación, imagínate que tienes un array que es una lista de alumnos, perfecto, pero ¿Qué vas hacer con ella? ¿Mostrarla? ¿Cómo?

En la mayoría de las ocasiones, cuando tenemos un array, tenemos que acabar procesando cada uno de sus elementos, para mostrarlos por pantalla o hacer cualquier otra cosa, pero ¿Cómo accedemos a cada uno de ellos? ¡Pues con los bucles!

En esta clase analizaremos dos clases de bucles (todos de tipo for).

El primero es el típico que se encuentra en todos los lenguajes de programación que es un bucle formado por tres partes, considero (personalmente) que este tipo es muy importante, ya que es exactamente igual en todos los lenguajes de programación del mundo.

El segundo (y quizás tercero) son una expresión reducida del primero que nos servirá par acceder al índice o al valor del array directamente.

Pero ¡Veamos la clase para comprenderlo mejor!

Video: https://www.youtube.com/watch?v=OvkvSVO_OG0

¡Genial! Ahora ya sabemos cómo podemos recorrer un array de una forma fácil y sencilla en Javascript.

9. Objetos en JavaScript

Antes que nada ¡Felicidades! Si has llegado hasta esta clase, es que estás preparado para ver una de las cosas más complicadas (que no tanto) de este curso ¡Los objetos en JavaScript!

Antes que nada ¿Qué es un objeto?

Pues realmente depende, ya que JavaScript es un lenguaje de programación orientado totalmente a objetos, lo que quiere decir, que absolutamente todo es un objeto (las variables, las funciones, etc).

Es por ello que he dividido en tres vídeos diferentes los objetos, y en esta ocasión veríamos lo que yo llamo «los objetos simples», es decir, un objeto sin prototipado, ni molde (class) ni nada, simplemente, algo realmente fácil de crear.

Pero antes…

Arrays asociativos en JavaScript

Si vienes de otro lenguaje de programación (como PHP), te habrás dado cuenta que en JavaScript no existen los arrays asociativos, es decir, dentro de un array, no puedes cambiar «el índice» numérico a palabras, para asociar, por ejemplo «nombre» a «Luis» y «apellido» a «Peris».

Pues bien, esto que en JavaScript no se puede, si se puede, por ejemplo en PHP, pero ¿Por qué? ¡Muy simple!

PHP es un lenguaje de programación que no es orientado a objetos, de hecho se introdujeron los objetos en las últimas versiones, no desde el comienzo, por ello, la única forma de hacerlo fue permitiendo que los arrays pudieran ser asociativos.

No obstante, JavaScript tiene una forma igual de rápida y eficiente ¡Los objetos! Así pues, en esta clase, analizaremos cómo podemos utilizar los objetos como arrays asociativos.

Pero no sólo eso, sino también, veremos que podemos crear un mini-programita inteligente (objeto), añadiéndole funciones.

Lo sé, lo sé, puede ser un poco complicado todo, así que ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=Tua1afcFCJU

Como hemos visto, los objetos es una de las cosas más potentes que tiene la programación ¡Y justo acabamos de empezar a verlos!

Pero desde ya podemos crear mini-programitas inteligentes y guardarlo en una variable (objeto) y utilizarlo cuando lo necesitemos, de una forma ordenada.

10. Prototipado de objetos en JavaScript

En la clase anterior hemos visto una introducción a los objetos en JavaScript, vimos que podíamos utilizar los objetos para crear mini-programitas inteligentes, no obstante, tenían un problema.

Normalmente los lenguajes de programación orientado a objetos tienen una cosa llamadas «clases», por decirlo de alguna forma, las clases son como un molde. Por poner un ejemplo, piensa en un coche, podemos decir que el coche es «un objeto», si sólo quisieramos crear un coche podríamos hacerlo directamente (como vimos la clase anterior), pero ¿Qué pasaría si quisiéramos crear muchos coches?

En este caso, sería mucho más eficiente, no crear el coche (objeto), sino crear el molde (clase) del coche y así podríamos crear tantos coches (objetos) como quisiéramos fácilmente.

Pues bien, mientras en la clase anterior únicamente vimos cómo crear objetos, en esta clase aprenderemos a utilizar una de las dos formas principales que existen para crear estos moldes.

¡Veamos la clase!

Video: https://www.youtube.com/watch?v=_Wd_xMIRO2M

¡Perfecto! Ahora que hemos visto esta clase hemos visto que podemos crear clases con una cosa llamada «prototipado» que en definitiva sería crear una mini-clase e irle añadiendo opciones.

Realmente esta forma para crear clases es un poco «vieja» (pero necesaria conocerla) y actualmente se utilizada otra mucho más fácil, pero esta ¡La veremos en la próxima clase!

11. Creando moldes (class) para objetos en JavaScript

En la clase anterior vimos que podíamos utilizar el prototipado de objetos en JavaScript para generar moldes para los objetos, pero sin duda era una forma un poco «tosca» de crear los moldes. Por ello, en Diciembre del 2015 se lanzó en las especificaciones ECMAScript una forma mucho más fácil de trabajar con los moldes ¡El famoso class!

Pero demos un paso atrás:

¿Qué es un molde (class) en JavaScript?

Como vimos la clase anterior, tenemos que pensar en el mundo real, por ejemplo ¿Cómo podemos crear un espada?

Una forma sería hacerlo manualmente si queremos únicamente una espada (para nosotros mismos), no obstante, tendríamos otra forma sería crear un molde (class) con el que pudiéramos crear tantas espadas (objetos) como quisiéramos ¿Se entiende, no?

Para entenderlo mejor, pensemos en un videojuego de coches, ciertamente podemos crear 10.000 coches uno a uno, pero es mucho mejor crear la clase (molde) de 5 diferentes y luego con código crear 500 coches (objetos) de cada uno de los moldes.

Pues bien, ahora que ya entendemos mejor que son los moldes y los objetos ¡Vamos a ver cómo podemos programarlos!

Objetos en JavaScript y objetos en PHP

Una de las ventajas de la nueva forma que veremos en esta clases es que es exactamente igual que otros lenguajes de programación, por ejemplo PHP.

Se instancia con la palabra class, tiene también un constructor, se le definen los métodos, etc ¡Todo igual!

Aunque si que es cierto que tiene algunas diferencias comparándolas con PHP o Java, por ejemplo, que no tenemos que poner la palabra «function» o que la definición de los atributos debemos de hacerlo en el constructor.

Así pues, sepas otros lenguajes de programación o no ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=V1POo-NHdYw

Ahora que ya hemos visto esta última clase, ya podemos decir que tenemos una base de qué es JavaScript ¡Y cómo funciona!

No importa realmente si eres un programador senior en otro lenguaje y quieres aprender a programar en PHP o estás iniciándote en el mundo de la programación y ya has pasado por el curso de PHP Básico y deseas aprender el mundo de los objetos en PHP.

¿Qué aprenderás en este curso de PHP con Objetos?

• Lo primero ¡Aprenderemos qué son los objetos!
• Aprenderemos a crear objetos desde cero (diferentes)
• Aprenderemos a crear objetos con herencias
• Aprenderemos qué son y cómo usar los constructores y destructores
• También veremos el ámbito de las variables
• Por último veremos las herencias en objetos

¿Y qué me quedará por aprender?

• ¡Practicar creando tus propias aplicaciones!

Así que ya está todo dicho ¡Ahora sólo queda practicar!

13. ¿Qué son los objetos en PHP?

En el curso de PHP básico hemos visto un montón de cosas, desde variables hasta la gestión de cookies, pasando por la utilización y creación de funciones, entonces ¿Qué nos queda por ver? ¿Qué son los objetos en PHP?

Objetos en PHP

Antes que nada hay que dejar algo claro, sobretodo para las personas que vienen de otros lenguajes de programación: PHP no es un lenguaje de programación orientado a objetos.

Entonces, si no es un lenguaje de programación ¿Cómo es que vamos a ver los objetos?

Pues bien, esto es únicamente, porque desde la versión 5 de PHP (actualmente vamos por 7, no existiendo la 6), se introdujeron los objetos. Es decir: PHP es un lenguaje de programación que no está orientado a objetos (no es la base), pero que sí que soporta objetos.

Dicho esto, nos queda por responder una pregunta.

PHP: ¿Qué son los objetos?

Podemos definir los objetos como mini programitas independientes e inteligentes dentro de PHP. Realmente la programación orientada a objetos es lo que se conoce como un paradigma , una nueva forma de pensar las cosas y de programar.

Se podría decir que al programar con objetos programas «por partes», es decir, primero programas un bloque «el objeto login», luego programas otro «el objeto mensajes», luego otro «el objeto usuarios», hasta que los acabas juntando y obtienes una red social totalmente creada por ti.

Si te estás preguntando si es difícil programar con objetos, mi respuesta (como profesor de programación que soy) es la siguiente:

Una vez comprendes los objetos es más fácil y rápido programar con objetos que sin ellos, no obstante, cuesta mucho entrenar a nuestra mente para que pase de una programación sin objetos a una con objetos.

Así que, para entender mejor de lo que estoy hablando ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=8hyIIth2ry4

Como podemos observar, la teoría de los objetos en PHP es realmente sencilla ¿A qué sí?

Pues bien, ahora es el turno de pasar de la teoría a la prácticas, así que, piensa un proyecto ¡Y adelante!

14: Objetos en PHP: Constructores y Destructores

En la clase anterior hemos visto por primera vez los objetos en PHP, hemos visto qué son las clases y cómo podemos instanciarlos, y está genial, no obstante ¡Eso sólo era el principio de los objetos!

Los objetos son mucho, pero mucho más potente de lo que vimos la clase anterior, así que en esta ocasión vamos a ver los constructores y destructores en la programación orientada a objetos en PHP.

Así que ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=dg7jxhxnCMU

Constructores y destructores en los objetos de PHP

Como acabamos de ver en esta clase, los constructores y destructores no son más que métodos (funciones) que se ejecutan solas en un momento dado.

En el caso de los constructores se ejecutan siempre que instanciamos un objeto (es decir, cuando usamos el new…) y no puede servir para mil cosas, para empezar, para preparar el objeto, declaración de variables, etc. Pero también, le podemos pasar datos mediante argumentos al propio constructor, así que se puede crear un objeto totalmente personalizado ¡Súper potente! ¿No?

Por otra parte tenemos los destructores, en esta ocasión, no se ejecutan cuando se crean los objetos, sino al revés, cuando se destruyen los objetos. ¡Pero ojo! Un objeto se puede destruir por dos razones, la primera es porque lo borramos con alguna función tipo unset(), no obstante, también se destruyen cuando el programa termina.

Es decir, sí o sí, el destructor se ejecutará, ya sea porque hemos eliminado el objeto nosotros o porque la ejecución de PHP ha terminado y se ejecuta en ese momento.

En este caso, el destructor se suele usar para liberar memoria RAM borrando variables u otros objetos, incluso cerrando conexiones a ficheros o a bases de datos.

Así pues, podemos decir, que aunque los constructores y destructores no son algo «vitales», sí que es cierto que nos ayudan a programar mejor.

15. Objetos en PHP: Ámbito de variables

Seguimos profundizando en los objetos en PHP y en esta ocasión llegamos hasta los ámbitos de las variables en PHP, en esta clase analizaremos qué son, cómo programamos y lo más importante: Para qué podemos utilizarlos.

Y es que los ámbitos de variable es algo muy importante cuando queremos hacer una programación más estable y segura. Pero ¿Qué son?

Para explicar qué son, tenemos que recordad que a las variables/atributos de los objetos podemos acceder, crearlas y modificarlas desde fuera del objeto ¿Verdad?

Pues bien, según muchos puristas, esto sería algo que nunca debería de poderse hacer, por ello, los ámbitos de variables indican a qué atributos/métodos podremos acceder desde fuera del objeto ¡Así de simple!

Veamos en esta clase cómo podemos hacerlo:

Video: https://www.youtube.com/watch?v=LXBL4xVPaSI

Como acabamos de ver, es extremadamente fácil declarar el ámbito de los atributos y de los métodos en los objetos ¿A que sí?

¡Nos vemos en la próxima clase!

16. Objetos en PHP: Herencias

Ya hemos visto un montón de cosas relacionadas con los objetos, y realmente, con la primera clase de objetos cubriríamos el 99% de nuestro trabajo, no obstante ¡Estamos aquí para aprender y ser profesionales ¿No? Pues una de las cosas que nos queda por ver ¡Son las herencias en los objetos en PHP!

Antes de explicar qué es la herencia en PHP, quiero hacerte una pregunta, imagínate que la NASA tiene que programar dos robots, uno para la Luna y otro para Marte, estos robots serán diferentes (por el clima, etc.), no obstante compartirán el 80% del código ¿Cómo lo podrían programar?

Bien es cierto que podrían programar uno y luego copiar el código y reprogramar el otro ¡Pero esto estaría mal!

Una de las formas que se podría hacer es crear un objeto llamado «robot» en que programaremos todas las funciones y todos los atributos que se encuentren en ambos robots y después, simplemente crearemos dos objetos nuevos, uno por ejemplo «robot_luna» al que le diremos va a heredar todo el código de «robot» y luego otro llamado «robot_marte» que le diremos lo mismo ¡Así de fácil!

Gracias a esto, si mejoramos el código del objeto principal (robot), se mejorará en todas partes sin afectar al código, potente ¿Verdad?

¡Veamos la clase a ver cómo lo podemos programar:

Video: https://www.youtube.com/watch?v=BTJbHq7apfk

¡Genial! Como acabamos de ver, la herencia en los objetos es facilísima, realmente, lo que más nos puede costar es «comprender» cómo trabajar con objetos, no obstante, una vez entendido, es muy fácil trabajar con herencias.

Esto es algo que podremos utilizar en nuestro día a día, cuando trabajemos con librerías de terceros (por ejemplo, para generar un PDF, etc.).

Como digo siempre, de la teoría a la práctica hay mucho camino, te toca aplicar los conocimientos aprendidos en este curso creando tu propio programa ¡Adelante!

Pero ¿Qué aprenderemos en este curso de CSS?

Para empezar, lo primero que aprenderemos será a entender bien qué es realmente CSS (os adelanto que no es ni un lenguaje de programación ni de estructuras), una vez entendamos qué es (correctamente), podremos entender muchas más cosas, como su alcance.

Pero esto es solamente la parte teórica, en la parte práctica nos meteremos de lleno en CSS, veremos cómo lo podemos ejecutar (de diferentes formas),

Además veremos tanto los selectores (que nos permiten seleccionar algo de la web), como los propios atributos, que nos permitirán cambiar el tamaño, color, fondo, altura, etc.

En definitiva, este curso intenta ser un curso transversal pensando para que podamos tener una fuerte base de CSS para empezar ya mismo con el desarrollo web.

Por otra parte, tendremos una clase únicamente dedicada a la documentación ¡Es importante saber buscar! ¡Al igual que saber encontrar!

Esperamos que te guste este curso.

1. ¿Qué es CSS? ¿Cómo usarlo?

Antes que nada, permíteme que te dé la bienvenida a esta primera clase del curso de CSS, estoy seguro que lo disfrutarás.

Como en todas las primeras clases, la primera parte de la clase la dedicaremos a la teoría (prometo hacerlo divertido), pero ¡Esto es sólo la primera parte!

Una vez pasaremos la teoría y conozcamos qué es realmente CSS (un lenguaje de diseño/estilos), pasaremos a la práctica, para ello veremos hasta tres formas diferentes de ejecutar código CSS.

Como veremos en la clase, tenemos que entender que alguna de las formas que veremos de ejecutar CSS, aunque se permite, no siguen las buenas prácticas. En este curso, intentaremos ver, tanto las buenas prácticas, como las malas (y la razón por las cuales son malas).

Gracias a esto, cuando os encontréis con un código CSS en internet, podréis entender porqué lo están haciendo de esa forma y si es una buena práctica o una mala.

¡Veamos la clase para comprenderlo todo mucho mejor!

Video: https://www.youtube.com/watch?v=ukrh08rbFsY

Perfecto, ahora que hemos visto la clase, podemos seguir a la segunda clase, donde aprenderemos a utilizar selectores.

2. Selectores en CSS

Bienvenido a esta segunda clase del curso de CSS.

Como ya sabemos por la clase anterior, CSS es un lenguaje de estilos o diseño, lo que quiere decir que simplemente le tenemos que decir qué queremos modificar y cómo lo queremos modificar.

Pues bien, en esta segunda clase aprenderemos a realizar esa primera parte, es decir “seleccionar qué queremos modificar”, parece poco, pero los selectores ¡Son la mitad de CSS!

Para ello tendremos que aprender que existen diferentes clases de selectores, veremos que existen los básicos que son los de etiqueta, los de clase y los de ID que nos van a servir para el 99% de nuestro código.

No obstante veremos los avanzados, para todos los alumnos que quieran un código más limpio y realizar algunas acciones un poco más avanzadas (como seleccionar todas las etiquetas que cumplan unos requerimientos).

Video: https://www.youtube.com/watch?v=QcbP2-6xj7w

Como hemos podido ver en esta clase, los selectores son realmente sencillos, no obstante nos permiten hacer virguerías si los entendemos bien.

Ahora que ya hemos visto la clase, podemos dar por finalizada la parte de los selectores y sólo nos quedaría ¡Dar color a nuestra web!

Para ello os espero en la tercera clase donde analizaremos cómo podemos modificar textos con CSS.

3. Modificando textos en CSS

Gracias a la clase anterior de este curso de CSS, ya conocemos los selectores, por lo que nos toca ponernos manos a la obra para ir conociendo todas las opciones que nos da CSS.

En esta ocasión empezaremos aprendiendo los principales atributos que tiene CSS a la hora de modificar texto, ya sea un título (H1), un párrafo (p) o cualquier otro tipo de texto.

Como veremos más adelante en el vídeo podemos realizar casi cualquier modificación, desde el tipo de letra (también llamada fuente), hasta añadirle negrita o cursiva o incluso modificar el color.

Sobre la modificación del color, haremos una pausa y veremos que existen diferentes formas de especificar un color, algunas opciones son poco recomendadas y otras son mucho más avanzadas (cuando añadimos el canal alpha), no obstante, veremos que existen dos que son muy sencillas.

¡Veamos la clase!

Video: https://www.youtube.com/watch?v=rGW0KDUlPxM

Perfecto, ahora que ya hemos visto la clase, podemos entender perfectamente dos cosas.

Para empezar el funcionamiento completo de CSS (tanto los selectores que vimos la clase anterior como los atributos) y por otra, algo fundamental y es el registro hexadecimal para seleccionar los colores.

Así pues, en la próxima clase analizaremos cómo podemos montar estructuras flexibles con CSS3.

4. Flex

Bienvenido a esta cuarta clase del curso de CSS. En esta clase aprenderemos una de las cosas que personalmente me parecen más alucinantes de CSS3 ¡Flex!

Cuando digo que Flex es una de las cosas más alucinantes de Flex no lo digo por decir, como aprenderemos en la clase, la historia de Flex se remonta un par de décadas atrás, cuando no existían los teléfonos móviles (y mucho menos inteligentes) ni las tablets.

En aquella época (años 90 y algo del 2000), para crear la estructura de las páginas webs se utilizaban tablas con filas y columnas, al fin y al cabo, todas las pantallas tenían más o menos las mismas medidas, por lo que se podía controlar bastante bien.

No obstante, con la aparición de los smartphones, todas las webs hasta el momento no funcionaron ya que las pantallas de los móviles eran pequeñas, por lo que en esos años (2000) se tuvo que crear dos webs, una para móviles y otra para ordenadores.

Con el tiempo se vio que eso no podía ser y se utilizó una tecnología llamada “float” que permitía hacer las webs responsives. ¿Problema? ¡Es horrible utilizarla! ¡No estaba pensando para eso! ¡A la mínima se descuadraba todo!

Por ello, con el tiempo (no hace mucho) apareció Flex ¡La solución para desarrollar webs responsive! Es nativo y es fácil de utilizar, así que ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=kxKOX3wcHok

¡Perfecto! Ahora que ya hemos visto la clase ya sabemos lo fácil que es hacer la estructura de páginas webs ¡Nos vemos en la siguiente clase!

5. Documentación de CSS

Bienvenido a esta quinta clase del curso de CSS.

Esta clase será muy especial ya que no nos centraremos tanto en el código de CSS sino que aprenderemos a solventar los problemas que nos vayan saliendo buscando información.

Video: https://www.youtube.com/watch?v=EZQCj-MiK-0

En este curso de HTML no sólo aprenderás toda la base para poder desarrollar páginas webs, sino que también conocerá la historia y las tecnologías necesarias para desarrollar dichas webs.

Por ejemplo, aprenderemos «qué es realmente HTML» y que las webs no es más que un conjunto de «lenguajes» (de estilos, de etiquetas) que juntos, forman lo que vemos.

También aprenderemos a estructurar el código y a entender cómo los navegadores procesan nuestro código ¡Importantísimo!

Lógicamente, tampoco nos olvidaremos de los buscadores y de las redes sociales y es que hoy en día, tenemos que programar pensando en que nuestra web «se compartirá» y cuando esto suceda ¿Qué pasará? ¿Cómo se verá por ejemplo en Facebook? ¿Cómo podemos controlar qué aparece en la previsualización?

Todo esto y mucho más lo aprenderás en este curso de HTML. Además, si no fuera suficiente, esto no es más que el comienzo… y es que, en esta web encontrarás diferentes cursos para aprender todas las partes de la web, desde el frontend, hasta el backend.

1. Conociendo HTML

¡Enhorabuena por llegar a esta primera clase del curso de HTML! Estamos seguros de que disfrutarás el curso y lo que es más importante, aprenderás mucho.

Antes de ponernos a desarrollar nada, en esta clase aprenderemos la historia de HTML y es que, si no comprendemos sus inicios y su pasado, nos será del todo imposible comprender cómo está desarrollado y el «porqué de las cosas».

Una vez hayamos visto la historia, aprenderemos qué forma tiene HTML, y dónde se ejecuta. Es decir, veremos todas las aplicaciones que necesitamos tener instaladas para realizar esta clase (tranquilo, veréis que con un navegador es suficiente).

Por supuesto, también os recomendaré en esta primera clase un buen editor de código, para que os sea muchísimo más fácil programar.

Por último, una vez lo tengamos todo listo, veremos cómo ejecutar nuestro primer HTML en el navegador.

Para comprender todo mucho mejor ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=gXZyN4qRPE4

¡Perfecto! Ahora que hemos visto la clase, ya comprendemos mucho mejor qué es todo esto del HTML, ahora toca aprender ¡Nos vemos en la próxima clase!

2. La estructura HTML

¡Bienvenido/a a esta segunda clase del curso de HTML!

Tras la primera clase que era más introductoria, en esta segunda clase analizaremos cuál es la estructura que debe de tener nuestras páginas webs.

Y es que, aunque podamos hacer las webs de la forma que más nos guste (en cuanto a colores, posiciones, estructuras), hay una «estructura mínima» del código que debemos de respetar.

Y no se trata de nada «visual», sino, que nos permitirá dividir nuestro código en dos partes.

Por una parte (el) nos permitirá indicarle toda la información «transparente», es decir, datos que no se mostrarán en la web, por ejemplo el título de la web, la codificación, la descripción para los motores de búsquedas, etc.

Aunque mucha gente cree que esta parte no es importante, es casi tan importante como la web visual en si, ya que, como explicaremos en la clase, desde hace unos años (HTML5), se usa esta información para poder compartir nuestras webs en las redes sociales, en buscadores, e incluso en la previsualización del whatsapp.

Por otra parte, tenemos la estructura () donde incorporaremos todo nuestro código visual, las imágenes, textos, etiquetas de estructura de la web, etc.

Como «en texto», todo esto puede parecer un poco abstracto, veamos la clase para comprenderlo mejor.

Video: https://www.youtube.com/watch?v=fZFpMnitROM

Ahora que hemos visto la clase ¿A que no es nada complicado? ¡Pues vamos a por la tercera clase de HTML!

3. Etiquetas para dar formato al texto

¡Bienvenido a esta tercera clase del curso de HTML!

En las clases anteriores hemos aprendido “cómo funciona HTML” y “cómo es la estructura de HTML”, no obstante, todavía no hemos visto casi ninguna etiqueta ¡Hasta ahora!

En esta tercera clase veremos las principales etiquetas que tendremos que conocer para poder dar formato al texto de nuestra web.

Esto quiere decir, que aprenderemos a realizar encabezados (títulos), párrafos, negritas, inclinar la letra (italic), e incluso subrayado.

Pero no sólo eso, también veremos cómo podemos hacer listas de diferentes tipos gracias a un conjunto de etiquetas.

Veamos la clase para aprender todo esto:

Video: https://www.youtube.com/watch?v=6emlaPO3J6w

¡Perfecto! Ahora ya sabemos cómo podemos dar formato al texto de nuestra web.

Pero ¿Qué pasa si deseamos añadir una imagen? ¿O un vídeo? Pues esto lo veremos en la próxima clase ¡Te esperamos!

4. Media: Imágenes, vídeos y audios

Antes que nada ¡Bienvenido a esta cuarta clase del curso de HTML!

Hasta ahora hemos estado viendo un montón de cosas, entre ellas, cómo crear la estructura de HTML y cómo poder «formatear» los textos (dentro de las limitaciones que tenemos al no usar, por ahora, CSS).

No obstante ¿Cómo podemos poner imágenes? ¿O vídeos? ¿Y una canción?

Pues bien, en esta cuarta clase lo analizaremos, no sin antes comprender que aunque las imágenes son «originales del HTML», los vídeos y los audios no lo son y aparecieron en el HTML5.

Por ello, le dedicaremos unos minutos a explicar cómo se hacía y que hacks se utilizaban antes de la aparición de HTML5 para poder reproducir vídeos (como en youtube por ejemplo).

Gracias a esto, podremos aprender cómo se debe de hacer actualmente y no confundirnos con las guías que podamos encontrar por Internet.

¡Veamos la clase!

Video: https://www.youtube.com/watch?v=UpyM9j1zm1A

Como hemos podido observar, añadir una imagen, un vídeo o un audio es realmente sencillo. Sólo tenemos que saber dónde está el fichero ¡Y listo!

5. Tablas en HTML

¡Bienvenido a esta quinta clase!

En esta clase analizaremos una de las etiquetas que más se usó en el pasado y que actualmente inspira amor y odio ¡Las tablas!

Durante esta clase aprenderemos, que durante casi una década, esta etiqueta se usó para crear las estructuras de la web (de hecho, veremos un ejemplo), no obstante, tras la llegada de los smartphones y las tablets, no se pudo utilizar más estas etiquetas, como explicaremos en el vídeo.

Es por ello, que en la actualidad las tablas se utilizan, sobretodo para mostrar datos (filas/columnas), por ejemplo, extractos bancarios, lista de usuarios, etc. Es decir, datos, que sí o sí, se tienen que mostrar en filas y columnas.

Para crear una tabla necesitaremos como mínimo 3 etiquetas, así que… ¡Veamos la clase para aprender a crearlas!

Video: https://www.youtube.com/watch?v=lC2zAQkkh-8

Como hemos podido observar, crear una tabla es extremadamente sencillo, una vez aprenderemos a utilizar las etiquetas correctamente.

Ahora que ya sabemos crear tablas, tenemos que recordar que hay que usarlas de una forma inteligente, no podemos crear webs basadas en tablas.

6. Formularios en HTML

¿Alguna vez te has preguntado cómo funcionan los formularios en las webs? ¿Son imágenes o unas etiquetas mágicas? Pues bien, en esta sexta clase del curso de HTML desvelaremos parte del misterio.

Digo que desvelaremos «parte» del misterio, porque sólo tocaremos la parte que corresponde a HTML, la parte de procesamiento de datos, la veremos con un lenguaje de programación (PHP) en el curso de PHP básico de esta misma web.

Con esta clase, para que quede claro, haremos ¡Que se vea un formulario! Es decir, que podamos rellenarlo, tocarlo y mandar los datos.

De hecho, en esta ocasión, además de las nuevas etiquetas que aprenderemos, veremos que también existe una cosa llamada «atributos» que tendremos que utilizar, para cambiarle el funcionamiento a nuestro formulario. Muy interesante y nada complicado.

¡Veamos la clase!

Video: https://www.youtube.com/watch?v=Af2f_GV2-lo

¡Súper bien! Ahora que ya hemos visto esta clase hemos podido comprender mucho mejor cómo funcionan los formularios, además hemos aprendido que no son nada complicados desarrollarlos.

No obstante, aunque estamos aprendiendo mucho durante estas clases, se nos queda un poco «soso» ya que no tenemos diseño ¿No?

Bueno, por eso mismo, en la próxima clase, introduciremos algo de CSS ¡Vamos a ella!

7. FLEX con DIVs y CSS

Bienvenido a esta séptima clase del curso de HTML.

Durante todo este curso hemos ido aprendiendo las etiquetas más importantes de HTML, no obstante, nos han faltado dos cosas:
Estructurar la web
Hacer una web bonita

Pues bien, en esta clase aprenderemos a estructurar la web y hacerla bonito. Para ello, utilizaremos CSS y una tecnología de CSS3 llamada “flex”.

¡Veamos el vídeo!

Video: https://www.youtube.com/watch?v=2ptJBqjvOsQ

¡Perfecto! Tras ver este vídeo, ya podemos empezar a organizar y estructurar nuestra web de una forma fácil y cómoda.

Gracias a estas 7 clases ya tenemos una “base” para empezar a desarrollar nuestras webs, ahora sin duda sólo nos quedará realizar el curso de CSS para darle vida a nuestras webs ¡Nos vemos en el curso de CSS!

Sinceramente espero que en este curso de 10 lecciones puedas obtener unas buenas bases para poder iniciarte en PHP, no obstante, estoy seguro que dirás ¿¡10 lecciones!? ¿Se puede aprender algo con eso?

Pues te respondo «sí y no», la programación se puede dividir de muchas formas, en este curso aprenderemos la base de PHP, pero ¡Tenemos más cursos (todos gratuitos)!

Referentes a PHP, después de este curso podrás hacer el de PHP con Objeto, luego, el de PHP con base de datos, etc. Así que no te preocupes, son 10 clases el básico pero tenemos muchas más.

¿Qué aprenderás en este curso?

• Obtendrás una muy buena base de PHP
• Aprenderás los principales tipos de variables y a utilizarlos
• Aprenderás las funciones estructurales
  • if, for, while, etc.
• Aprenderás a crear tus propias funciones
• Aprenderás «buenas prácticas» de la programación

¿Qué no aprenderás en este curso?

• ¡Objetos! Esto lo aprenderás en el curso de PHP con objetos
• ¡Práctica! Nosotros te enseñamos las bases, pero te toca practicar

Dicho esto ¡Empecemos con el curso!

2. Variables en PHP ¿Qué son?

Si que es cierto que la programación la podemos complicar tanto como queramos, podemos hablar de algoritmos de aprendizaje profundo o de cosas muy avanzadas, pero todos los lenguajes de programación trabajan con datos para su funcionamiento, ahí es donde entran en juego ¡Las variables!

Tenemos que ver las variables en php como una palabra (escrita por nosotros) que guarda un valor ¡Pero ojo! Ese valor puede cambiar y puede ser eliminado ¡Por eso se llaman variables y no constantes (que existen)!

Realmente las variables no vienen de la programación, sino como toda la programación, de las matemáticas ¿Recuerdas cuando tenías que calcular el valor de x? ¡Pues x era una variable! ¡Cada vez podía valer una cosa!

En el siguiente vídeo veremos cómo podemos definir variables en PHP y cómo trabajar con ellas, también veremos los diferentes tipos de variables que existen en PHP ¡Vamos a ver la clase!

Video: https://www.youtube.com/watch?v=rgltQ1x73AA

¡Perfecto! Ahora que hemos visto la clase y hemos aprendido cómo crear variables en PHP hemos aprendido dos cosas:

Tipos de variables en PHP

Cuando estamos aprendiendo un lenguaje de programación, podemos entender que existen las variables, ya que es la única forma de poder acceder de una forma eficiente a un dato (que previamente hemos recuperado o guardado).

No obstante, pocos piensan que las variables ¡Puede ser de diferente tipo! Y ojo, cada tipo sirve para una cosa, veamos los 4 tipos de variables principales:

1. String: Son las variables que principalmente nos sirven para guardar texto (cadenas de texto).
2. Intenger (int): Son las variables de tipo entero, es decir número sin decimales.
3. Float: Son las variables numéricas con decimales (geniales para precios, etc.)
4. Boolean (binario): Son un tipo de variable que sólo puede tener dos datos «true» o «false». Son geniales para condicionales.

¡Ojo! Hay que decir que existen otro tipo de variables (todo depende cómo se mire), pero estas son las que se usan en el 99% del tiempo. El resto de variables «más especiales» las iremos viendo poco a poco.

Concatenar variables en PHP

Otra de las cosas que hemos visto es cómo concatenar variables en PHP, es decir, si tenemos dos variables, una llamada «$nombre» y otra llamada «$apellido», hemos visto cómo debemos de unirlas para que nos muestre el nombre completo.

Como podemos observar las variables es una parte muy importante de la programación y el entenderlas bien es algo fundamental para convertirnos en buenos programadores.

3. Operaciones aritméticas en PHP

Una vez hemos aprendido cómo crear y usar las variables en PHP (en la clase anterior), nos toca hacernos una pregunta ¿Podemos hacer operaciones aritméticas/matemáticas con ellas?

Es decir ¿Podemos sumar/restar/multiplicar/dividir variables?

Pues bien, en esta clase veremos que sí, aunque «dependiendo», por ejemplo, es importante el tipo de variable, lógicamente no podemos multiplicar dos strings (cadenas de texto), aunque dentro contenga «10 €», ya que al ser un string (por contener el símbolo del Euro), hará que de error.

Veamos la clase donde veremos la forma correcta de hacer operaciones aritméticas en PHP:

Video: https://www.youtube.com/watch?v=uq7rWySc7nI

Ahora que ya hemos visto la clase, comprendemos mejor que las mismas fórmulas que hacíamos en matemáticas las podemos trasladar al mundo de la programación y que las mismas reglas que usábamos (paréntesis para dar prioridad) sirven perfectamente en PHP.

También hemos aprendido que en los lenguajes de programación existe un operador para conseguir el resto de una división ¡Y esto es importantísimo! Ya que esto se usa muchísimo en la programación para saber si un número es para o impar, y así, por ejemplo, pintar las líneas par de un color y las impar de otro.

4. Condicional IF en PHP

¿Alguna vez has pensado cómo funciona un programa? Si lo has hecho y quizás sabes algo de electrónica, habrás llegado a la conclusión de que los lenguajes de programación están llenos de condicionales ¿No?

Es decir «si presiono aquí… se ejecuta esto» o por ejemplo «si mi user/password es correcto me dejará acceder», pues bueno ¡Esta parte es literal!

Es tan literal que los condicionales se llaman if (el «si…» condicional en inglés) y esta es una la base de la programación y una de las pocas funciones estructurales (funciones mínimas para crear cualquier programa), tal es así que esta función existe en todos los lenguajes de programación genéricos del mundo.

Para entenderlo bien (ahora veremos la clase dónde seguro lo entendéis), tenemos que pensar que los programas «no son magia» y que tarde o temprano lo que programemos se convertirá en electrones recorriendo un circuito eléctrico (procesador, etc.).

Pues bien, en los circuitos hay una cosa llamada «puertas lógicas» que dependiendo unas «condiciones» deja pasar la corriente o no. Pues bien, esto con la programación ¡Es facilísimo! ¡Veamos cómo se hace con la siguiente clase!

Video: https://www.youtube.com/watch?v=dsct0AXsuO8

¡Genial! Veamos lo que hemos aprendido.

Condicional IF en PHP

Como hemos podido ver en la clase, los condicionales IF son súper potentes, muchos programadores se quedan en la superficie y hacen If simples, no obstante, si queremos ser programadores seniors tenemos que comprenderlos bien y empezar a jugar con todo el potencial que nos da.

Otra cosa que hemos aprendido es la referencia que hacía anteriormente a las puertas lógicas, hemos visto los AND y OR y cómo los podíamos usar para hacer un if mucho más potente.

En resumen podríamos decir que el IF, es una de las funciones estructurales de PHP que más vamos a utilizar en nuestro día a día como programadores.

5. Arrays en PHP

A medida que nos vamos haciendo programadores necesitamos procesar más y más datos y por ello, necesitamos encontrar una forma de ordenarlos, ahí es dónde entrar los arrays en PHP (también mal-llamados arreglos).

Pero para comprender qué son y por qué los necesitamos, tenemos que poner un ejemplo para entenderlo mejor. Imaginad que estáis desarrollando un programada para gestionar los alumnos de una clase, y necesitáis comprobar si todos los alumnos están en la clase ¿Cómo lo programaríamos? ¿Crearíamos tantas variables con el nombre del niño (de tipo string) como niños exista? ¿Y si luego se apunta un niño?

La solución es crear una sola variable en PHP, pero de tipo array y que dentro de esta variable ¡Estén todas las variables que necesitemos!

Es decir, podríamos decir que un array es una forma de ordenaras valores y poder trabajar con ellas mucho mejor.

¡Veamos esta clase para ver cómo podemos trabajar con ellas!

Video: https://www.youtube.com/watch?v=zz59EBaVLHA

¡Genial! Ahora que hemos comprendido que es muy fácil trabajar con arrays, debemos de recordar lo siguiente.

Arrays en PHP

Para empezar hemos visto que crear los arrays es extremadamente fácil, tal es así que existen dos formas, una con la función array() y otra, la más moderna y que muchos otros lenguajes de programación utilizan que es simplemente con los corchetes [].

También hemos visto, que por decirlo de alguna forma, los strings no son más que arrays pero de caracteres, pero ojo ¡Podemos trabajar como si fueran arrays! ¡Súper interesante!

En definitiva los arrays son variable que actúan como una «caja» donde podemos meter (de forma ordenada siempre) datos, pero ojo, luego podemos acceder a esos datos de forma individualizada, modificarlos, eliminarlos, etc.

Pero al trabajar con los arrays en PHP nos surge una duda ¿Cómo podemos recorrerlos? ¿Cómo podemos mostrar todos los datos que hay dentro de una forma ordenada?

Pues bien, justo esto lo veremos en la próxima clase.

6. Bucles for y foreach en PHP

Alguna vez te has preguntado ¿Cómo ejecutamos algo x veces en PHP?

Por ejemplo, imagínate que queremos mostrar cien veces por pantalla una palabra ¿Cómo lo podríamos hacer? Cierto es que si son pocas veces lo podríamos hacer a mano, copiando y pegando un echo, pero ¿Y si son miles de veces? ¿O qué pasa si queremos recorrer todo un array?

Pues bien, en esta clase analizaremos los dos bucles que más vamos a utilizar en nuestro día a día.

El bucle for en PHP

El bucle for es una de las funciones estructurales más viejas de la programación, está en prácticamente todos los lenguajes de programación y además tiene la misma estructura en todos.

En resumen tiene tres apartados, en el primero nos permite declarar una variable, en el segundo se ejecuta una condición, que en el caso de que se cierto, se ejecutará el código, el tercer apartado, se ejecuta ‘cada vez’ que el for llega al final, una vez al final se vuelve a ejecutar la condición.

Veamos la clase para entenderlo mejor:

Video: https://www.youtube.com/watch?v=7MbWqlq-3zg

Bucle foreach en PHP: Cómo recorrer un array

Por otra parte, tenemos el bucle foreach, que también se encuentra en la mayoría de los lenguajes de programación (pero cambia un poco más), en esta ocasión tenemos un bucle, como hemos visto en la clase que nos sirve para recorrer un array.

Por ejemplo, si tenemos un array con todos los alumnos de un colegio, gracias a este bucle podremos «recorrer este array», gracias a ello, lo que conseguiremos, será hacer que «se ejecute un código específico» por cada alumno.

Los bucles nos dotan de un gran poder, es normal si todavía no los comprendes o no sabes qué hacer con ellos, la programación, es una disciplina que requiere de mucho tiempo para comprenderla perfectamente.

Por último, en la clase hemos visto una pequeña introducción a los arrays asociativos, un tipo de array al que le cambiamos el índice (recordemos que era número y empieza por 0), por palabras, algo que nos permite ordenar los arrays como queramos.

7. Switch en PHP

Si ya has empezado a programar, seguramente te habrás dado cuenta que muchas veces tienes que usar varios if encadenados o con muchos if else, algo que en principio está bien… si no conoces la función estructural switch en PHP.

Para ser justos es una función muy simple y hay algunas personas que piensan que está en desuso, pero ojo, que sea simple no quiere decir que no haya que usarla, ya que nos va a permitir ordenar el código y hacerlo más visible.

En resumen, la función switch en php nos va a permitir hacer una especie de If encadenados, es decir, va a recibir un valor (normalmente numérico o string) y le vamos a indicar en cada caso (case) que tiene que hacer con ese dato.

Comprendo que esto puede parecer un poco complicado, así que veamos la clase para comprender cómo usarlo.

Video: https://www.youtube.com/watch?v=YHGxE5dO958

Switch en PHP

Como hemos podido observar, es realmente interesante el uso de switch y realmente se recomienda usarlo.

No obstante, si que es cierto que creo que se podría haber programado mejor, ya que la función es un clon de la que existe en el lenguaje de programación C (del que viene PHP), el problema seguramente y donde la gente comete más errores, es que si se te olvida poner un break; sigue ejecutándose el resto de casos.

Pero bueno, quitando ese pequeño detalle ¡Ya hemos aprendido una nueva función estructural!

8. Funciones nativas de PHP

¿Alguna vez te has preguntado cuál es el potencial de PHP? ¿Por qué programar PHP y no otros lenguajes? Pues bien, una de las ventajas de PHP son sus funciones nativas.

Para entenderlo bien, hay que comprender que PHP es un lenguaje bastante controvertido entre los programadores, ya que muchos no lo consideran un lenguaje «de verdad», por dos razones:

1. Es uno de los lenguaje de programación con mayor tolerancia a errores. Es decir, que si hacemos algo mal puede que se nos siga ejecutando el código (todo lo contrario de lo que hacen otros lenguajes).
2. Es uno de los lenguajes de programación con más funciones nativas, lo que facilita la vida del programador.

Funciones nativas en PHP

Yo (Luis Peris) diferencio entre funciones estructurales, que son las mínimas para crear un programa (if, for, foreach…) con las funciones nativas.

Estas últimas simplemente son funciones que nos hacen la vida a los programadores más fáciles, pero ¿Qué son?

Se podría definir que las funciones nativas en PHP son: Un conjunto de funciones que ya vienen programadas en el lenguaje de programación y que las podemos usar cuando queramos y cómo queramos.

Por ejemplo, tenemos una función para remplazar texto, otra para sacar números aleatorios, otra función para pasar todas las palabras a mayúsculas, otra para contar cuantos elementos tiene un array, etc.

Veamos la clase donde aprenderemos las principales que usaremos en nuestro día a día:

Video: https://www.youtube.com/watch?v=Gt9I_eh9TDU

¡Perfecto!

Ahora que ya hemos visto la clase comprenderemos mucho mejor qué son las funciones nativas y lo que es mucho más importante: Cómo podemos utilizarlas.

9. Creando Funciones en PHP: Primera parte

En la clase anterior hemos visto cómo podemos utilizar las funciones nativas de PHP, pero ¿Cómo podemos crear nuestras propias funciones en PHP?

Pues bien, esto será justo lo que veremos en esta clase (y la siguiente).

Creando Funciones en PHP

Antes que nada, debemos de recordar qué son las funciones. Las funciones las podemos definir como trozos de código (scripts) encapsuladas entre unos corchetes y con un nombre (nombre de la función). Una vez definida la función podemos «llamarla» tantas veces como queramos, para que se ejecute el código.

Además, hay una cosa llamada «argumentos», que se los pasamos a la función para que sean un poco más «inteligentes».

Las ventajas están claras, ordenamos muchísimo el código y además lo reutilizamos, es decir, no tenemos que ir haciendo copia/pegar cuando necesitamos algo.

Veamos la clase para comprender mejor las ventajas y ver cómo podemos crear nuestras propias funciones:

Video: https://www.youtube.com/watch?v=JkYU4e_mTiM

¡Perfecto! Ahora que ya hemos visto la clase, comprendemos mejor cómo crear las funciones y para qué sirven.

No obstante ¡Esto no termina aquí! En la próxima clase analizaremos cómo podemos complicar todo esto un poquito más.

10. Creando Funciones en PHP: Segunda parte

En la clase anterior ya hemos visto cómo podíamos crear funciones y cómo le podíamos pasar argumentos a esas funciones ¿No? Pues bien, en esta clase nos vamos a complicar mucho más la vida y vamos a ver una de las partes más complicadas de las funciones.

Pero ojo: El 90% de los programadores PHP no conocen lo que vamos a ver y el 99% lo utiliza.

Lo que quiere decir, que aunque es algo interesante saberlo y lo vemos porque me gustaría que aprendierais cuanto más mejor, no es algo que se suela utilizar en el día a día.

Con todo esto me estoy refiriendo a cómo pasar los argumentos referenciados (en c, punteros).

Realmente no es nada difícil si le prestamos atención, así que ¡Veamos la clase!

Video: https://www.youtube.com/watch?v=jOnlajRmvbc

Ahora que ya hemos visto la clase, queda claro que aunque es algo más avanzado no es tan complicado.

Hasta aquí llega PHP

Esta es la décima clase y hasta aquí realmente llega la base de PHP, es decir, variables, funciones estructurales, como crear funciones ¿Qué más queréis aprender antes de ver los objetos?

Pues bien, no os preocupéis porque podemos ver muchas más cosas ¡Y las veremos!

Pero ahora os toca practicar, empezar a escribir código, repasar otros códigos e ir aprendiendo.

11. Formularios en PHP: GET y POST

Si estás aprendiendo PHP te habrás dado cuenta que «te falta por aprender algo» ¿Cómo podemos mandar información de una página a otra? ¿Cómo recogemos los datos de los formularios web con PHP?

Pues si todavía tienes esas dudas ¡No te preocupes! En esta clase aprenderemos todo lo necesario para poder trabajar con formularios en nuestras webs y poder recoger los datos con PHP, para trabajar con ellos ¡Genial! ¿No?

Antes de continuar, veamos la clase:

Video: https://www.youtube.com/watch?v=jOBZaxYWXvU

Formularios en PHP

Ahora que ya hemos visto la clase, ya podemos entender mejor cómo funcionan los formularios en php. Por otra parte tenemos los campos input (que ya deberíamos de conocerlos por el HMTL) y el tag <form>.

En dicha etiqueta tenemos que configurar dos cosas, el «action» y el «method», con el primero le indicamos «dónde queremos mandar la información (una URL)», con el segundo le decimos qué método de envío queremos utilizar el GET o el POST.

Recordemos que el método de envío GET se realiza mediante la URL, mientras que el método POST es transparente. Ninguno es mejor ni peor, son diferentes, por una parte, el GET se usa para generar URLs nuevas (como en los buscadores) ya que permite copiar y enviar la URL y al ejecutarla de nuevo aparecerá siempre lo mismo.

Por otra parte, gracias al POST podemos mandar datos «privados», además de asegurarnos de que no se manda varias veces el formulario (porque le haya dado a refrescar la página y se ejecute la URL).

12. Cookies en PHP

¿Alguna vez te has preguntado cómo puede saber Facebook que estamos ‘logueados’? ¿Cómo sabe cuando tiene que pedirnos el usuario y contraseña y cuando no? Pues bien, todas las plataformas funcionan igual, ya que el propio protocolo HTTP/s sólo nos permite hacerlo de una forma ¡Con las cookies! Así pues, en esta clase veremos cómo trabajar con cookies en PHP.

Antes de continuar hay que dejar clara dos cosas:

Las cookies no son de PHP

Lo primero que tenemos que tener muy claro es que las cookies no pertenecen al lenguaje de programación PHP. Sí es cierto que PHP nos permite trabajar con cookies, pero no les pertenece.

Entonces ¿De dónde salen las cookies? Y si no es de PHP… ¿A quién pertenecen?

Pues bien, realmente es muy sencillo, las cookies pertenecen al protocolo HTTP, y simplemente el servidor (funcione con PHP, con Java o con cualquier otro lenguaje de programación), manda trocitos de información (llamado cookies) al cliente (navegador) y se quedan en el navegador.

Más tarde, el navegador, por cada petición que realiza manda esta información al servidor (que de nuevo, la procesará en lenguaje de programación que utilice).

Dicho esto sólo queda decir una cosa antes de ver la clase.

Es muy fácil trabajar con Cookies en PHP

Puede que con la explicación anterior parezca que es muy difícil, pero tenéis que tener claro una cosa: Las cookies con PHP es una de las cosas más fáciles que existen. Así que no os preocupéis ¡Y vamos a ver la clase!

Video: https://www.youtube.com/watch?v=haMUpP-zJ3A

¡Perfecto!

Como acabamos de ver, trabajar con cookies en PHP es realmente sencillo ¿Verdad?

Pues ya está ¡Hasta aquí el curso básico de PHP! ¿Ahora qué os queda? Pensar una plataforma a realizar ¡Y crearla!

Recordad que después de este curso tenéis el de PHP con objetos ¡Nos vemos allí!

Pues bien, en esta guía intentaré solventar todas vuestras dudas.

¿Qué es minificar un fichero CSS?

Antes que nada, empecemos por el principio ¿Qué es minificar un fichero CSS?

Pues bueno, la respuesta «oficial» podría ser algo así como «minificar es la técnica por la cuál un fichero CSS o JavaScript se comprimen lo máximo posible sin perder funcionalidades».

Pero bueno, esto puede ser algo complejo ¿Comprimir? ¿En zip? Para que no haya dudas, os voy a incluir mi definición «de pueblo», que no es tan bonita, pero se entiende mejor: «Minificar, es reducir el tamaño de un fichero, eliminando todos los espacios, saltos de línea, tabulaciones y comentarios, creando un fichero (en la mayoría de casos) de una sola línea».

Ajá, es decir, sigue teniendo extensión «.css», lo que pasa es que se elimina todo lo que introducimos los humanos pero los ordenadores no necesitan, por ejemplo, los comentarios, las tabulaciones, algunos espacios y los saltos de línea (enter), nada de esto lo necesita el navegador para procesar CSS, simplemente lo ponemos porque somos humanos y necesitamos hacerlo de una forma ordenada 🙂

Ahora bien ¿Qué ventajas tiene minificar CSS? ¡Vamos a verlas!

Ventajas de minificar CSS

Muchos piensan que la principal ventaja es que se reduce el tamaño del fichero (sobre un 20%), pero aunque esto es totalmente cierto, no es ni de lejos la principal ventaja, veamos cuales son.

Minificar CSS para mejorar el posicionamiento (SEO)

Sin duda, hay muchas personas que no le importa que el fichero ocupe unos kbs de más o que sea unas milésimas de segundos la web un poco más lenta, sin duda, para muchos, lo más importante ¡Es el SEO, que la gente conozca la web!

Pues bien, incluso el propio Google no sólo recomienda minificar los ficheros CSS, sino que además deja bien claro que es algo que tiene en cuenta a la hora de posicionar la página web.

Lógicamente no es lo más importante, no nos engañemos, pero es algo que ayudará a que tu página web esté un poquito mejor posicionada.

Carga de la web más rápida

Otro punto a tener en cuenta, ya no a nivel de SEO, sino de la experiencia del usuario es la velocidad de carga de la página web.

Pues bien, como es lógico, cuanto menos ocupa el CSS, más rápido se transferirá y más rápida será la página web, mejorando así la experiencia del usuario.

Seguridad ante robos

Una de las razones por las que recomiendo minificar es porque así harás que robar tu código CSS (o JavaScript) sea más complicado.

Ya que, sí, podrá descargarlo, no obstante luego al abirlo, ya no estarán los comentarios (indicando como está organizado), además de que será ilegible para humanos, ya le tendrás que forzar a que haga un minificado inverso.

¿Cómo minificar ficheros CSS?

Bueno, ya estamos convencidos de que hay que minificar los ficheros CSS, no obstante, ahora nos encontramos con un problema ¿Como podemos minificarlos?

Pues bien, no hay de que preocuparse, hay muchisimas formas de hacerlo, incluso google tiene su propia herramienta.

¡Veamos las principales opciones!

Minificar CSS online

Una de las opciones más rápidas (aunque quizás menos profesionales) es hacerlo desde cualquier página web que de esta opción. Por ejemplo la web cssminifier es genial para esto.

Simplemente, copias el código CSS en la columna de la izquierda de la web ¡Y listo! Te aparecerá el código minificado en la parte de la derecha.

Personalmente no me gusta esta opción ya que si luego cambias algo en el CSS general, tendrás que volver a la página web, introducir el código otra vez. Para para cosas rápidas, está genial.

Configurar hosting/CDN para minificar CSS

Otra opción pasaría por configurar el hosting donde tengamos alojada la web para que cada vez que detecte una petición CSS, le mande una versión del fichero CSS minificado (ojo, no todos los hostings tienen esta opción).

También, si eres un usuario avanzado y has configurado un CDN (como un servidor que está entre el cliente y el servidor), muchas veces, empresas como cloudflare tienen la opción de servir a los visitantes de tu web los ficheros minificados (sin cambiar los del servidor).

Minificar CSS profesionalmente con un programa

Sin duda, una de mis opciones preferida para minificar ficheros es utilizar algún programa para windows/Mac, como por ejemplo, Koala.

Gracias a estos programas no sólo puedo minificar, sino que además detecta cuando has actualizado el CSS original y te crea/actualiza un fichero minificado. Así podrás probar tu fichero normal y luego simplemente añadir a tu web el fichero minificado.

Además de todo esto, te permite muchas más opciones, como por ejemplo juntar todos los ficheros CSS en uno sólo minificado.

Igualmente, recordad que en el curso de SASS aprenderemos a utilizar el Koala de forma profesional.

Pues bien, en este artículo voy a intentar arrojar luz sobre este asunto, basándonos en datos puramente objetivos (económicos, velocidad, potencia, funciones, etc.), eso sí, desde ya os digo que desconfíes de cualquier persona que diga tener la verdad absoluta, ya que todo dependerá de lo que necesites, ya que un Ferrari puede ser un coche muy potente, pero quizás no nos haga falta tanta potencia o directamente no la vamos a poder pagar.

Es decir, todo dependerá de las circunstancias, pero bueno ¡Veamos las ventajas y desventajas de cada opción!

Programar bajo WordPress

Muchas personas piensan que WordPress sólo sirve para hacer página web y blogs o como mucho, tiendas online con algún plugin tipo woocomerce.

Pero la verdad es que con WordPress puedes hacer casi cualquier cosa, de hecho, existen redes sociales con millones de usuarios registrados que están basadas en WordPress, así como plataformas de alquiler de coches, empresas inmobiliarias, etc.

Tenemos que ver WordPress como si fuera la base de un programa en el que podemos hacer dos cosas:

1. Instalar plugins
2. Crear nuestros propios plugins

Una de las ventajas de usar WordPress para un proyecto es que existen miles de plugins (como mini-módulos), por lo que podemos instalar WordPress (la base) y luego ir creando nuestra plataforma con esos módulos (pagos con paypal, formularios, newsletter…)

Pero claro, si es una plataforma muy personalizada, es posible que no existan ciertos plugins, en ese caso, sólo tendremos que crear esos módulos específicos, pero nos habremos ahorrado el 90% del trabajo (gestión de usuarios, pasarela de pagos, etc.).

Pero para verlo todo en perspectiva, veamos las ventajas y desventajas.

Ventajas de programar bajo WordPress

1. Desarrollo mucho más rápido
2. Al poder instalar plugins con un click, puedes tener una plataforma más potente (más opciones).
3. Más fácil de implementar actualizaciones o mejoras a tu proyecto.
4. WordPress es como un estándar, por lo que podrá programar sobre él, otro programador que no conoce el código.
5. Mucho, pero mucho más barato, en algunas ocasiones, puede ser hasta 10 veces más barato, el mismo proyecto bajo WordPress que desde cero.

Desventajas de programar bajo WordPress

1. Antes que nada, la seguridad, tienes que actualizar semanalmente.
2. Más lento que una programación desde cero.
3. Soporta menos usuarios simultáneos que un desarrollo desde cero, por lo que puede empezar a dar problemas si superas el millón de visitas al mes.

Programar desde cero

Bien, tenemos claro las ventajas y desventajas de programar una plataforma bajo WordPress, pero ¿Qué pasa si lo hacemos desde cero?

Pues bueno, como es lógico, al hacerlo desde cero tendremos que programar absolutamente todo, incluida la base de datos, el sistema de registros, logins, seguridad, validaciones, etc.

Lógicamente podemos usar algún “framework” como por ejemplo CodeIgniter que nos permita programar más rápido (una especie de mini-wordpress sin base de datos), pero tenemos que ser conscientes de que no será igual que programar bajo WordPress.

Ojo, no es peor, es simplemente diferente, con unas ventajas y unas desventajas, veamos cuales son.

Ventajas de programar desde cero

1. Tendremos un control total sobre el proyecto.
2. Tendremos un rendimiento muy superior, lo que nos permitirá soportar más visitas en el mismo servidor (nos saldrá más barato los servidores).
3. La web/plataforma se cargará más rápida.
4. La seguridad será mayor, ya que no nos podrán atacar con las vulnerabilidades de WordPress.
5. La plataforma puede ser más escalable (importante si el proyecto crece).

Desventajas de programar desde cero

1. Desarrollo mucho más lento.
2. Se tarda más en programar, lo que significa un aumento considerable del precio final (hasta 10 veces el precio de hacerlo con WordPress).
3. Cada mejora hay que programarla (no sirven plugins de WordPress).

Programar bajo WordPress o desde cero

Como podemos observar, todo dependerá finalmente de las características de nuestro proyecto, si realmente lo podemos hacer con WordPress o necesitamos sí o sí hacerlo desde cero.

No obstante, cada vez más startups lanzan su plataforma basada en WordPress y cuando consiguen millones de peticiones al mes, ya miran si les interesa o no cambiarse a una programación desde cero.

Tenemos que tener en cuenta, que WordPress puede soportar millones de peticiones al mes sin problema, por lo que no es de extrañar que cuando empiece a ser un problema, la empresa esté facturando más de 100.000€/mes gracias a la plataforma, por lo que pueden permitirse entonces cambiar de plataforma.

Podcast Consultor IT

Puesto que es un tema muy interesante y en este artículo sólo hemos tocado la superficie, he realizado un podcast muy interesante donde entro más en detalle.

De hecho, CSS ha evolucionado muchísimo, sobretodo para tener sólo 20 años de edad (que es relativamente poco), pero la verdad es que al ser un lenguaje de estilos y no un lenguaje de programación, cuando hacemos proyectos más o menos grandes, se nos puede quedar pequeño.

Por ello, en este artículo vamos a ver CSS como lenguaje de programación.

Problemas que tiene CSS

Como comentaba en la introducción, CSS está genial como lenguaje de estilos, podemos hacer realmente virguerías, incluso tenemos las media-queries para que, dependiendo si se visualiza en un móvil o en un ordenador, se apliquen diferentes estilos.

Lo que sucede es que esto está perfecto cuando tenemos un CSS con 200 líneas de código, pero si tenemos más de 1000, empieza a complicarse la cosa ¿No? ¿Cómo podemos ordenar el código?

Pues bueno, ahora imagínate grandes plataformas como Amazon, eBay, Facebook, hablamos de cientos de miles de líneas de código CSS ¡Tenemos que ordenarlo de alguna forma!

Y no sólo es que CSS no permite ordenar de una forma “potente” el código, sino que además ¡No tenemos variables! Y esto es muy importante.

Imagínate por un segundo que Facebook, que tiene un color azul, por estudios que realiza, se da cuenta que si pone un azul un poco más oscuro, la gente se siente más cómoda y se queda más tiempo en la web (puro marketing). ¿Qué tendría que hacer? ¿Revisar 250.000 líneas de código y cambiarlos todo? ¡Mejor sería tener una variable con el color hexadecimal y simplemente cambiar ese valor y que se cambie en todas partes!

Justo, para todo esto, tenemos SASS ¡Veamos qué es!

SASS: CSS como lenguaje de programación

Para los que no sepan lo que es SASS, empezaré diciendo que es una especie de CSS dopado. Es como si juntáramos todo CSS y un poco de los lenguajes de programación.

Es importante que entendamos algo, los navegadores no pueden ejecutar SASS, sólo pueden ejecutar CSS.

Por lo que, tendremos que diseñar nuestra web con SASS y luego, con alguno de los muchos programas que existen, nos «traducirá» SASS a CSS, y ya, ese fichero es el que podemos utilizar en el navegador.

Así que ¡Veamos que podemos hacer realmente con SASS!

Las ventajas de utilizar SASS

Sin duda, utilizar SASS tiene muchísimas ventajas, pero para no hacer un artículo, kilométrico, veamos las principales y las que yo utilizo con mayor frecuencia:

Variables en CSS

Sin duda, una de las ventajas por la que cada vez más empresas utilizan SASS en vez de CSS, es por la posibilidad de utilizar variables ¡Imagínate el poder!

Puedes declarar todas las variables que quieras (colores, tipo de letra, etc.) y luego utilizarlas en el código, en el momento que quieras, así, si algún día quieres cambiar el tipo de letra o el color, no tendrás que revisar miles de líneas, sino, simplemente cambiar ese valor.

Veamos un ejemplo:

$font-stack: Helvetica, sans-serif $primary-color: #333

body

font: 100% $font-stack color: $primary-color

Tenemos que pensar que esas variables las podremos utilizar siempre que queramos, no una sola vez ¿Os dais cuenta del potencial?

Estructura anidada

Una de las cosas que más rabia me da CSS es que no siga el patrón de las herencias como en HTML, es decir, en HTML, si quiero un <h1> dentro de un <div> simplemente tendría que meterlo dentro, por ejemplo:

<div class=»inicio»>

Soy un título

</div>

No obstante, en CSS, como ya sabemos, no podemos meter selectores dentro de selectores, si no que tendríamos que hacer lo siguiente

.inicio{

background: red;

}

.inicio h1{

color: blue;

}

Pues bien, con SASS ¡Eso se acabó! Podemos hacerlo de la siguiente forma

.inicio

background: red

h1

color: blue

Aunque es un poco incómodo que no tenga los corchetes como delimitadores { }, sin duda es mucho más potente, ya que nos permite agrupar un contenido de forma muy sencilla.

Recordemos que cuando hacemos una página web importante y con muchas páginas/secciones, si no anidamos todo correctamente, se nos ejecutará código CSS donde no queremos ¡Gracias a SASS nos ahorramos este problema!

Importar ficheros

Otra gran ventaja que incorpora SASS es que nos permite juntar varios ficheros en uno solo.

Es decir, es posible que para ordenar todo el código, hayamos creado diferentes ficheros (para diferentes páginas de nuestra web), pues bien, gracias a SASS, podemos hacer, que una vez esté todo el código listo, se genere un único fichero CSS con todo el código de todos los ficheros.

Gracias a esto te ahorrarás que al visitar tu web la gente haga diferente peticiones a diferente ficheros CSS, es decir, conseguirás que tu web, vaya un poco más rápida.

SCSS: Otro formato para utilizar SASS

SASS está genial, de verdad, está muy bien, pero a mucha gente (yo incluido) hay algo que nos chirriaba y no nos gustaba y es que no respetara la sintaxis de CSS, es decir, no soportara las llaves { }, ni el punto y coma tan característico ;

Así que lo que hicieron des, fue crear dentro de SASS, una nueva estructura de código llamada SCSS (Súper CSS), que aunque parezca difícil de entender, lo podemos resumir en que podemos usar la sintaxis de CSS para SASS.

Por ejemplo, este código SASS:

.inicio

background: red

h1

color: blue

Pasaría a ser el siguiente en SCSS:

.inicio{

background: red;

h1{

color: blue;

}

}

Y al compilarlo en CSS quedaría así:

.inicio{ background: red; } .inicio h1{ color: blue; }

¿Increíble verdad?

Resumen y curso

Como podemos ver, SASS/SCSS es muy potente, y crea un antes y un después a la hora de diseñar páginas web con CSS, por ello mismo, por si deseas aprender a utilizarlo he publicado un curso donde podrás aprender todo lo que hemos visto en este artículo y muchísimas cosas más.

Conseguir videotutorial SASS/SCSS

No obstante, esta semana analizaré mi experiencia, contratando y usando Google Cloud para bases de datos MySQL.

¿Qué es Google Cloud?

Antes que nada, para quién no lo sepa, Google Cloud es la solución de cloud computing que Google ofrece a empresas.

Aunque Google es una gran empresa y sus servicios tienen la calidad de estar gestionados por Google, realmente dicha solución no es tan conocida como Microsoft Azure o el famoso Amazon Web Service.

Entre todas las soluciones que se enmarcan dentro de Google Cloud, hay una solución cloud que me interesaba tanto a mi, como a todos los que queríamos externalizar nuestra base de datos MySQL, así que le he dado una oportunidad y lo he estado probando.

Registro en Google Cloud

Lo primero que vemos nada más registrarnos, es que nos regalan $300 para gastar durante los siguientes 12 meses ¡Eso está genial!

De hecho, me chocó mucho, ya que Microsoft Azure ofrecía “$300 durante los siguientes 30 días, sin gastos ocultos”. Por lo que supuse que no era más que una estrategia de Marketing.

Pues bien, para poder acceder y probar el servicio, te pedía una tarjeta de débito/crédito «sólo para verificarte». De hecho, no es nada raro, ya que es una forma de controlar que no te registren 100 veces para así llevarte 100 veces los $300 en sus productos.

Así pues, una vez registrados en Google Cloud, ya podemos adquirir nuestros primeros servicios.

MySQL en Google Cloud

Google categoriza sus soluciones MySQL como «Primera Generación» (viejos, menos potentes) y «Segunda Generación», según ellos, más rápidos, potentes y baratos.

Pues bien, antes que nada, hay que indicar que Google parece no ofrecer bases de datos MySQL, sino que la única solución cloud que ofrece son servidores MySQL, es decir, pagas una cantidad al mes y puedes crear todas las bases de datos que quieras.

Así pues, me decidí a probar los servidores MySQL y aquí es donde empezaron los problemas.

Y es que el problema comienza cuando creas una instancia de Segunda Generación, ya que lo ponen todo muy bonito y si no despliegas las «opciones avanzadas», te estará creando una instancia MySQL de 50€/mes, con todos los complementos (que no son gratuitos), por lo que no sería raro que llegara a superar los 100€/mes, cuando en la home ofrecen sus bases de datos sobre 5€/mes.

El problema continua cuando seleccionas las opciones avanzadas, te salen desplegables con poca información y sin precios en ningún momento de lo que estás seleccionando.

Así, que para ver los precios, me iba a la home de Google Cloud e iba comparando lo que seleccionaba y el precio que tenía (en páginas separadas). Bien, pues al seleccionar los más barato, Google Cloud te indica «estos servidores son poco potente y están pensado para pruebas, por nuestra política, no puedes usarlos en producción».

Es decir, precios totalmente ocultos, servicios que no funcionan por ser «muy baratos» y una facturación que parece ser que hasta el mes siguiente no te aparece cuanto estás pagando.

Resumen y podcast

Este tipo de servicios (cloud computing), es conocido por no saber cuanto acabas pagando, es normal en este sector, el camuflar ciertos precios, pero sin duda, una empresa como Google, que no suelen ocultar nada, tiene mucho que mejorar de otras empresas como Microsoft Azure.

Igualmente, no todo es malo en Google Cloud, por ello, para poder indicar las ventajas y desventajas he grabado un Podcast donde me explayo más y entro más en materia:

Externalizar MySQL

Como he comentado en artículos anteriores, tengo varios proyectos creciendos y aunque el alojamiento en servidores o VPS no es un problema, si me ha preocupado mucho las bases de datos, ya que, los servidores no incorporan ningún sistema de backups y aunque te programes uno, el backup se guardará casi seguro en el mismo servidor donde está la base de datos, por lo que pierde “el sentido” y si el servidor se corrompe, lo pierdes todo.

Bien es cierto, que hay soluciones, como hacer backups en otros servidores, contratar alguna empresa que se encargue de ellos, etc.

Pero entonces surge otro problema, quizás el VPS o servidor sea suficiente potente para ejecutar PHP o Java sin problemas, pero quizás, si la base de datos es muy grande, se vuelva lenta ¿Vamos a cambiar el servidor sólo por la base de datos?

Aquí es donde entra la externalización y mis primeras pruebas con Microsoft Azure.

MySQL en Microsoft Azure

Para quien no lo sepa, Azure es la solución cloud computing de Microsoft para empresas, según dicen, el 80% de las 500 empresas más grandes del mundo, lo utilizan.

Pues bien, tienen un par de servicios referente a MySQL muy interesantes y que veremos ahora mismo.

Antes de continuar quiero indicar que si te registras por primera vez, te dan 300$ para probar durante el primer mes, sin gastos ocultos, y que no se te renovará automáticamente a “de pago”.

Esto es un punto positivo ya que mi principal temor por mi experiencia pasada con la Cloud es que te intentaban cobrar por todo lo oculto y sin que te des cuenta, esto pasa bastante con Amazon Web Service y Google Cloud (que ya lo veremos en otro artículo).

Pues bien, en Microsoft Azure hay dos servicios relacionados con MySQL que nos pueden interesar ¡Veámoslos!

Base de datos únicas MySQL en Azure

Las bases de datos únicas de Azure, es simplemente una base de datos, ya está, sólo una. Esto que parece algo “lógico”, no es así, ya que normalmente las empresas cloud ofrecen servidores MySQL (más caros), donde puedes crear todas las bases de datos que quieras.

Pero esta vez no, gracias a este tipo de bases de datos, podrás externalizar tu base de datos a Microsoft desde 3.50€ por 250Mb de espacio (recordemos que una base de datos de 100Mb es enorme, normalmente se usa menos de 30Mb para wordpress, por ejemplo).

Además, cuando necesitemos más potencia o espacio, con unos simples clicks podremos cambiar a una base de datos superior.

Lógicamente, tendremos backups automáticos de los últimos días fáciles de descargar.

Y si lo que quieres, es tener una base de dato en Azure, de forma gratuita ¡Estás de suerte! Azure te permite contratar por 0€, una base de datos de 20Mb.

Servidores MySQL en Azure

Aunque las bases de datos que acabamos de ver, están genial, quizás te interese más contratar un servidor MySQL de Azure para que tengas bases de datos ilimitadas. Ellos se ocupan de toda la gestión del servidor y tú, simplemente, tendrás que crear las bases de datos, usuarios, reglas de conexión, etc.

La principal ventaja está clara y es que podemos crear tantas bases de datos como queramos desde tan sólo 12€/mes el servidor.

Lógicamente, si necesitamos más espacio o potencial, siempre podremos hacer un upgrade con unos simples clicks.

Además tiene un panel de control enorme desde donde podrás realizar cientos de configuraciones que te permitirán controlar hasta el último parámetro.

No obstante, si tuviera que encontrarle alguna desventaje a este fantástico producto, sería que, aunque se realizan backups diarios de forma automática, no puedes restaurar o descargar una base de datos de hace unos días, sino que se genera otra instancia similar y tienes que acceder por phpmyadmin o cualquier otro programa a descargarla.

Es decir, en el tema del backup, al ser un servidor y no una base de datos, es (un poco) más engorroso.

Podcast

Sin duda, las bases de datos MySQL en Microsoft Azure, el potencial que tienen, las ventajas y desventajas, es un tema más que da para más de un artículo, por ello, he realizado un podcast donde entro más en materia.

Así pues, este artículo, está destinado a todos los programadores junior que ya están programando con objetos en PHP (aunque algunos consejos podrían servir para otros lenguajes).

¿Qué es la programación orientada a objetos en PHP?

Para poder ser buenos programadores, tenemos que hacer una cosa antes de tocar nada, y es, entender correctamente qué es la programación orientada a objetos en PHP.

Sí, sí, puede parecer una locura, pero… Que levante la mano quien sepa la diferencia entre la programación orientada a objetos y la programación funcional o que es un lenguaje de programación multiparadigma.

Para que nos hagamos una idea de que son los objetos, a mi me gusta decir que los objetos son mini-programitas inteligentes e independientes.

Ojo a la definición “inteligentes e independientes”. Esto es algo que deberemos de recordar, ya que sino, los objetos acaban siendo “tontos y dependientes”.

Programar correctamente con objetos en PHP

Sin duda hay decenas de consejos que podría dar para mejorar la programación con objetos en PHP, no obstante, en esta ocasión nos basaremos en los tres errores más comunes y que no respetan “mi definición” de “programas independientes e inteligentes”.

¡Vamos a verlos!

Los métodos/funciones en PHP siempre tienen que devolver algo

El primer error que me encuentro mucho (pero mucho), es que muchos programadores crean métodos en los objetos que no devuelven nada.

Esto es posible, porque quizás el método guarda algo en la base de datos y no se espera ningún resultado o simplemente porque utiliza un “echo”, pero esto, sea como sea, es un error. Los métodos y las funciones siempre deberían de devolver algo.

Si por ejemplo, guardamos algo en la base de datos, podríamos hacer que devolviera un “true” si todo ha ido correctamente o un “false” si ha ocurrido algún error.

Los métodos o funciones en PHP nunca deberían de mostrar nada

Otro error, relacionado con el primero, es que los métodos o funciones en PHP nunca deberían de mostrar nada, es decir, está terminantemente prohibido utilizar un “echo” o un “print” o cualquier otra función que muestre algo por pantalla.

¿La razón?

Pues que dejará de ser “independiente”, tenemos que ver los objetos como si fueran programas inteligentes e independientes, que podamos coger de un proyecto y llevarlo a otro, sin tocar nada de código.

Si le metemos un “echo”, entonces, si queremos usar ese método para mostrar otra cosa ya no nos dejará.

Entonces ¿Cómo lo debemos de hacer? Fácil ¡Con un return!

Nunca recoger datos POST/GET en un objeto en PHP

Otro error que cometemos mucho los programadores, es que recogemos los datos de tipo POST/GET (es decir, de formularios normalmente) dentro del objeto y esto es erróneo.

Pero ¿Por qué no debe de hacer? Vale, pongamos un ejemplo:

Si recogemos un formulario de tipo POST, deberíamos de saber cuál es el nombre de las variables, pongamos que son $_POST[“name”] y $_POST[“apellido”].

Perfecto, cuando lo programemos funcionará ¿Pero qué sucederá si modificamos la interfaz? ¿Y si nos llevamos el objeto a otro proyecto?

Tarde o temprano tendremos errores. Entonces ¿Qué opciones tengo?

Pues muy fácil, simplemente tendremos que pasar las variables como argumentos de la función ¡Así de fácil!

Repasemos conceptos

Como comprendo que un artículo puede ser mucho más complicado de entender que un vídeo, he grabado y subido un vídeo a youtube donde os explico con ejemplo estos tres errores y sus soluciones:

Estoy más que acostumbrado a estudiar programas/plataformas PHP desarrollado por otras personas, muchas veces (como en el caso de mis alumnos), personas que acaban de empezar en el mundo de la programación.

Y algo que desde el principio intento enseñarles, es a ordenar el código PHP, ojo, no sólo porque sea mejor para ellos, sino porque sino, el mismo código, se me hace extremadamente complicado de leer a mi mismo.

Así pues, en este artículo voy a intentar dar unos cuantos tips para tener un código mucho más ordenado, pero antes (aunque parezca lógico), vamos a dar las unas razones para ordenar bien el código

Razones para ordenar el código PHP

Muchas veces, sobretodo, cuando se empieza en el mundo de la programación, no se da la suficiente importancia a ordenar al código, total, no afecta al funcionamiento del programa ¿No?

Pues bien, esta parte del artículo está especialmente pensada para todos los nuevos programadores (bienvenidos a este increible mundo) que opinan que no es necesario ser meticuloso a la hora de ordenar el código ¡Veamos las ventajas de ordenar el código!

Otros programadores te pueden ayudar

Un punto muy importante, sobretodo cuando estás empezando en este fantástico mundo de la programación es que otras personas te pueden ayudar a programar.

Si pides ayuda a alguien o subes tu código a un foro de programadores, como no esté bien ordenado, nadie te ayudará.

Yo mismo he respondido a usuarios que me pedían ayuda que “su código es ilegible” ¿Puedo ser un borde? Puede ser, pero es que es HORRIBLE leer un código que no está ordenado, el que lo ha programado lo entenderá, nadie más.

Cuando un alumno mío me manda un código así, lo primero que le enseño es a organizarlo. Cogemos el código que me ha mandado y lo ordenamos y luego ya resuelvo la duda.

Puedes programar “mal” (y poco a poco ir aprendiendo), pero ¡Programa organizado!

Estructura mejor definida

Otra ventaja de organizar bien el código (hacerlo bonito), es que eres consciente de lo que hace tu programa en cada línea, no tienes que ir revisando el resto del código para entenderlo.

Esto te ayudará muchísimo, ya que de un vistazo sabrás lo que hace el programa y lo más importante, cómo lo hace.

Cometes muchos menos errores

Otra ventaja de organizar el código es que cometes muchos menos errores, esto lo tengo más que comprobado. Los alumnos que organizan mejor el código tienden a cometer menos errores de sintaxis que los alumnos que no lo ordenan ¡Ojo! ¡Aunque los que no lo ordenan sepan mucho más!

Además, luego está el tema de las repeticiones, las personas que no organizan el código tienden a duplicar el código, en ocasiones por error, realizan dos foreach en vez de uno o declaran varias veces la misma variable.

Programas mucho, mucho más rápido

Y la mejor sin duda, para el final y es que, ordenando el código, se programa mucho, pero mucho más rápido.

Seguramente, ya que al tener el código ordenado, te permita tener una visión global, de por donde vas, qué hace cada cosa y cómo continuar.

Así pues, ahora que ya hemos visto las ventajas, veamos cómo podemos ordenar nuestro código.

Comentario en PHP

Empecemos hablando de los comentarios en PHP, dando por hecho que sabemos crear comentarios en PHP (ya haré otro artículo, hablando sólo de los diferentes tipos de comentario).

Pero veamos los principales consejos que debemos tener en cuenta a la hora de poner comentarios:

Encima de lo referenciado y con las mismas tabulaciones

Lo primero que tenemos que hacer al comentar el código es posicionarnos justo encima del código que queremos comentar, además, con las mismas tabulaciones, es decir, si el código que queremos comentar tiene dos tabulaciones, nuestro comentario también debería de tener dos tabulaciones.

Es decir, esto sería incorrecto:

Lo correcto sería esto:

Debe de ser descriptivo

Cada comentario debe de ser un texto lo más corto posible y descriptivo. Ojo, si en alguna ocasión necesitas tres líneas, sin problemas, pero que no sea la norma.

Esto te permitirá de un vistazo ver todo el código ordenado y al fijarte en la parte que te interese, ver el comentario describiéndolo.

No incluir viejo código en exceso

Algo con lo que me encuentro muchas veces, es que hay mucho código comentado, quizás de versiones anteriores, esto es horrible. De hecho, el 90% de las veces no tiene sentido y la única razón es porque al ser humano le encanta guardarlo todo.

Si hemos programado bajo GIT (software de versión de controles), podremos acceder al viejo código sin problemas y si realmente lo necesitamos, no tiene sentido que lo eliminemos comentándolo.

Ojo, no digo que de vez en cuando no esté bien comentar algo que nos pueda ayudar en un futuro (entiendo mejor cómo se desarrolló un parte, etc.), pero ni de broma debería de ser el 70% del código de la web, de hecho, ni siquiera el 10%.

Cómo tabular correctamente en PHP

Sin duda, junto a los comentarios, uno de los temas más “vitales” a la hora de ordenar el código, es aprender a tabular correctamente, vamos esto es importantísimo.

Empecemos indicando que el tabulador es la tecla que está encima del botón de mayúsculas (la que tiene una lucecita), y nos permite, justamente eso ¡Tabular el texto!

Si has visto código en alguna web, verás que en ocasiones ese código está «metido hacia adentro» en mayor o menor medida.

Pues bien, veamos cuales son las normas para hacer esto de una forma correcta.

Nunca tabular con espacios en PHP

Si lo que queremos es meter el código hacia adentro, nunca, usar el espacio, a no ser que quieras que te despidan donde trabajes.

Un “tabulado” equivale (depende el visualizador de código) a 4 espacios, lo que quiere decir, para empezar, que el código, al guardar el fichero te ocupará 4 veces más si has utilizado espacios en vez de tabulados.

Además, las tabulaciones están pensadas para mostrar textos de un forma ordenada, mientras un espacio es un espacio. Gracias a esto, las tabulaciones siempre te mostrarán el código ordenado.

¿Cuándo debemos de tabular en PHP?

Esta sin duda es la pregunta del millón ¿Cuándo debemos de tabular?

La respuesta es fácil, siempre que estés encerrando el código entre unas llaves { }. ¡Así de fácil!

Por ejemplo, en una función, dentro de las llaves { }, todo el código estará tabulado, pero ojo, si dentro metemos un if, un for o cualquier otra función que tenga llaves ¡Ese código también se tendrá que tabular!

Veamos un ejemplo:

Resumen y conclusión

Como podemos observar, es muy importante tabular el código, al ver estos consejos, vemos que muchas cosas son de pura lógica y otras son muy fáciles de recordar y de aplicar.

Por lo que ahora sólo queda que nos pongamos manos a la obra y practiquemos.

En este punto, ya ha empezado una guerra llena de desinformación que no lleva a ningún lado y que sólo confunde a la gente, así pues, en este artículo voy a intentar explicar los tipos de bases de datos que existen y cuales son los motores de bases de datos más conocidos.

Además de este artículo, he grabado un podcast donde explico todo esto pero con muchísimo más detalles, explicando incluso cómo lo hago yo para mis proyectos.

Podcast Consultor IT en: Ivoox

iTunes

RSS

Tipos de bases de datos

Cuando hablamos de bases de datos, lo primero que se nos viene a la cabeza es MySQL, pero realmente MySQL no es más que un gestor de bases de datos de tipo relacional basadas en SQL ¡Pero existen muchísimas más! ¡Y de tipos muy diferentes!

El problema viene a ¿Cómo las organizamos? Fijémonos que al definir MySQL he dicho que es de tipo relacional y basada en SQL, por lo que simplemente con eso podemos decir que existen los tipos “relacionales o no relaciones” o los tipos “basadas en SQL o las llamadas (NoSQL)”.

Además, existen bases de datos ultra rápidas que funcionan en memoria RAM, por lo que tendríamos otro “tipo de base de datos dependiendo donde se ejecute”. También tendríamos si soporta objetos o no.

Así pues, puesto que es muy complicado definir tipos, lo que vamos hacer es ver las principales bases de datos y con que tipos concuerdan.

Base de datos MySQL

Sin duda una de las bases de datos más conocidos (ergo más importantes), lleva más de 10 años siendo el estándar y es prácticamente la única que se utiliza en los hostings. Es de tipo relacional, está basada en SQL y no soporta objetos.

Base de datos MariaDB

Es una base de datos que está cogiendo mucho peso, sobretodo desde que XAMPP decidió cambiar MySQL por MariaDB. MariaDB es un fork de la última versión de MySQL antes de que fuera comprada por Oracle, por lo que prácticamente todo lo que funciona en MySQL funciona en MariaDB Es de tipo relacional, está basada en SQL y no soporta objetos.

Base de datos PostgreSQL

Es una gestor de bases de datos open-source y al igual que MariaDB, también está soportado por una comunidad. La gran diferencia con MariaDB es que no es una fork de MySQL y soporta objetos Es de tipo relacional, está basada en SQL y tiene soporte para objetos.

Base de datos Oracle

Oracle es uno de los mayores gestores de bases de datos, es privado y las licencias suelen ser bastante caras, se suele usar cuando hay que tratar millones de datos a una gran velocidad. Es de tipo relacional, está basada en SQL y su punto fuerte es el gran soporte para objetos.

Vale, hasta aquí, hemos visto 4 tipos de bases de datos, que aunque son de tipos diferentes (algunas con objetos, otras no), todas tenían en común que eran relacionales y basadas en SQL, ahora veremos dos que no lo son:

Base de datos MongoDB

Es una de las principales bases de datos llamadas NoSQL, que, como su nombre indica, no soporta SQL. Su función principal es guardar objetos no ordenados, por lo que cada objeto puede tener una estructura diferente. NO es de tipo relacional, NO está basada en SQL y SÍ tiene soporte para objetos.

Base de datos Redis

Redis es una base de datos de tipo clave-valor, lo que quiere decir que es como un array enorme ¿Su peculiaridad? Se guarda todo en la RAM ¡Imagínate la velocidad de procesamiento! Es de tipo clave-valor, no está basado en SQL, no tiene soporte para objetos.

¿Qué base de datos escoger?

Quizás, al ir leyendo este artículo, te hayas dado cuenta de que no tiene sentido discutir qué base de datos es mejor, ya que, todo dependerá para qué la necesitemos.

De hecho, las grandes empresas no escogen una base de datos, sino que es normal ver por ejemplo tres tipos de base de datos con la siguiente estructura:

MySQL: Para tener una base de datos relacional ¡Siempre hace falta! MongoDB: Para guardar objetos sin ordenar, por ejemplo logs. Redis: Para cachear consultas o acceder a una información específica de forma muy rápida.

Fijémonos que esto no es la guerra ¡Todas se pueden complementar!

Resumen

Como vemos, cada tipo de base de datos nos sirve para algo diferente, aunque si que es cierto, que dentro de las bases de datos relacionales nos puede costarnos ver las diferencias, por ello os emplazo a escuchar el podcast al que hago referencia al principio de este post donde explico con más detenimiento cada uno de los tipos de base de datos.

Además de este artículo, quizás te interese escuchar mi podcast, donde además de explicar qué es un roadmap, también explico y doy detalles de cómo lo hago yo:

Podcast Consultor IT en: Ivoox

iTunes

RSS

¿Qué es un RoadMap?

Empecemos con lo básico, un RoadMap, como su nombre bien indica, es un mapa de ruta, por lo que cuando estamos hablando de un proyecto o del desarrollo de un software, un roadmap será una línea temporal que nos llevará desde el comienzo del desarrollo hasta el último objetivo que queramos alcanzar.

Para entenderlo mejor, piensa que vas a iniciar el desarrollo de un proyecto, bien, una vez tengas bien definido el proyecto, deberás de indicar cuánto tiempo te costará realizar cada parte, indicando fechas absolutas, es decir, no pongas “2 semanas”, indica directamente “10/11/2017”. Gracias a esto, podremos dedicarle las horas necesarias al proyecto para que en esa fecha, la parte del proyecto que hemos indicado, esté terminada.

¡Perfecto! Ahora que más o menos lo vamos entiendo, vamos a ver que son las fases y los hitos.

RoadMap: Fases e hitos

Un RoadMap se puede hacer de mil formas y se puede usar para mil cosas, por ejemplo para realizar una línea temporal para ver dónde queremos que vaya nuestra empresa.

No obstante, en este artículo vamos a enfocarnos en el roadmap para el desarrollo de un software, en la forma que yo lo realizo (pues he visto que funciona mejor).

Yo siempre que realizo un desarrollo largo (más de 6 meses), siempre lo realizo, por fases y por hitos, vamos a ver que es cada cosa.

RoadMap: Hitos

Para que un roadmap tenga sentido, le deberemos incluir hitos, que en el desarrollo de un software puede ser “Diseño HTML del Frontend”, “Creación de objetos JavaScript”, etc.

En principio, los hitos deben de costarnos entre una y dos semanas desarrollarlos. Por lo que no tendría sentido poner hitos diarios.

RoadMap: Fases

En los desarrollos largos, que podemos tener fácilmente 20/30 o 50 hitos yo recomiendo dividirlo entre tres/cuatro fases.

En resumen, una fase no es más que la agrupación de unos hitos, por ejemplo, podríamos darnos hasta el 10/12/2018 para el desarrollo del diseño, así pues tendríamos una Fase que podría durar 2 meses, y dentro de esta fase, podríamos tener 5 hitos.

Esto nos permitirá tener un roadmap mucho más ordenado.

Para entenderlo mejor, veamos mi roadmap:

RoadMap: Ventajas

El Roadmap tiene multitud de ventajas, así pues vamos a ver las tres principales:

Tener objetivos medibles y organizados

Si no realizamos un roadmap y no tenemos fechas límites, empezaremos a programar y divagar, y al final nunca conseguiremos terminar el desarrollo, siempre se nos ocurrirá una idea nueva que implementar o una nueva tecnología que probar para una parte del proyecto.

No obstante, si tenemos un roadmap, deberemos de terminar esa parte del proyecto en una fecha determinada, por lo que dejaremos a un lado todas esas pruebas y nos centraremos en el producto.

Tener fecha de lanzamiento

Conozco decenas de programadores que me han hablado del software que desean desarrollar, empiezan el desarrollo pero nunca lo terminan. Si analizamos la razón por la cual no lo han terminado, no ha sido por falta de conocimientos.

La principal razón es que, al no tener una fecha clara de lanzamiento, han estado mejorando el producto, de forma indefinida, sin llegar nunca a lanzarlo. Esto con el roadmap no nos pasará.

Sensación de realización

Algo muy importante, sobretodo cuando desarrollamos un proyecto solo, es conseguir una sensación de realización cada vez que vamos alcanzando cada uno de los hitos.

Esto que puede parecer trivial, es muy importante, ya que nos das las energías para alcanzar el siguiente hito.

##