Qué aprender para ser diseñador y desarrollador web

Entradas con tag ‘opinion’

Qué aprender para ser diseñador y desarrollador web

Mucha gente me pregunta qué debe aprender y dónde puede empezar a formarse para ser diseñadores y desarrolladores web. En este artículo intentaré resumir los perfiles profesionales, los lenguajes, los frameworks y algunos materiales gratuitos para autodidactas.

Los dos grandes perfiles: back-end y front-end

Queda muy lejos la época en la que se hablaba del webmaster como un profesional que hacía una página web de inicio a fin. En la actualidad existen múltiples perfiles que pueden intervenir en el desarrollo de una página o aplicación web, pero nos centraremos en los dos principales: el desarrollador back-end y el desarrollador front-end.

Para entender estos perfiles imaginemos un coche. El back-end se encargaría de construir el motor, la centralita, el sistema de frenos y demás elementos que hacen que el coche haga su trabajo de transportar al conductor. Por otro lado el front-end tendría crearía el chasis, salpicadero, volante, palanca de cambios? es decir, todos aquellos elementos o bien estéticos o bien de interacción por parte del nuestro usuario.

Volviendo a la web, el profesional del back-end es el que crea la lógica interna y el del front-end el que se encarga de la visualización y la interacción del usuario.

Especializarse en uno de estos dos frentes es muy importante. A no ser que seas un auténtico genio, no lograrás ser excelente en ambos y la experiencia me ha enseñado que más vale ser excelente en una cosa que bueno en muchas. Sin embargo el profesional “perfecto” conoce lo suficiente de su “opuesto” para saber las posibles limitaciones técnicas y entenderse bien con el resto del equipo.

Si tienes claro que quieres dedicarte al back-end o al front-end, puedes leer cada uno de los títulos dedicados a ello. Si aún no te decides puedes seguir leyendo con normalidad:

Quiero ser Front-end developer

Quiero ser Back-end developer

Quiero ser Front-end developer

El front-end es un experto maquetador, genio de los estilos visuales y de la interacción.

Sus habilidades primarias son el uso avanzado de semántica HTML, manejo perfecto de CSS y programación fluida con Javascript. Conocen los formatos multimedia y como optimizarlos en este medio.

Entre sus aptitudes secundarias está el diseño o incluso la animación. Tendrán también nociones de usabilidad y de tecnologías de back-end.

Entre las tecnologías recomendables, para llegar a ser un auténtico samurai, encontramos los preprocesadores de CSS como LESS, SASS o Stylus, de HTML como HAML o ZenCode y de Javascript como CoffeeScript.

Por supuesto existen frameworks como jQuery, Mootols o Backbone que nos facilitarán la vida.

Quiero ser Back-end developer

El back-end es una máquina engrasada de crear lógica.

Sus habilidades primarias son el conocimiento de diferentes lenguajes de programación de lado de servidor como PHP, Python, Ruby o incluso Javascript (sí, con javascript puedes hacer back-end con Node.js). Normalmente el desarrollador de Back-end se especializa en uno o dos de ellos. Además, tiene un profundo conocimiento de bases de datos tanto relacionales como mySQL, como no relacionales como MongoDB.

Como características secundarias están HTML y CSS, servidores y programación de lado del cliente.

Es recomendable conocer los CMSs más usados como WordPress, Joomla, Magento, Prestashop y un largo etc. usados a menudo en proyectos pequeños.

Existe un largo número de frameworks para lenguajes de back como Symfony, Zend o CodeIgniter en PHP, Rails en Ruby o Django para Python, entre un enorme etcétera.

Dónde empezar a aprender

Aparte de la enseñanza tradicional y sistematizada de la que me ahorraré mi opinión personal, existen multitud de opciones en la web para autodidactas.

Por un lado están grandes comunidades hispanohablantes de desarrollo como Maestros del Web, Cristalab, Mejorando la Web o Desarrollo Web, repletas de artículos, manuales y aportaciones de usuarios.

También existen webs con tutoriales en inglés ~~como W3Schools donde puedes experimentar tu propio código~~, sitios de gran calidad como dochub.io, MDN o plataformas interactivas como Codecademy.

