• Written By
    Felipe Bernardes
  • Last Updated
    August 27, 2019

Cómo convertirte en un desarrollador web: La guía completa

Siendo que se espera que el crecimiento de la industria de desarrollo de sitios web se dispare en los próximos años, más y más personas se están preguntando cómo convertirse ellos mismos en desarrolladores web.

Para aquellos quienes quieren iniciarse en este mundo, una carrera en desarrollo de sitios web puede ser cautivadora, emocionante, y lo más importante, gratificante.

Sin embargo, aprender cómo hacer desarrollo web por tu cuenta usualmente puede ser complicado y confuso, lo cual ha resultado en el final prematuro de las potenciales carreras en desarrollo web de muchas personas.

Siendo así, nos tomamos el tiempo de preparar la siguiente guía que puedes seguir para esforzarte efectivamente para forjar una carrera exitosa como desarrollador web.

Aunque no podemos garantizar que esta guía te ayudará a convertirte en un desarrollador web exitoso de la noche a la mañana, sí podemos decir que seguir esta guía te ayudará a avanzar por el camino correcto

La siguiente imagen resume los temas que cubriremos en esta guía:

Teniendo en cuenta que buscamos ayudar a nuestros lectores a convertirse en excelentes desarrolladores web, empecemos nuestra guía sobre cómo aprender desarrollo web:

Convirtiéndote en un desarrollador web

El desarrollo de sitios web es una carrera que ofrece muchos caminos diferentes dependiendo de las preferencias que uno tenga. Sea que estés interesado en crear sitios web altamente interactivos, o sitios web con muy bonita apariencia, te espera una gratificante carrera en el mundo del desarrollo de sitios web.

Típicamente, el desarrollo de sitios web se divide en dos campos principales: Desarrollo de front-end y back-end. Como desarrollador web tendrás que tener un buen dominio de ambos campos, ya que ambos van mano a mano en el mundo del desarrollo web. Cuando un desarrollador domina bien ambos campos, lo llamamos un desarrollador de full-stack.

Los desarrolladores de front-end se enfocan en el desarrollo de sitios web enfocado en el lado del sistema cliente en vez del servidor, lo cual consiste en el diseño, estructura, contenido y navegación del sitio web. Ellos utilizan HTML, CSS y JavaScript para construir aplicaciones web.

Uno de los principales desafíos para convertirse en un desarrollador hábil de front-end es mantenerte actualizado en cuanto a técnicas y tecnologías que evolucionan constantemente.

Otro punto importante es que hoy en día los usuarios utilizan una amplia variedad de dispositivos (con diferentes tamaños de pantalla y resoluciones), diferentes navegadores de Internet, y varios sistemas operativos. Todos estos son aspectos que los desarrolladores deben tener en cuenta a la hora de crear un sitio web.

Por otro lado, los desarrolladores de back-end se enfocan en el lado del servidor de los sitios web, lo cual incluye funciones de servicio, aplicación, y de manejo de bases de datos. Estos desarrolladores crean la fundación lógica, y la lógica computacional, de un sitio web, o una aplicación de software, o un sistema de información.

El rol de este tipo de desarrollador es asegurarse de que los datos y servicios que la aplicación de front-end pide sean proveídos correctamente a través de una programación apropiada. Ellos también son responsables de crear y mantener la lógica central de las aplicaciones, las bases de datos, APIs (Interfaces de Programación de Aplicaciones), llevar a cabo pruebas, y hacerle depuración al sistema.

Lenguajes de programación para desarrollo web: ¿Por donde empezar?

Existen literalmente docenas de lenguajes de programación actualmente, por lo que no hace falta decir que decidir por donde empezar puede ser abrumador para los desarrolladores nuevos.

En vez de ofrecerte un resumen de cada lenguaje de programación más utilizado para el desarrollo web, nos gustaría resaltar el camino de aprendizaje más efectivo por medio de lenguajes significativos que sean más fáciles de aprender, pero que también sean herramientas versátiles para los desarrolladores modernos.

