Al adentrarnos en el mundo del desarrollo web, surgen múltiples interrogantes sobre cómo comenzar, especialmente ante la vasta gama de opciones disponibles. Esta guía se centra en dos aspectos cruciales: la programación web con lenguajes interpretados y el uso de lenguajes de marcado como HTML y CSS. Si buscas un inicio 'zen' en la programación, te recomiendo mi post previo sobre cómo dar los primeros pasos en este fascinante campo.

¿Cómo iniciar tu trayectoria? Exploraremos herramientas y páginas esenciales para comenzar.

Si deseas encontrará una guía para iniciar el camino “zen” del programador, te recomiendo leer primero mi post anterior ¿Cómo empezar a programar aplicaciones web? — HumanToDev, hablé de cómo empezar a programar y algunos conceptos básicos sobre el mundo de la programación, encontrarás encajar muchas más ideas para cuando leas este.

Iniciemos abordando algunas páginas y herramientas para iniciar el camino.

Photo by Paul Esch-Laurent on Unsplash

Inicia por elegir con cual lenguaje vamos a comenzar. Tenemos una gama muy amplia para iniciar como ruby, python, html, entre otros.

Uno de los primeros lenguajes en el que nos iniciamos todos es HTML y CSS, estos son lenguajes markup, no de programación. Este lenguaje nos permite escribir código y visualizarlo directamente en el navegador. Lo recomiendo para iniciarte en el camino, dado a que es muy visual, puedes escribir un ‘hello world’ y que aparezca en la pantalla, eso esta muy cool para ver avances rápido. A demás que es muy simple de aprender y empiezas a trabajar con estructura en código.

Si lo tuyo es ir directo al lodo y llenarte completo de pantano, es decir, iniciar directo con un lenguaje de programación, puedes iniciar con ruby, python o javascript.

2.1. Editores de texto

Si vamos a escribir código, ¿donde vamos a escribe ese ‘Hello World’?, para ello, tenemos los editores de texto, hay para todos los gustos y te vamos a mostrar 3 que son geniales:

Estos editores te harán la vida más fácil, vemos que la sintaxis de lenguaje se ve coloreada, esto nos permite visualizar mejor nuestro código. Además nos permiten instalar dentro del editor diferentes complementos/extensiones para, por ejemplo, colorear algunas expresiones o etiquetas, corrige la sintaxis o hasta organizar la estructura de nuestro código. Estas extensiones nos permite expandir más las funcionalidad de nuestro editor de turno.

La terminal es tu mejor amiga, no te dejes intimidar por ese fondo negro, es tu mejor aliada en el mundo de la programación, por defecto los Sistemas Operativos, como windows, mac o linux, tienen sus propia terminales, pero existen algunas que son un poco más robustas por funcionalidades que tiene agregadas. En mi caso, yo uso en mac iTerm2 — macOS, y en linux Terminator, esta última solo podremos instalarla desde la terminal que viene por defecto en nuestro sistema operativo, con los siguientes comandos en linux:

Terminator es una de mis terminales favoritas, tenemos un curso básico para el manejo de terminal, perderle el miedo a la consola y sentir el poder de la matrix en tus manos.

El navegador tiene herramientas para el desarrollador a las que podemos acceder de múltiples formas, una de ellas es haciendo click derecho en la pantalla y seleccionar inspeccionar elemento, se abrirá un ventana con muchas cosas geniales. En esta ventana podemos tener acceso a diversa información, como elementos html, css, javascript y peticiones a servidores, aca te muestro un vistazo:

Cada navegador muestra sus herramientas de forma diferentes, pero las funciones básicas son similares, lo divertido de esta herramienta es que puedes ir jugando con elementos del navegador en tiempo real, cambiar algunas cosas de la página y hacer bromas con ellas.

En nuestro curso básico de herramientas del navegador, te enseñaremos lo esencial de estas tools, para que experimentes con ellas.

Por último y no menos importante tenemos el versionamiento de nuestros proyectos, actualmente los profesionales del desarrollo utilizamos versionadores de código, esto nos permite compartir código, trabajar en equipo y lo más importantes tener un histórico de los archivos, sin la necesidad de crear múltiples copias del mismo. Existen varias herramientas para esto, una de las mas populares es git https://git-scm.com/, también tenemos una guía rápida de git básico, para que aprendas a usar esta herramienta.

Git lo puedes manejar por terminal a través de comandos o lo puedes manejar por entorno gráfico, en muchos casos los editores de texto ya lo tienen integrado para trabajar todo con una sola herramienta.

Git, también tiene almacenamiento remoto, para que puedas subir tu código y trabajar con otras personas, dado a que git trabaja en un esquema donde todos tienen una réplica del código fuente, de esta forma no se centraliza en un solo lugar la información.

Entre los sitios más populares para el almacenamiento remoto de versionamiento git están: github.com y gitlab.com.

Esta entrada es informativa, sobre las cosas ha tener en cuenta al iniciarnos en el mundo del desarrollo web, y sobre la información mínima que un buen desarrollador maneja para empezar a trabajar.

Te dejo el link para instalar git facilmente: https://rioyi.dev/posts/instalacion-de-git

Recuerdarevisar el artículo anterior ¿Cómo empezar a programar aplicaciones web? — HumanToDev que complementa esta, y así continúes tu camino de programador.