Por último siempre puedes acudir a la enorme blogosfera repleta de personas que te ayudarán en casos concretos con tutoriales y artículos como este.

Para más dudas y consultas podéis preguntarme en twitter.

Valora esta entrada

Rating: 9.6/10 (10 votes cast)

3 discursos que te van a inspirar

Hoy día gracias a las redes sociales nos relacionamos con cientos de personas. Tal vez miles. Entre tantos contactos, followers, amigos… te has dado cuenta de que hay personas que destacan. Esos gurús que son auténticos expertos en su materia. No me refiero a los que se autoproclaman gurús, sino a los que realmente aportan algo. Los que de verdad han hecho algo importante. Aquellos de los que cada tweet, mensaje en el muro, comentario o artículo se convierte automáticamente en una tendencia o pensamiento colectivo.

[blockquote align:right]Hay que soñar que todo es posible.[/blockquote]

Me gustaría compartir contigo 3 discursos de grandes gurús de nuestro tiempo que en su momento me inspiraron y aún hoy me animan a ver la vida como un camino lleno de oportunidades.

Eduardo Arcos en Campus Party México 2010

Decir que Eduardo Arcos es influyente en la web hispanohablante es poco. Fundador de Hipertextual. Al lado de la palabra geek en el diccionario de la RAE debería aprecer (junto con otras) su foto. A veces polémico, iconoclasta, tecnólogo y sobre todo impulsor de la web. Comparto contigo su charla en la CPMX10.

Steve Jobs en Standford University en 2005

Sobran las presentaciones con Steve Jobs. S u reciente retirada del cargo de CEO de Apple provocó incluso turbulencias las acciones de la compañía. Sin duda uno de los personajes más importantes de este siglo. Su inspiradora charla en Stanford es una visión subjetiva pero fácilmente aplicable a la filosofía de vida de cada uno de nosotros.

Xavier Verdaguer en 2011

Emprender es lanzar una cometa al cielo. Este es el título del vídeo a continuación en el que Xavier Verdaguer nos anima a arriesgarnos, a soñar y a disfrutar de lo que hacemos. Tal vez Xavier no es tan icónico como Steve Jobs o tan influyente en social media como Eduardo Arcos, pero tanto el concepto como la forma que tiene el vídeo es brutalmente inspirador. Posiblemente mi favorita.

Valora esta entrada

Rating: 10.0/10 (2 votes cast)

Zombies modernos: ¿eres uno de ellos?

Últimamente el cómic está teniendo bastante éxito. En estas vacaciones me he planteado darle algo de identidad creándole nombre, logotipo y tratando de que lo añadan en el directorio de webcomics en español WEE. Para empezar el cómic a partir de ahora se llamará Delirios del lápiz y estos serán su logo y su mascota:

El cómic de hoy

El cómic de hoy trata sobre un reciente descubrimiento científico (o no…): ¡la tecnología nos está convirtiendo en una nueva raza de zombies modernos! Seguro que habéis visto como cada vez más gente deambula por las calles absortos en sus teléfonos siempre conectados y con el cerebro en otra parte, chocando entre ellos y vagando sin sentido. Ellos son los zombies modernos, The walking geek, ¿eres tú uno de ellos?

Como podéis ver, he numerado este cómic como el sexto. Podéis ver el anterior que trataba sobre cómo se perdieron los prototipos de Apple.

Valora esta entrada

Rating: 8.0/10 (5 votes cast)

Apple pierde un prototipo de iPhone otra vez: la verdadera historia

La historia se repite. Hace un año la noticia de la perdida de un prototipo del iPhone 4 formó un gran revuelo. De nuevo, como si de una estrategia de marketing se tratara, se vuelve a perder un prototipo de iPhone, aunque en este caso no se sabe exactamente que modelo es. Esta duda no os la puedo despejar, pero sí el cómo se perdió. Esta es la historia:

En una de estas, Apple me demanda. Si queréis proponer un tema geek para el comic, como hoy ha hecho Salva Ferrando, podéis escribirme un mail o contactad conmigo en las redes sociales .

Valora esta entrada

