Introducción

Si estás interesado en entrar en la programación web este año 2024 y por lo que sea, no puedes formarte por las vías convencionales, este artículo va dedicado a ti.

Antes de empezar, comentar que es importante no agobiarse con la cantidad de tecnologías que hay disponibles. Ve a tu ritmo, comienza con lo básico y sigue avanzando poco a poco, centrándote únicamente en proyectos estables y consolidados, como los que se enumeran en el artículo.

Dicho esto, vamos con el plan de estudio que yo recomendaría:

Editor de código

Lo primero, y muy importante, el editor de código (IDE). Yo personalmente uso Visual Studio Code, es gratuito, fácil de usar y tan potente como uno quiera instalando extensiones.

Mantente al tanto, porque es muy probable que dedique un artículo entero a este editor de código, porque hay mucho de lo que hablar.

HTML

Es muy normal subestimar HTML, pero es muy importante conocer, al menos de oídas, las innumerables etiquetas que existen a día de hoy. Aparte, aprender la jerarquía de las mismas para el SEO y empleo de directivas para la accesibilidad, ya que es lo que usan los buscadores como Google, para puntuar y posicionarte en los resultados de búsqueda. Otra cosa importante y que no debemos olvidar son las meta tags, que son las que se encargan de dar información a los buscadores y muchas también puntúan para los resultados.

Estilos

Si nos vamos a los estilos del frontend, recomiendo conocer muy bien CSS con BEM, que es una metodología de nomenclatura que ayudará a tener un código bien estructurado. Luego, cuando ya controles CSS, puedes probar a utilizar TailwindCSS. Dediqué un artículo a hablar de este framework, pero igualmente, si te sientes cómodo con CSS, puedes obviarlo.

Primer lenguaje

Entrando en lenguajes web, principalmente recomiendo aprender JavaScript por su versatilidad, ya que puedes usarlo literalmente en todos lados, tanto frontend, como backend (con NodeJS). En cuanto al mundo laboral, es muy recomendable aprender PHP con programación orientada a objetos (POO), ya que es el lenguaje más usado en el backend (con o sin framework).

Bases de datos

Si hablamos de base de datos, estudiar el lenguaje de consulta estructurada SQL, pero bien. No hay que asustarse, pero lleva su tiempo. Para que te hagas una idea, en el CFGS de ASIR, tenía una asignatura completa dedicada a ello. Luego si quieres, puedes dar el salto a los ORM que usan muchos frameworks y facilitan todo mucho.

Frameworks

Y si hablamos de frameworks, gustos colores. Personalmente de JavaScript, me gusta mucho VueJS y React, ambos instalados con Vite. También tenemos Astro, el cual ya hablamos aquí y que es un concepto curioso, ya que te permite crear webs a base de componentes propios o de otros frameworks de JavaScript. Recalcar que Astro lo he usado en lo personal y aún no le he visto cabida en lo profesional. En cuanto a PHP, recomiendo Laravel para una web completa, o Slim para una API.

Control de versiones

Cuando comiences a programar profesionalmente, tendrás que versionar tu código, asi que no sobra aprender de antemano el clásico: Git. Y como repositorio de código, Github, por las últimas funcionalidades que han ido implementando.

Publicación

Y por último, pero no menos importante, la publicación de las aplicaciones web. En artículos anteriores, os he hablado de varías plataformas con planes gratuitos para justamente esto.

• Glitch, una plataforma con plan gratuito, que permite editar código mientras se ejecuta en tiempo real directamente en el hosting. A día de hoy, ya no tiene tanta gracia, porque ahora prácticamente todos los servidores de desarrollo locales gozan de hot reload, que es más rápido y cómodo. Permite tanto frontend como backend (NodeJS o PHP). Por aquí tenéis un artículo que escribí sobre esta plataforma.

• Surge.sh, la cual también hemos comentado por el blog y que permite gratuitamente, publicar webs estáticas.

• GitHub Pages, que también permite publicar webs estáticas de forma gratuita.

• La última alternativa que os propongo es Vercel, una plataforma un poco más avanzada que las anteriores, que es mejor dejarla para cuando ya tengas un poco más de experiencia. Aquí tenéis el artículo que dedique a la migración que hice de mi web a esta plataforma.

Conclusión

Y hasta aquí el plan de estudios que yo recomendaría para alguien que comienza en el mundo de la programación web en este año 2024. Podría haberme extendido mucho más, pero creo que con esto ya tienes una buena base para comenzar a buscar información y los cursos pertinentes. Si tienes alguna duda, puedes contactar conmigo por LinkedIn o por el formulario de contacto de esta web. ¡Mucha suerte a todos!