Las principales tecnologías que consideramos que todo desarrollador web novato debería aprender primero incluyen:

  • HTML y CSS van mano a mano para volver realidad el contenido escrito, y las lindas y funcionales estructuras que pueden verse en los sitios web modernos.
  • JavaScript es un lenguaje fácil de aprender que también es la base fundamental de la mayoría de sitios web y aplicaciones web que usamos hoy en día. Nota que actualmente, por medio de infraestructuras como Webpack, React y Vue, el desarrollo de front-end se está volviendo extremadamente relevante y complejo, hasta tal punto que el desarrollo de front-end está requiriendo las mismas habilidades de software que requiere el desarrollo de back-end.
  • SQL, un lenguaje de ámbito específico utilizado en programación, y diseñado para administrar y procesar datos guardados en bases de datos, y sistemas de administración de bases de datos relacionales.
  • Los lenguajes de scripting forman la base de casi todo lo relacionado con el Internet. Siendo así, este tipo de lenguajes son herramientas invaluables para cualquier desarrollador web o administrador web. Con estos se pueden crear funciones nuevas en las aplicaciones, y se puede lograr que sistemas complejos interactúen entre sí apropiadamente.

Los lenguajes de scripting son diferentes a los lenguajes de programación en cuanto a que los de scripting no requieren de un paso explícito de compilación. Buenos ejemplos de lenguajes de scripting son Ruby, Python, PHP y Elixir.

Excelentes cursos de desarrollo web con los cuales empezar

Para aquellos quienes buscan aprender a hacer desarrollo web sin invertir cientos o miles de dólares en credenciales académicas, les tenemos excelentes noticias: Hoy en día es más accesible y más económico que nunca el empezar a formarte en esta área.

Hemos elegido manualmente los mejores cursos de desarrollo web, de los mejores instructores. Si sigues estos pasos comprometidamente, es muy probable que te convertirás en un desarrollador web con muy buenas habilidades.

¿Estás listo para comenzar tu travesía?

1. Rutas de aprendizaje para desarrolladores de front-end:

1.1 Introduction to HTML and CSS

1.2 Fundamentals of Javascript

1.3 Learning Modern Javascript: Getting Started

1.4 Webpack Fundamentals

1.5 React.js or Vue.js

2. Rutas de aprendizaje para desarrolladores de back-end:

Si planea convertirse en un desarrollador de back-end, debe comenzar con estos cursos de "ciclo básico" para construir una base sólida.

2.1 Introduction to HTML and CSS

2.2 Fundamentals of Javascript

2.3 Programming Foundations: Databases

Dependiendo del tipo de desarrollador de back-end que desee ser (Ruby, Django o PHP), debe elegir el curso correspondiente a continuación:

2.4 Ruby | Python (Django) | PHP

En caso de que quieras encontrar otros cursos, entra a classpert.com para llevar a cabo tu búsqueda.

Habilidades clave que deben tener los desarrolladores web

Al iniciar tu proceso de aprender desarrollo web es importante que empieces a trabajar tan pronto como sea posible en desarrollar las habilidades más relevantes en el campo.

Los empleadores buscan dos tipos principales de habilidades: Habilidades técnicas (¡donde obviamente se incluye tu capacidad de programar!), y habilidades sociales (también conocidas como atributos para "trabajar en equipo").

Habilidades técnicas

Para empezar, démosle una mirada a las habilidades técnicas más importantes que deben desarrollar quienes estén buscando convertirse en desarrolladores web hoy en día.

Las habilidades técnicas esenciales para el desarrollo web siempre se centran en dominar muchos lenguajes de programación diferentes. Para este fin, la mayoría de empleadores buscan desarrolladores web quienes tengan un excelente dominio de HTML, CSS, JavaScript y Git.

Aunque ya mencionamos lo importante que es dominar HTML, CSS y JavaScript, todavía no hemos hablado sobre Git. En resumen, Git es software de control de versiones que forma la base de la popular plataforma GitHub. Git es software de código libre, y es una excelente herramienta que le permite a múltiples desarrolladores colaborar en el mismo proyecto en tiempo real, sin importar donde se encuentren físicamente, o qué sistema operativo estén usando.

Habilidades sociales