Rating: 10.0/10 (6 votes cast)

Entrevista a Tim Cook

A nadie le ha pasado inadvertida la noticia de la retirada de Steve Jobs de su cargo como CEO de Apple, ni que su sucesor Tim Cook pretende mantener el mismo rumbo en la compañía en el futuro. Por si queda alguna duda, aquí está la prueba.

Tal vez encontréis cierta relación con el comic sobre las patentes…

Valora esta entrada

Rating: 10.0/10 (4 votes cast)

Cómo afrontar un proyecto de diseño (II)

Continuamos esta mini-guía para afrontar proyectos. Te recomiendo que leas los principios básicos incluidos en el anterior artículo y los tengas en cuenta para las siguientes explicaciones.

El proyecto gratuito

Son los proyectos en los que en principio no vas a tener beneficio, por ejemplo los concursos o los típicos proyectos por compromiso con un amigo o familiar. Este tipo de trabajos van en contra del tercer principio y por tanto te recomiendo que los evites a no ser que no tengas nada mejor que hacer. Por un lado los concursos suelen tener unas condiciones abusivas y aún en el caso de ganarlos, pueden salirte caros. Conozco un caso muy descriptivo:

Un concurso de creación de logotipo. Premio 500?. El ganador no leyó la letra pequeña de las bases que indicaban que el premiado, además de ceder todos sus derechos sobre el logo, debía realizar el manual de identidad corporativa, diversas piezas publicitarias y el diseño de la web.

En el caso de los compromisos lo típico es encontrarse primero en un ambiente distendido. Pero los “cuando tu puedas” y “cómo tu quieras” que se dan al principio se van tornando en exigencias cuanto más tiempo pasa.

Cómo afrontarlo: Si te ves obligado a realizar uno de estos proyectos, trata de realizarlo en el menor plazo posible, pero jamás por delante de otros proyectos.

El proyecto “altruista”

Es diferente al proyecto gratuito. Aunque no lo haces por dinero, recibirás otros beneficios como promoción, visitas a tu web, reconocimiento, portfolio y el resultado será un escaparate de tus habilidades.

Cómo afrontarlos: Aquí prima el principio 2. El beneficio que obtendrás depende directamente de la calidad. Debes emprender estos proyectos exclusivamente en tu tiempo libre.

El proyecto sencillo

Son los que requieren poco esfuerzo. Son fáciles y suelen ser breves.

Cómo afrontarlo: Deben ocupar los primeros puestos en nuestro esquema de tiempo ya que al ser más cortos tienen menos margen. Es indispensable aplicar el principio de calidad por sencillo o corto que sea un proyecto. Al principio la mayoría de tus proyectos serán de este tipo y debes cuidar los detalles.

El “mega proyecto”

No es un proyecto habitual. Aunque sólo eres diseñador de cualquier tipo, acuden a ti para que realices labores de diseño y de mil campos más que no dominas. Suelen ser proyectos importantes, bien pagados aunque de plazos ajustados.

Cómo afrontarlo: Es imposible saber de todo en profundidad. Cuando te encuentres con un proyecto de este tipo debes pensar si cumples los siguientes factores:

Aunque no tengas dominio, conoces suficiente los campos ajenos a tu actividad.
Puedes contar con personas profesionales en esos campos.
Dispones de colchón económico.

Si no los cumples, rechaza el proyecto. Olvídate de ideas como “no he programado nunca en Python, pero seguro que aprendo en una semana“. Puede que lo consigas pero no tendrás experiencia, por lo que no eres un profesional, no lo vas a hacer bien y habrás perdido tiempo de proyecto. Si un cliente quiere que hagas un proyecto importante, también lo puede querer otro.

Si cumples estos tres factores te encuentras en la situación perfecta para aceptar el trabajo. Subcontrata los profesionales necesarios y dirígelos. Hazlos partícipes de tus principios. Recuerda asegurarte un ingreso dinero mediante pagos fraccionados o por módulos y aún así recuerda conservar el colchón económico para imprevistos. Estos proyectos necesitan mucho tiempo y dedicación pero no debes descuidar trabajos más pequeños. Piensa que si cae el “mega proyecto”, deben quedarte otros trabajos.

