La demanda de ciertas habilidades está creciendo.

Habilidades que casi pueden garantizar sus empleos y oportunidades durante años y décadas por venir.

Una de estas habilidades es el desarrollo web.

¿Te has estado preguntando cómo convertirte en desarrollador web?

Contrariamente a una creencia popular, no necesitas un título de licenciatura en ciencias de la computación elegante para convertirte en desarrollador web y crear un sitio web funcional.

De hecho, si sigues las instrucciones de este artículo, puedes convertirte en un desarrollador web mucho más rápido de lo que crees (¡pero aún así tomará un poco de trabajo duro!).

Listo? Comencemos con lo básico:

Qué / Quién es un desarrollador web

Aquí está la respuesta simple a esta pregunta: Construyen y mantienen sitios web.

En otras palabras, literalmente crean cómo experimentas la web. Los sitios web que quieren que los usuarios disfruten de su experiencia necesitan grandes desarrolladores web, y por lo general están dispuestos a desembolsar algo de dinero en efectivo para obtener estos grandes desarrolladores web.

Responsabilidades de un desarrollador web:

1. Escribir páginas web con una combinación de lenguajes de marcado.
2. Crear maquetas y prototipos de calidad.
3. Crea un sitio de WordPress desde cero.
4. Entender HTML y CMS.
5. Comprender la interfaz de usuario, la experiencia de usuario y la usabilidad de aprendizaje.
6. Desarrollar sitios web funcionales y atractivos y aplicaciones basadas en la web.
7. Proporcionar mantenimiento y mejoras del sitio web.

Estos son los requisitos más comunes, pero sus responsabilidades y tareas variarán dependiendo del trabajo de desarrollo web, así como de su especialidad de desarrollo web.

Hablando de especialidades de desarrollo web, hay tres que debe tener en cuenta:

1. Desarrollo de Frontend: El » frontend «se refiere a» cosas » en un sitio web que ve e interactúa con, por ejemplo, menús, desplegables, etc.
2. Desarrollo de Backend: El «backend» es como la porción del iceberg debajo de la superficie. Sin él, el sitio web no puede funcionar. El backend se ocupa de servidores, aplicaciones, bases de datos, etc.
3. Desarrollo de pila completa: Esta es la combinación de desarrollo de backend y frontend.

¿Por qué Debería Convertirse en Desarrollador Web?

El desarrollo web es una industria que no se extinguirá en el corto plazo.

De hecho, la Oficina de Estadísticas Laborales de los Estados Unidos ha pronosticado un crecimiento del 13% en los empleos de desarrollo web disponibles hasta 2028.

En pocas palabras: si puede desarrollar esta habilidad, no tendrá dificultades para encontrar trabajo en el futuro previsible.

Aquí hay CINCO grandes ventajas/beneficios de ser un desarrollador web:

1. Puede trabajar de forma remota. ¿Alguna vez se ha preguntado cómo sería trabajar desde cualquier parte del mundo, en su propio tiempo? Como desarrollador web, tendrás muchas oportunidades para trabajar de forma remota. Tal vez finalmente puedas cumplir ese sueño de viajar por el mundo mientras ahorras dinero al mismo tiempo.
2. Puede utilizar sus habilidades para crear sus propios sitios web y aplicaciones web. ¿Quieres crear un sitio web o una aplicación rentable? Con esta habilidad, no tendrá que pagar un montón de dinero para construirlo. Puede construirlo usted mismo por una fracción del precio.
3. Puede trabajar de forma independiente. Ya no tienes que trabajar bajo el paraguas de un jefe si no quieres. Puede trabajar por cuenta propia o iniciar su propio negocio mucho más fácilmente cuando conoce el desarrollo web.
4. Entrar en la industria de la tecnología rentable. El desarrollo web es básicamente tu entrada a la industria tecnológica. La mayoría de las startups tecnológicas tienen alguna necesidad de desarrolladores web, por lo que esta puede ser tu manera de poner un pie en la puerta.
5. ¡Puedes construir cosas increíbles! La parte divertida es que puedes ser tan creativo como quieras. En lugar de mirar sitios web y pensar, «Wow, eso se ve increíble. Me gustaría poder crear algo así,» ahora podrás crear tu propio sitio web de aspecto impresionante.

¿Qué opinas? ¿Todo esto te entusiasma con la idea de convertirte en desarrollador web? Si es así, estás en el lugar correcto, ¡porque estás a punto de aprender los pasos que debes seguir para convertirte en uno!