En términos de habilidades sociales, estas normalmente incluyen atributos que le permiten a quienes aspiran convertirse en desarrolladores web interactuar efectivamente y eficientemente con sus compañeros de trabajo.

La forma en que reaccionas ante situaciones adversas muestra tu nivel de inteligencia emocional en el trabajo.

Por lo general, las habilidades sociales más importantes que buscan los empleadores son: Una sólida capacidad de comunicación, y poder trabajar con un equipo diverso.

A pesar del estereotipo del programador que no para de trabajar, remetido en su escritorio en un cuarto oscuro, a la mayoría de desarrolladores web se les exige trabajar en un proyecto grande como parte de un equipo todavía más grande.

Como dice el dicho en inglés, "Teamwork helps to make the dream work (El trabajo en equipo ayuda a que el sueño se cumpla)", así que si tu sueño es convertirte en un desarrollador web profesional, poder trabajar bien con otras personas es una habilidad crucial que debes dominar..

¿Puedo convertirme en un desarrollador web sin credenciales académicas?

¡Claro que sí! Existen incontables ejemplos de individuos quienes aprendieron lo básico de la programación por su cuenta, y usaron esta experiencia para iniciar su travesía hacia forjar una carrera exitosa en el campo del desarrollo web.

De hecho, el libro en inglés titulado No Degree Web Developer (Desarrollador web sin título) por Dom Xing provee un excelente resumen para individuos quienes buscan hacer este sueño una realidad.

Aunque el desarrollador web promedio hoy en día posee algún tipo de título de asociado, la educación avanzada "formal" ya no es un requerimiento para conseguir tu primer contrato, o trabajo de tiempo completo, como desarrollador web.

Para aquellos quienes buscan aprender más a fondo sobre cómo convertirse en desarrolladores web sin credenciales académicas, recomendamos darle una mirada a foros (en inglés) de desarrollo web como los que se encuentran en Quora y Reddit, en donde cada uno ofrece robustas comunidades tanto para desarrolladores novatos como veteranos que buscan avanzar en esta emocionante carrera sin necesidad de montones de experiencias académicas "formalizadas" y muy costosas.

Al final del día, forjar tu carrera como desarrollador web tiene que ver más con tu experiencia, cualificaciones y portafolio, y no a la universidad a la que fuiste, o lo que terminaste estudiando allí.

Escribe código limpio ("clean code")

Escribir código limpio, también denominado "código legible", es un aspecto esencial para convertirte en un excelente desarrollador web.

Aunque muchas compañías tienen su propia definición de cómo luce el código limpio, esta guía escrita por el equipo de WebDev Studios provee excelente información sobre lo básico de escribir buen código.

Mientras más desorganizado tu código, más tiempo le toma a otros desarrolladores entenderlo, y darle continuidad al trabajo a completar. A veces, escribir código desorganizado puede llevar a desarrolladores a querer borrar todo lo trabajado hasta el momento, y volver a empezar desde ceros.

En contraste, el código limpio es mucho más fácil y rápido de leer para otros desarrolladores, lo cual ayuda a evitar malentendidos.

Otro beneficio de escribir código limpio es que hace que sea más simple para los desarrolladores novatos el entender y seguir prácticas modernas a la hora de escribir código, sin importar cuantos desarrolladores estén trabajando en un mismo proyecto.

Para poder escribir código limpio es importante hacerlo de tal forma que si la persona que escribió el código fuese a revisarlo de nuevo después de mucho tiempo, podrá volver a entenderlo fácilmente.

Dicas para escrever um código limpo

Con la intención de lograr eso, un primer consejo es exigirle a los equipos de desarrolladores que sigan ciertas directrices al escribir código. Por ejemplo, ser consistentes y mantener las cosas isomorfas es una posible directriz.

También se deberían definir directrices para la indentación, espacios, saltos de línea, y líneas vacías, por ejemplo. Adoptar prácticas así ciertamente mejorará la legibilidad y comprensibilidad de nuestro código.

Un segundo consejo es el uso de nombres con significado para las variables, funciones y métodos. Al decir "nombres con significado" nos referimos a que los nombres sean lo suficientemente descriptivos para que otros desarrolladores, y no solo nosotros, podamos entender su propósito. También te recomendamos mantener tus nombres cortos, con un máximo de tres o cuatro palabras cada uno.