Para terminar

Es importante que no olvides hacer un buen trabajo y sobre todo divertirte mientras lo haces. No abarques más proyectos de los que puedas y evitarás quedar mal con tus clientes. Confía en tus habilidades y entrénalas.

Valora esta entrada

Rating: 8.2/10 (6 votes cast)

Cómo afrontar un proyecto de diseño (I)

Para convertirte en un buen profesional no basta sólo con ser bueno diseñando: tienes que saber gestionar tu tiempo y tus medios. Existen diferentes tipos de proyectos y cada uno se debe afrontar de forma diferente. Aparte de las cláusulas que se puedan incluir en cada contrato, tomas una actitud con cada tipo. El siguiente texto está basado en mis propias experiencias, en los aciertos, fallos y el ensayo y error de este servidor. Empecemos por el principio, o mejor dicho, los principios.

Principios básicos

Los principios básicos son objetivos que debes cubrir en todo proyecto que realices. Numerados para referencias, sin ningún orden en particular:

Termina lo que empieces.
Principio de calidad. Los proyecto que empieces debe terminar con un máximo de calidad, independientemente de otros factores.
Principio de beneficio. Tus proyectos deben darte un beneficio superior al esfuerzo que inviertas. Piensa que el beneficio no siempre es económico.
Principio de precio del trabajo. Todo proyecto tiene un precio (ahora sí hablo de dinero) y tienes que conocerlo, tanto para no ir contra la premisa tres como para no cobrar de forma abusiva.
Principio de “El tiempo es oro”. Tu tiempo es dinero y la cantidad de dinero que hagas en tu tiempo depende de tu productividad.
Principio de alianza con el cliente. Dentro del proyecto, el cliente juega un papel protagonista. Trata de entenderle a él y su actividad, se consciente de que posiblemente él no entienda la tuya y si es así haz de guía y enséñale. Evita los clientes que te traten como un enemigo.
Principio del no. No tienes que aceptar todos los proyectos. No tienes que hacer todo lo que te dicen. Tienes que aprender a decir no.

Los proyectos

Ahora que conocemos los principios, es hora de ver los tipos de proyectos y la forma en la que tienes que actuar ante cada uno.

El proyecto fantasma

Es ese proyecto que parece que va a llegar, pero que nunca llega o nunca se acaba. Es una completa pérdida de tiempo y energías.

Cómo afrontarlo: No hay forma de saber si un proyecto va a convertirse fantasma, así que cobra siempre una parte inicial. La excepción es que sea un cliente de mucha confianza.

El proyecto de plazo largo

Pocas veces verás uno de estos. Son proyectos en los que tienes más tiempo del que necesitas. No creo que un cliente te de un plazo largo porque entienda que estás estresado. Lo hará porque no tiene mucho interés o bien falta algún punto importante, como por ejemplo, dinero para llevarlo a cabo.

Cómo afrontarlo: Pide una parte del dinero por adelantado para (por curioso que suene) implicar al cliente. Procura presionar para que el cliente quiera avanzar y aplícate a ti mismo un plazo razonable. No empieces a procrastinar.

Si tus esfuerzos por convertirlo en un proyecto de plazos razonables no funcionan, te aconsejo que lo evites: puede ser un proyecto fantasma.

El proyecto de plazo corto

Los más habituales. Son esos proyectos catalogados como urgentes para los que te dan muy poco tiempo para realizar un trabajo.

Cómo afrontarlo: Si no puedes cumplir con los principios 1 y 2, recházalos. Ten presente el principio del valor del trabajo.

Si tienes la mitad del tiempo para hacer un trabajo, su beneficio debería subir al doble. Si esto no se cumple deberías rechazarlo.

Si aceptas el proyecto incluso en contra del principio de beneficio valora si realmente es urgente para elegir sus prioridad frente a otros.

El proyecto de plazo razonable

Si además está bien pagado, mándamelo .

Ahora en serio. Son aquellos en los que tienes un plazo realista para que realices tu trabajo. Menos comunes que los de plazo corto.