Cómo convertirse en desarrollador web

Aprenda los conceptos básicos de HTML, CSS y Javascript

Estos son los elementos básicos de todo el desarrollo de sitios web con los que trabajará a diario si decide crear sitios web para ganarse la vida.

• HTML dicta la estructura
• CSS hará que se vea bonita
• Javascript hará que funcione

Vamos a discutir cada uno de estos y cómo puedes aprenderlos.

HTML

HTML significa Lenguaje de marcado de hipertexto. Es uno de los ingredientes principales de cualquier sitio web y uno de los llamados lenguajes de interfaz.

En resumen, proporciona el esqueleto básico de un sitio web, principalmente a través de una serie de etiquetas.

Una etiqueta es el código HTML que controla la apariencia del contenido del documento HTML.

Aquí hay algunas de las etiquetas HTML que usted debe familiarizarse con:

• <HTML></HTML> Esta etiqueta se muestra al principio y al final de un documento HTML. Indica que el documento está escrito en HTML5.
• <título></título> – La etiqueta title es el título de la página. Esto es útil tanto para los motores de búsqueda (cuando escanean e indexan páginas) como para los usuarios (se muestra en la barra de título de un navegador) indicando explícitamente el tema principal de cada página
• <head></head>: Contiene información sobre la página específica, incluidas etiquetas de título, metadatos y enlaces a scripts y hojas de estilo.
• <cuerpo></cuerpo> – Esto incluye todo el contenido que se muestra a los usuarios, incluyendo todo lo que podrás ver y leer.

Nota: Todas las etiquetas de inicio como «<cuerpo>» y al final como «</cuerpo>». El » / » indica que la etiqueta específica ya no está en uso después. Es importante poner la etiqueta final. De lo contrario, todo el documento usará esa etiqueta.

Aquí hay algunos recursos para aprender HTML:

• Guía para principiantes de HTML
• Hoja de trucos de HTML

CSS

CSS significa Hojas de estilo en cascada.

Pone el estilo detrás de la estructura HTML. Básicamente, sin CSS, HTML, y en consecuencia, toda la página web se vería aburrida.

Así se combinan: Dentro de tu código HTML, haces referencia a una hoja de estilo CSS.

Este es un ejemplo de cómo se ve CSS en acción:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

Este es un gran recurso para aprender CSS: Hoja de trucos CSS

Javascript

Javascript es un lenguaje de programación que le permite implementar elementos en páginas web. Potencia funciones como mapas interactivos, gráficos 2D / 3D y más.

Aquí hay un gran recurso para ayudarlo a aprender Javascript: Hoja de trucos de Javascript

Aprenda los conceptos básicos de WordPress

Para convertirse en un desarrollador web, tendrá que familiarizarse con WordPress. Después de todo, el 63% de todos los sitios web funcionan con este software gratuito de código abierto que puede instalar básicamente en cualquier host web.

Una vez que configura un sitio de WordPress, es bastante fácil para sus clientes agregar contenido por sí mismos (incluso si no tienen experiencia en desarrollo web).

Tenemos muchas guías de WordPress en este sitio web. Consulte los siguientes enlaces:

• Cómo Hacer un sitio Web de WordPress
• Cómo Hacer un Blog de WordPress
• Cómo Personalizar WordPress

Conocer la interfaz de usuario y UX

UI (Interfaz de Usuario) y UX (Experiencia de Usuario) son los elementos básicos de diseño de experiencia de usuario.

La mayoría de los desarrolladores no son expertos en diseño, estos son dos ámbitos diferentes. No necesitarás ser una estrella de rock de diseño.

Sigue siendo importante tener en cuenta que al aprender los fundamentos del diseño de experiencia de usuario, puedes comprender mejor cómo se supone que funciona un sitio web. Eso mantendrá a más usuarios en el sitio, los ayudará a encontrar lo que están buscando y, en última instancia, gastará más dinero en ese sitio.

Para aprender los componentes básicos de las habilidades de diseño, recomendamos aprender Adobe Creative Suite. Photoshop debe ser lo primero en lo que te sumerjas, ya que es el lugar al que acuden los diseñadores más serios. Si no te gusta Adobe, también puedes sumergirte en Sketch, que es una estrella en ascenso entre los diseñadores.

Aquí hay algunos recursos para comprender y aprender la interfaz de usuario y la experiencia de usuario:

• La diferencia entre el diseño de la interfaz de usuario y la experiencia de usuario: Una Guía sencilla
• Treehouse y Lynda ofrecen excelentes cursos para principiantes en Photoshop y conceptos de diseño generales

Aprender SQL y PHP (Opcional)

Juntaremos estos dos porque son como dos caras de la misma moneda.

SQL es una tecnología de base de datos (consulte la hoja de trucos de SQL) que almacena información. PHP es un lenguaje de ‘scripting’ que coloca o extrae cosas de una base de datos (consulte la hoja de trucos de PHP).

Piense en WordPress, por ejemplo.

Utiliza MySQL para almacenar y administrar información (publicaciones de blog, contenido de páginas, comentarios, información de usuarios, etc.).) en una «tabla» de base de datos. PHP es lo que hace que un sitio web de WordPress sea dinámico, interactuando con todos estos elementos diferentes y actualizando adecuadamente la base de datos a medida que avanza.

Aprender más sobre cómo SQL y PHP trabajan juntos puede ayudarlo a dominar el desarrollo de sitios de WordPress, que literalmente cientos (si no miles) de personas buscan todos los días en tableros de trabajo y proyectos en Internet.

recursos Adicionales para el aprendizaje de PHP y SQL:

• SQL Curso
• TutorialsPoint (PHP)

no Es fácil. No dominarás todo esto en una o dos semanas. Pero con el tiempo, familiarizarse y luego ser bueno en estos conjuntos de habilidades significa que siempre tendrá una carrera rentable por delante.

Aprende los conceptos básicos de SEO

SEO significa Optimización de Motores de búsqueda. Esto se refiere al proceso de mejorar el ranking de un sitio web dentro de un motor de búsqueda como Google. Es una de las habilidades más importantes en los negocios en línea.

Usted puede estar pensando, » Si soy un desarrollador, ¿por qué tengo que preocuparme por qué tan bien se clasifica un sitio en los motores de búsqueda? ¿No es ese el trabajo de los bloggers y creadores de contenido?»

Bueno, sí, una gran parte del SEO de un sitio web tiene que ver con el contenido. Pero la estructura real y el código del sitio web también juegan un papel.

Por ejemplo, las etiquetas de encabezado (HTML) son extremadamente importantes para el SEO. Les dicen a los motores de búsqueda lo que es realmente importante en un sitio web.

Ahora, ¿necesitas ser un experto en SEO? Absolutamente no. Pero debes aprender los conceptos básicos de SEO y tener en cuenta el SEO mientras creas cada sitio web. Al hacerlo, le dará al sitio web una oportunidad mucho mayor de éxito y hará que su cliente de desarrollo web sea mucho más feliz.

Aquí hay algunos consejos de SEO para desarrolladores web:

• Optimiza tus meta etiquetas. En la página de búsqueda, la meta etiqueta le dice a los navegadores de qué se trata su sitio: cuanto mejor sea, más probabilidades tendrán de hacer clic en el sitio.
• Asegúrese de que sus etiquetas de encabezado estén en un orden específico. H1 debe ser el encabezado principal, y luego debe descender a través de los encabezados de nivel inferior a través de la página (es decir, H2, H3, H4, etc.). Esto hace que sea más fácil para los motores de búsqueda navegar por el sitio.
• Asegúrese de que su etiqueta de título describa correctamente la página web. El título debe enfatizar de qué se trata la página.

Aquí hay algunos recursos para aprender los conceptos básicos de SEO:

• La Guía de SEO para principiantes
• Cómo Aprender SEO: 10 de los Mejores Recursos para marcar
• Cómo Aumentar el Tráfico del sitio web

Dedique al menos 3-5 horas a leer recursos y aprender lo básico. Esto te preparará para desarrollar sitios web con SEO en mente.

Asegúrese de que su sitio sea Responsivo

Cuando cree su propio sitio web (lo cual será una buena idea si desea obtener más clientes): debe asegurarse de que su sitio sea receptivo.

Responsive significa que los elementos del sitio web se ajustan de acuerdo con el tamaño de la pantalla. Esto significa que su sitio web se verá bien si el visitante está en una computadora portátil o un dispositivo móvil.

En 2018, el diseño receptivo fue crucial. Todos sus clientes lo esperarán, lidere con el ejemplo y asegúrese de que su sitio web sea receptivo.

***

Está bien, así que una vez que pases por estos 6 pasos, tendrás una comprensión básica del desarrollo web. Sabrás cómo hacerlo (al menos a un nivel básico).

