¿Cómo Aprender Desarrollo Web?

Aprender desarrollo web puede ser intimidante pero no imposible. Conoce lo básico para empezar además de cursos y sitios en línea de ayuda.

Con el Internet es posible aprender cualquier cosa. Hay páginas enteras dedicadas a vender cursos o que incluso los ofrecen gratis. Cualquier tema lo puedes aprender y cualquier habilidad la puedes desarrollar con ayuda del internet. Sólo hace falta que le dediques tiempo y tengas las herramientas adecuadas. Aprender desarrollo web no es la excepción. Hay muchas herramientas y cursos en línea que te pueden ayudar. Aquí te daré una guía para que sepas por dónde comenzar, comiences a familiarizarte con algunos aspectos y conozcas algunas herramientas y cursos para principiantes. También, si ya tienes algo de tiempo aprendiendo, voy a recomendarte páginas para que practiques tus habilidades en programación.

Sin más, pasemos al primer punto.

1. Entender qué es el desarrollo web

A algunos podría parecerles innecesario detenerse aquí, pero este es el verdadero punto de partida. Cuando pensamos en desarrollo web pensamos en crear sitios de internet y no estamos equivocados. Sin embargo, esto no lo dice todo sobre los procesos que esto implica. Por otra parte, hay un montón de vocabulario que vas a necesitar manejar para entender tutoriales y manuales. Por eso es importante detenernos aquí y aclarar qué se estudia al aprender diseño web.

Lentes frente a laptop con código de programación en la pantalla

¿Qué es el desarrollo web?

El desarrollo web es el trabajo de construir y mantener sitios web. Los sitios web, en su forma más básica, son un conjunto de archivos guardados en un servidor. Las personas acceden a ellos por medio de un navegador, descargan la información del sitio y a la vez cargan información nueva al servidor. Este flujo circular es el principio básico del internet.

Los desarrolladores web son los que echan a andar los sitos. Mientras una persona lee un blog, hace una compra en línea o mira un video, detrás hay códigos y vías de comunicación con el servidor que lo hacen posible. Esta ingeniería que se encuentra detrás es obra de los desarrolladores web.

Quizás en algún momento de tu formación escolar (dependiendo de qué edad tengas) tuviste clases de computación y te enseñaron un poco de código HTML. Había que escribir un montón de instrucciones para que una página web tuviera un título, un párrafo, una imagen, un fondo... Además de que las opciones eran muy básicas y la página no se subía a ningún servidor, era sólo un archivo de computadora que se abría con el navegador.

El desarrollo web sí tiene qué ver con esa experiencia de clases de computación y a la vez no. El asunto es que la tecnología avanza cada vez más rápido y hay muchos procesos que se simplifican con algunas herramientas. Aunque también, lo que uno aprendió en clase de computación no fue la información más completa.

En el desarrollo web hay dos áreas a cubrir: lo que ve el usuario y lo que no se ve pero hace que el sitio funcione. Me refiero al desarrollo web front-end y back-end respectivamente.

¿Front-end, back-end o full stack?

Entonces, el desarrollo web tiene dos partes. El primero se trata de lo que se carga en el sitio, lo que ve el cliente en la página, este es el front-end. Mientras que el back-end está relacionado con el servidor y son procesos que no están a la vista. Podemos imaginar una página web como un restaurante en el que el front-end es la fachada, la decoración del comedor, las sillas, los platos y cómo se ve la comida. Mientras que el back-end es lo que ocurre detrás, las entregas de insumos y como tal cocinar la comida.

Un desarrollador puede dedicarse solamente a programar lo que sostiene la página web o a programar lo que ve el cliente cuando entra en el sitio. Ninguno es mejor que el otro o más difícil que el otro. Es una cuestión de preferencias, hay a quienes les apasiona el diseño y cuidar la experiencia del usuario. A otros lo que más les gusta es cuidar de la comunicación entre el servidor y la página, las bases de datos y la ingeniería interna de la página. Ambas perspectivas son válidas.

Hay una tercera opción, que es dedicarse a ambas cosas, ser full-stack. En cualquier caso, sí te recomiendo que aprendas aunque sea un poco de los dos para que decidas qué te gusta más.

2. Educarte

Cursos para aprender desarrollo web desde cero