La tercera sugerencia es hacer que cada función o método ejecute solo una tarea. Hacer esto también te ayudará a nombrar con más precisión cada una de tus funciones / métodos.

La cuarta sugerencia es incluir comentarios cuando una función que escribes logra algo que no es directamente obvio, o tiene un trasfondo contextual que es necesario clarificar.

Inclusive cuando nuestro código es tan limpio y completo como sea posible, siempre habrán algunas líneas de código que necesitarán explicación extra. Usa comentarios para arreglar este problema, lo cual por ejemplo puede ayudar a explicarle a otras personas por qué decidimos utilizar alguna metodología poco convencional a la hora de escribir alguna porción de código.

Nuestro quinto consejo es intentar mantener un estilo consistente al escribir código, y mantener buenas prácticas, en todos los diferentes proyectos en los que trabajes. Únicamente deberías adoptar y/o implementar una nueva práctica si estás completamente convencido de que esta te gusta, y te sientes cómodo utilizándola.

Nuestro último consejo es que revises tu código con frecuencia. Esta es una forma útil de mantener limpio tu código, e intentar mejorarlo. Si no revisamos ni actualizamos con frecuencia nuestro código viejo, este pronto quedará desactualizado, y puede que presente problemas en el futuro.

El salario promedio que se gana un desarrollador web

Aunque nosotros no aconsejamos que elijas una carrera basándote únicamente en cuanto te pagan, si sientes pasión por el desarrollo web, entonces tu salario de seguro será un extra apreciado.

De acuerdo a Glassdoor, el salario promedio para los desarrolladores web en Estados Unidos es de más de $75.000 dólares al año, y se espera que este promedio suba en los próximos años.

Evidentemente, los trabajos como desarrollador web ofrecen muy buen dinero, y la demanda laboral de desarrolladores web está proyectada a seguir subiendo.

Desarrollo web como trabajo remoto

Además del buen pago que puedes recibir, una carrera en desarrollo web ofrece una excelente flexibilidad, donde la opción de trabajar remotamente frecuentemente está disponible.

Trabajar remotamente puede ser una gran ventaja, ya que le permite a los empleados trabajar desde cualquier parte del mundo.

Aunque ciertamente hay desafíos asociados con trabajar remotamente, como mantenerte motivado, en general esto le provee un excelente balance de trabajo-vida a los desarrolladores de hoy en día.

Preguntas frecuentes que le hacen a los desarrolladores web durante entrevistas

Cada entrevista es diferente, pero con frecuencia se dan algunas preguntas clásicas que casi siempre reciben quienes aspiran a ser contratados como desarrolladores web.

Algunas de las preguntas de entrevista más frecuentes que reciben los desarrolladores web incluyen las siguientes:

  • ¿Alguna vez has dado una presentación?
  • ¿Que son los espacios de nombres, o "namespacing", en JavaScript?
  • ¿Puedes enumerar algunos tipos de entrada / input que son nuevos en HTML5?
  • ¿Quién es tu modelo a seguir en el mundo de la tecnología?
  • ¿Tienes proyectos en los que trabajas en tu tiempo libre?
  • Cuéntame sobre alguna ocasión en la que tuviste que responder a criticismo negativo
  • ¿Cuáles ventajas de este trabajo son las que más te emocionan?

Como puedes ver, estas preguntas abarcan desde asuntos altamente técnicos que ponen a prueba tus conocimientos de programación, hasta preguntas sobre habilidades sociales que resaltan cómo es que tú manejas situaciones cotidianas y/o potencialmente estresantes

Teniendo en cuenta este tipo de preguntas, animamos a nuestros lectores a que se preparen diligentemente para sus próximas entrevistas, ya que saber cómo abordar estos temas puede ser decisivo para tener una entrevista exitosa, y obtener ese primer trabajo.

Felipe Bernardes

I am an economist responsible for Marketing and SEO strategies at Classpert. I usually write about entrepreneurship, e-learning platforms, marketing, SEO, stock trading, and related subjects.