Tómese su tiempo con estos pasos: la demanda de desarrolladores web no va a disminuir en el corto plazo, por lo que tiene tiempo para aprender.

Pero aquí está la gran pregunta: Una vez que sientes que tienes esa comprensión básica, ¿cómo encuentras realmente clientes de desarrollo web?

Estás de suerte – ¡de eso hablaremos a continuación!

Cómo Encontrar Tu Primer Cliente de Desarrollo Web (o Convertirte en un FREELANCER)

Solo porque tengas la habilidad no significa que la gente te entregue dinero. Necesitas trabajar un poco y venderte. También necesita ponerse en los lugares correctos para obtener oportunidades.

Ahora, como desarrollador web, tienes dos opciones. Puedes 1) intentar conseguir un trabajo a tiempo completo en el sitio con una empresa o 2) seguir la ruta del trabajo independiente y buscar conciertos en línea.

Recomendamos trabajar de forma independiente. Si bien no ofrece el mismo cheque de pago garantizado que un trabajo de tiempo completo, hay 3 grandes beneficios:

• Libertad: No más fichajes y fichajes. Es posible que aún trabaje las mismas horas (o más), pero su horario, ubicación y circunstancias de vida dependen completamente de usted. (Plus – sin desplazamientos, lo que le ahorra horas cada semana!)
• Dinero: Una vez que te conviertas en un buen freelancer, tendrás una mejor oportunidad de ganar más dinero (que esperar un mísero aumento del 3% cada año).
• Prestigio: Con el tiempo, tendrás la oportunidad de construir tu propio trabajo personal y marca hasta el punto de que finalmente te garantice una afluencia constante de nuevos clientes (¡sin siquiera tener que buscarlos!).

En la siguiente sección, nos centraremos en cómo obtener tu primer trabajo independiente como desarrollador web.

Sube a las bolsas de trabajo

La mayoría de los freelancers visitan las bolsas de trabajo para encontrar sus primeros trabajos de desarrollo web. Estos pueden ser excelentes para acumular experiencia, pero probablemente no quieras usarlos como una estrategia a largo plazo.

La calidad de los clientes puede ser muy impredecible. Algunos podrían ser geniales. Otros menos

Muchas veces atraen a personas que no tienen experiencia en la contratación, lo que puede crear muchos problemas cuando intentas trabajar con ellos. Muy a menudo, las bolsas de trabajo también atraerán a personas con plazos y presupuestos poco realistas.

Confiar demasiado en las bolsas de trabajo (durante demasiado tiempo) no te dará la oportunidad (ni el tiempo libre) de comenzar a construir tu propia marca. Atraer la atención «entrante» a su trabajo en última instancia, le llevará a los mejores (y mejor pagados) clientes al final del día.

Pero como dijimos, no es una mala opción para comenzar y ganar experiencia.

Simplemente comprenda que cada trabajo que obtenga en una bolsa de trabajo (aunque puede que no pague muy bien) lo ayudará a ganar experiencia y obtener más trabajo futuro.

También es bastante fácil comenzar en las bolsas de trabajo

A continuación se muestra una imagen de los resultados de una búsqueda rápida en UpWork:

(Como puede ver, hay toneladas de oportunidades de trabajo para desarrolladores web!)

Aquí hay algunas bolsas de trabajo donde puede encontrar trabajos de desarrollo web:

• PeoplePerHour.com
• Codeable.io (para WordPress)
• TopTal.com (para WordPress)
• UpWork.com

Crea un sitio de cartera

Para facilitar la obtención de más clientes (y para que los clientes te encuentren), debes crear un sitio de cartera. Aquí es donde podrá mostrar sus últimos proyectos, mostrar testimonios de clientes satisfechos, proporcionar a los clientes potenciales una forma fácil de ponerse en contacto con usted y también mostrar sus capacidades de desarrollo web.

Estos son algunos consejos para crear su sitio de portafolio de desarrollo web:

• Use testimonios de clientes pasados y actuales. Esto asegurará a los visitantes que usted hace un gran trabajo y que otros estaban felices de trabajar con usted. (Acostúmbrate a pedir testimonios cada vez que termines un proyecto.)
• Infunde tu personalidad. ¿Qué tiene de bueno trabajar contigo y qué te hace destacar? Cuando infunde personalidad en su sitio de portafolio, automáticamente se distinguirá.
• Incluye los elementos correctos. Su nombre, la versión corta de su historia de cómo/por qué se convirtió en desarrollador web, sus datos de contacto, su trabajo reciente y sus habilidades.
• Responde » ¿Qué gano para mí?” pregunta. Básicamente, hágales saber el beneficio principal de trabajar con usted, es decir, lo que los clientes obtendrán al trabajar con usted.