Cómo afrontarlo: Los clientes que dan plazos realistas entienden de que hablan, saben lo que quieren y son buenos clientes. Debes buscar un buen lugar en tu timming para ellos y ajustar el precio del trabajo. Estos sacrificios repercuten en la posterior relación con el cliente.

Otros proyectos

En el siguiente artículo veremos otros tipos diferentes de proyectos y cómo afrontarlos.

Valora esta entrada

Rating: 9.8/10 (8 votes cast)

Guerra de patentes

La guerra de patentes no parece dejar títere con cabeza. Cuanto más desalmada es una compañía, más se dedica a acaparar patentes para después extorsionar a su competencia. Está claro que es mucho más productivo (y por productivo me refiero a que se saca pasta) aplicarle impuestos a tus competidores, bloquear la venta de sus productos o amenazar incluso su existencia, que desarrollar y mejorar tus propios productos.

Creo que Apple estaba pensando comprarle la patente a Dios sobre el sistema respiratorio…

Valora esta entrada

Rating: 8.8/10 (6 votes cast)

Comic Sans es una buena tipografía

Cuando ves un texto escrito con la Comic Sans no puedes evitar hacer una mueca de indignación. Tal vez se dibuja una sonrisa burlesca en tu cara. Quizá apartas horrorizado esa blasfemia estilística. Eres diseñador, programador, geek o simplemente alguien con buen gusto. Sabes que ese es el tipo de letra prohibido, cuyo nombre no debe pronunciarse. Sabes que es una mala tipografía.

Tú, como muchos, estás equivocado.

Historia de la Comic Sans

[blockquote align="right"]La Comic Sans fué una buena tipografía porque cumplía sus objetivos.[/blockquote]La Comic Sans fue diseñada por Vincent Connare en 1994, cuando trabajaba para Microsoft. Iba a ser la tipografía de Microsoft Bob, una aplicación que pretendía hacer más amigable la interfaz de Windows 3.1. Aunque no se terminó a tiempo para este proyecto dirigido por la mujer de Bill Gates, la “fuente” fue incluida en todos los sistemas operativos Windows a partir de Windows 95 y forma parte de las “Core fonts for the web“.

El briefing de Comic Sans

Como sabes, todo proyecto profesional de diseño comienza con un briefing. Connare recibió unas indicaciones muy claras:

Debía ser una fuente amigable e informal.
Debía ser popular entre usuarios novatos, padres, madres y niños.
Debía alejarse del aspecto de las tipografías clásicas.

¡Que me aspen si no lo consiguió! Es informal, se aleja de las tipografías convencionales y en cuanto a lo de popular… ¿quién puede negarlo?

La Kristen es una tipografía similar y nadie la odia

Entonces, ¿por qué la odio?

El problema, como bien relatan en esta página, es el uso y abuso del tipo de Connare. Las fuentes tienen personalidad y un propósito.

Esto por usar comic sans!

“¡Esto es por usar comic sans, bastardo!” de Nebojsa Cvetkovic

La Comic tiene un nombre autodescriptivo y sin embargo ha sido utilizada para carteles informativos de toda índole, para hospitales, oficinas, iglesias, en logotipos, en cartas formales, en comunicados internos, en carteles de “se vende”, en la Copa del Rey de fútbol en España, en lápidas y un eterno etc.

La Comic Sans fué una buena tipografía porque cumplía sus objetivos. Tan buena que se usó para todo, hasta el punto de hacernos aborrecerla.

Moraleja

Ninguno de los dos vamos a usar la Comic para nada serio. Este artículo pretende algo más que defender un caso perdido como este. Trata de advertirte a cerca de los peligros de abusar de determinado recurso o tendencia.

Veo diseñadores cuyo trabajo sigue siempre la misma línea estética, independientemente de que se ajuste a lo que busca su cliente. Me aburren las modas pasajeras como los reflejos 2.0 o los efectos vintage de Instagram. Odio la falta de criterio y estudio con la que trabajan muchos diseñadores.

Si te encuentras en uno de estos casos o similares, deberías hacer propósito de enmienda. Investigar. Estudiar. Mejorar. Diseñar.

Valora esta entrada

Rating: 9.7/10 (3 votes cast)