Iniciarse en el mundo del desarrollo de páginas web puede resultar algo intimidante, debido a la cantidad de lenguajes y herramientas que existen actualmente y quizá puedas sentirte agobiado y hasta cierto punto frustrado.

Al igual que cuando éramos niños, debemos dar los primeros pasos con determinación, ya que para aprender la programación de sitios web requiere de compromiso y perseverancia. Representa un desafío, dedicar horas de tu valioso tiempo para adquirir los conocimientos necesarios, pero al final, te convertirán en todo un experto.

“La práctica hace al maestro” si quieres formarte como desarrollador web, es la máxima por la que debes regirte .

PRIMEROS PASOS

Para el desarrollo de páginas web, te sugerimos una serie de pasos que te servirán de guía.

Paso 1: Descarga un editor de código.
Estos son programas sencillos con los que podrás desarrollar código de manera eficiente. Existen varios editores de código gratuitos entre los que podemos mencionar: Sublime Text, Notepad++, Brackets y Atom.

Paso 2: Aprende HTML (HyperText Markup Language ó lenguaje de marcado de hipertexto) Es una herramienta que sirve para crear la estructura del contenido y constituye la base de un sitio web. Se ejecuta con el navegador web, que es el encargado de entender cada línea implementada en el código creado.

Utiliza una sintaxis especial con un sistema de marcadores o etiquetas conocidas en inglés como tags, que indican cómo va ordenado el contenido de la página web. Es fácil de comprender y con él puedes agregar: títulos, párrafos, lista con viñetas, imágenes y tablas de datos.

Ejemplo estructura HTML

Paso 3: Aplica CSS (Cascading style sheets, hojas de estilo en cascada)

Es un lenguaje de diseño gráfico que define la apariencia de un documento escrito en HTML, con el que podemos definir colores, márgenes, tipografía, animaciones, degradados entre otros.

Funciona a través de reglas, que son declaraciones sobre el estilo de uno o más elementos, y las hojas de estilos están compuesta por una o más de esas reglas, las cuáles tienen dos partes: Un selector y una declaración. Por ejemplo:

Aplicación de CSS

Paso 4: Avanza de nivel, ¡aprende JavaScript! (JS) 

Es un lenguaje de programación interpretado, es decir, no necesita compilación para ejecutarse, ya que se puede probar directamente en cualquier navegador. Permite crear páginas web dinámicas, con interacción mediante efectos como: Textos que aparecen o desaparecen, animaciones, acciones que realizan al presionar un botón y ventanas con mensajes de aviso al usuario en tu sitio.

HTML, CSS y JS  como pudiste haber notado son las tres herramientas necesarias para el inicio de la programación web  y están estrechamente relacionadas. La primera constituye la base de código básico un sitio web, la segunda define toda la parte estética y por el último, el JS, agrega funcionalidades para hacer las páginas web más atractivas. Son tus tres primeras herramientas básicas para iniciarte como programador Web, denominadas también Front end (el lado del cliente). Su contraparte es Back end (el lado del servidor)  aquí por ejemplo podemos nombrar la herramienta PHP-Hypertext Preprocessor, que es un lenguaje de programación de código abierto  y muy popular, para crear sitios webs, que les hablare en otro post), 

Sugerencias adicionales

1) Busca información y material de apoyo. En internet existen un sin fin de sitios con información que pueden ayudarte. Por ejemplo Youtube (¡Claro que lo conoces!), también hay foros, blogs. O plataformas como Udemy y Coursera en las cuáles puedes encontrar cursos gratuitos y pagos que te serán de mucha ayuda para mejorar la curva de aprendizaje web.

2) Si deseas formarte como programador web en un tiempo establecido, te recomendamos plataformas como Academlo, una escuela de programación con acuerdos de ingresos compartidos (AIC), que es un contrato que permite al estudiante obtener financiamiento para su educación.

3) Otras plataformas te ofrecen la posibilidad de crear páginas web (Simplesite,Godaddy,Wix y otras) en tan solo diez minutos, con tus propias manos, y sin conocer herramientas de programación a profundidad, sin embargo, no nos engañemos, para formarse como desarrollador web a nivel profesional es necesario aprender desde la base.Es lo que las mayorias de las empresas y profesionales solicitan: Buenos Programadores.

4) Sé constante y dedica unas horas de tu tiempo, para familiarizarte con los lenguajes y herramientas, así irás creciendo como desarrollador web. Con perseverancia podrás hastas desarrollar una profesión que tiene una excelente demanda en el mercado.

5) El futuro está en el teletrabajo y con la situación actual debido al Coronavirus quedó ratificado, ya que la mayoría de las personas estamos trabajando desde nuestros hogares. Y no menos importante, poder ser un programador web te brinda la libertad necesaria para obtener excelentes ingresos financieros desde la comodidad de tu hogar.

Saludos y gracias por leer estas líneas :)