Sobre todo, debe asegurarse de que su sitio de portafolio se vea increíble. Quieres que los clientes potenciales lo vean y piensen: «¡Guau! Yo quiero algo así para mi sitio web!»De esa manera, estarán mucho más interesados en trabajar contigo.

Aquí hay algunos ejemplos de excelentes sitios de portafolio de desarrolladores web para usar como inspiración:

• MattFarley.ca
• Caferati.yo (Hablando de infundir personalidad, este desarrollador lo hace a lo grande en su sitio. Vaya a la página de inicio y verá lo que queremos decir!)
• Pierre.io

Aquí hay algunos recursos para ayudarlo a construir su sitio de portafolio de desarrollo web:

• Cómo crear un sitio web de portafolio
• 10 Consejos para crear su Portafolio de desarrolladores

Comience a trabajar en red

No se limite a pasar todo su tiempo buscando en las bolsas de trabajo en línea. Si quieres obtener grandes oportunidades, tienes que salir al mundo real también.

Haz que sea un punto para asistir al menos a 2-3 eventos de networking relevantes cada mes. Suponiendo que viva dentro o dentro de una o dos horas de una gran ciudad, no debería ser difícil encontrar este tipo de eventos.

Comience buscando reuniones en Meetup.com y Eventbrite. Solo en estas dos plataformas deberías encontrar toneladas de eventos relevantes.

Apunta a eventos que atraigan a emprendedores, ya que estas personas serán las más propensas a querer construir un nuevo sitio web. A medida que te conectes y te conectes con más de estas personas (y hagas saber que eres un desarrollador web), te expondrás a más y mejores conciertos que los que encontrarías en las bolsas de trabajo. También empezarás a hacer crecer tu marca personal.

Aquí hay otro gran recurso para ayudarlo a encontrar eventos: Cómo Encontrar Eventos de Networking Que Realmente Valgan la Pena Asistir

Los beneficios de un Desarrollador Web a Tiempo Completo

Hablamos mucho sobre el trabajo independiente como desarrollador web. Sin embargo, trabajar a tiempo completo en una empresa tiene sus propios beneficios:

• Está trabajando con otros desarrolladores – esto le da la ventaja de una experiencia compartida, especialmente si es completamente nuevo. Trabajar con otros les permite compartir su experiencia contigo, lo cual es muy valioso.
• El soporte al cliente está organizado: cuando trabajas en una empresa, no estás obligado a trabajar a diferentes horas del día. Esto significa que los clientes de la empresa saben cuándo ponerse en contacto y esperan que su trabajo esté terminado.
• Carga de trabajo mucho más enfocada: varios freelancers trabajan hoy en día en diferentes proyectos al mismo tiempo. Esto divide su enfoque, lo que puede afectar la calidad general. Como desarrollador a tiempo completo, es más probable que trabaje en un solo proyecto que requiera toda su atención.

Conclusión

El mercado laboral es cada vez más duro. Los trabajos más tradicionales se eliminan cada día. Entonces, ¿por qué no aprender una habilidad que lo mantendrá empleado (y posiblemente rico) en el futuro previsible?

Esa es la gran ventaja del desarrollo web. La gran parte es que no necesitas un título caro y lujoso para entrar en el campo. Simplemente siguiendo los pasos que hemos enumerado aquí, puede comenzar el camino para convertirse en un desarrollador web.

Además, hay muchas opciones de software de Entorno de Desarrollo Integrado (IDE) que hacen que la vida de un desarrollador sea mucho más fácil.

Para recapitular, estos son los pasos básicos para convertirse en desarrollador web:

1. Aprender los conceptos básicos de HTML, CSS y Javascript
2. Ir a través de tutoriales de WordPress
3. Aprender los conceptos básicos de Interfaz de usuario y experiencia de usuario
4. Aprender SQL y PHP
5. Aprender los conceptos básicos de SEO
6. Asegúrese de que su sitio sea Receptivo

Y aquí están los pasos básicos para encontrar su primer trabajo de desarrollo web:

1. li> Crea un sitio de Portafolio
2. Comienza a crear redes

¡Ahora es el momento de tomar medidas y mostrarle al mundo lo increíble que puedes ser!