La parte más difícil siempre es comenzar. Cuando no se tiene un conocimiento o experiencia previa, puedes sentirte perdido. También, puede ser intimidante intentar aprender a base de prueba y error. Más allá del temor, puede ser un camino que te lleve a la frustración. Un curso que cubra contenidos básicos sobre desarrollo web es un buen lugar para empezar.

Hay muchos cursos en línea que cubren las bases del desarrollo web. Lo mejor es que hay para todos los presupuestos, desde los muy caros, hasta lo que son completamente gratis. Aquí te dejo algunas opciones.

Treehouse

Treehouse página principal

Por veinticinco dólares al mes puedes aprender a programar. Treehouse ofrece cursos en video hechos por expertos en el tema. Además, hay sesiones prácticas interactivas. Si lo deseas puedes inscribirte en programas que te darán un grado oficial. También puedes probarlo gratis por siete días. Si te interesa, da clic aquí.

LinkedIn Learning con Lynda.com

LinkedIn y Lynda.com página principal

LinkedIn se combinó con Lynda.com para ofrecer los mejores cursos para crecer y mejorar tu currículum. Es destacable las opciones que tienen para desarrollo web, hay más de 200 cursos. Puedes aprender por tan solo veintinueve dólares al mes. Si quieres conocer más, haz clic aquí.

Udemy

Udemy cursos, filtrar por precio gratis

Udemy ofrece cursos sobre todo lo que te puedas imaginar. No hay una suscripción mensual, sólo pagas los cursos que quieras tomar. Lo interesante es que puedes filtrar los resultados por precio y uno de esos filtros te muestra sólo las opciones gratis. (Como en la imagen de arriba). Pruébalo aquí.

Code Academy

Code Academy página principal

Aprende desarrollo web gratis. Con Code Academy irás avanzando de lo básico a lo complejo, con ejercicios aplicados cuando ya hayas ganado algo de experiencia. Inscríbete aquí.

3. Practicar

Una vez que sabes las bases, nada debe detenerte. El desarrollo web es una de esas habilidades que necesitas poner en práctica constantemente, como tocar un instrumento. Lo mejor es que dediques tiempo a desarrollar proyectos y a probar cosas nuevas. Aquí te doy algunos sitios que te pueden ayudar a mejorar o a ayudarte a pensar fuera de la caja.

Mejorar tus habilidades

Si lo que quieres es afinar tus habilidades, puedes recurrir a cursos especializados. Podrás saltarte lo básico e ir directamente a lo que quieres aprender para completar tus conocimientos.

Plural Sight

Plural Sight página principal

En este sitio puedes hacer un test para identificar huecos en tus conocimientos. Así puedes concentrarte específicamente en lo que te falta por aprender. Comienza aquí.

Exercism

Exercism página principal

Para practicar programación, no hay como Exercism. Este es un recurso abierto hecho por desarrolladores para desarrolladores. Trabaja por proyecto y recibe tutorías gratuitas. Comienza aquí.

MDN Web Codes

MDN web codes página principal

Creada por una comunidad abierta de desarrolladores web, MDN Web Codes es perfecta para mejorar en lo específico. Puedes buscar sólo lo que necesitas saber, aprender o consultar. Se mantiene bien actualizada entonces siempre estarás al día. Además puedes obtener explicaciones pragmáticas de profesionales. Pruébala aquí.

Retar tus habilidades

Hay un momento en el aprendizaje de cualquier cosa en el que sientes que lo sabes todo. Cuando alcances ese punto en desarrollo web, es momento de tomar retos. Estas páginas ofrecen retos que te ayudarán a pensar fuera de la caja y a aprender de otros desarrolladores.

Code Wars

Code Wars página principal

Este es un sitio de retos de programación. El lema es: Logra maestría a través de retos. Puedes elegir el programa y lenguaje de programación que desees, así siempre mejorarás en lo que te interesa. Una vez que completas el reto puedes comparar tu solución con la del resto de la comunidad. Te ayuda a aprender desarrollo web a través de la experiencia. Comienza aquí.

Free Code Camp

Free code camp

La programación nunca ha sido tan accesible como lo es gracias a Free Code Camp. Como su nombre lo indica es gratuita y además está conformada de una gran comunidad. La idea es aprender a través de retos HTML5 y CSS3. Una súper página para aprender desarrollo web. Comienza aquí.

4. Tener Herramientas a la mano

Code Editor

Así como existen los procesadores de texto, existen los editores de código. Un editor de código te permite escribir y marcar el código que hará realidad tu sitio web. Familiarizarte con ellos es importante si vas iniciando como desarrollador.

Pueden tratarse de aplicaciones individuales o una característica incluida de un IDE (Entorno de Desarrollo Integrado). En cualquier caso, es el espacio en el que escribirás el código.

Una opción para empezar es Visual Studio Code. Es una opción gratuita, de código abierto, que además es compatible con Windows, Linux y macOS. Están especializados en el diseño de sitios modernos y en optimizar al proceso de creación así como de depuración de sitios web. Pruébalo aquí.

VS Code página principal

Package Managers

Escribir código puede ser muy cansado. Pero existen muchas herramientas que lo hacen más fácil. Debes recordar que no eres la primera persona en programar, ya existen códigos escritos para ciertas cosas. Puedes brincarte el pasar por procesos largos de prueba de error si conoces recursos que ya han compilado líneas de código usuales.

Una de estas herramientas son los Package Managers (Sistemas de Gestión de Paquetes). Estos sirven para automatizar los procesos de instalación o actualización de software. Permiten a los desarrolladores instalar fácilmente paquetes en el proyecto en el que estén trabajando.

El Package Manager más utilizado es npm. Es gratis y de código abierto. Es una muy buena opción si estás empezando para familiarizarte con esta herramienta. Pruébala aquí.

npm página principal

Herramientas y Extensiones

En posts anteriores ya hablé de algunas herramientas para desarrolladores. Hay herramientas para depurar, para editar, para copiar y pegar pedazos de código... Conócelas en el top 10 Increíbles Herramientas para Desarrolladores Web. También hay extensiones del navegador Google Chrome que son la mano derecha de muchos programadores. Entérate en: Extensiones Útiles de Google Chrome.

Un último consejo para principiantes

Vocabulario para aprender desarrollo web

Más allá de saber programar y entender lenguajes de programación, el mundo del desarrollo web tiene su propio idioma. ¿Qué quiere decir HTML? ¿O AWS? ¿Sabes qué es CSS? ¿O si quiera HTTP o WWW? Bueno, quizás esa última sí. Pero a veces, en los tutoriales sobre programación web se aluden a muchas siglas o palabras que sólo hacen sentido en el contexto de la programación. Si tienes duda de alguna, puedes consultar este glosario. Con el tiempo te acostumbrarás a todas las abreviaturas y siglas y no lo necesitarás más.

Por otra parte, no está demás aprender inglés. Hay muchos más recursos, tutoriales y videos en inglés. Además de que muchos de los términos con los que te toparás estarán en inglés. Te sugiero que inviertas algo de tiempo en ello. En mi artículo Tips para Freelancers ya hablaba un poco de las ventajas de saber este idioma y recomiendo apps para aprender o practicar inglés.

Hay mucho por aprender cuando se trata de desarrollo web. Sin embargo, no es imposible. Espero que esta guía te haya dado una buena orientación para empezar y que los cursos y herramientas te sean muy útiles.

Si quieres seguir aprendiendo más, te invito a leer:

Recent Resources 

Ciberataques: Ransomware y Phishing ¿Cómo proteger tu empresa?

¿Has oído hablar de ciberataques con ransomware o phishing? Estos son los principales medios por los cuales los hackers acceden a los archivos y equipos de las personas. Mantente un paso delante de los hackers y conoce cómo operan para protegerte.
Read More >>

¿Conoces la longitud ideal para un artículo de blog?

La publicación de un artículo para un blog es determinante para el SEO y para posicionar la página entre los primeros lugares de los buscadores. Estas publicaciones deben tener ciertas características: el uso de las palabras clave, frecuencia de publicación y longitud
Read More >>

Sandbox: una promesa del metaverso

Comprar, vender, crear, experimentar y monetizar en el metaverso no tiene que estar limitado a los programadores. Conoce Sandbox, la plataforma que lo tiene todo para que comiences a vivir en la era digital.
Read More >>
Full-stack developer with a good understanding of business challenges. Not only am I an expert in my field, I know what business needs in a competitive digital world. I am eager to work on all kinds of projects.

Newsletter

Subscribe and check out my weekly blog

© 2022 Giovani Rodriguez. All rights reserved
hello@giovanirodriguez.dev