Antes de comenzar a aprender sobre desarrollo web, ¿de qué cosas básicas debo tener en cuenta?

Hay un backend y un frontend.

Interfaz

Esto es lo que ve, como campos de entrada, íconos, menús desplegables, etc. Cualquier cosa en el extremo frontal no es un secreto. No intente verificar la entrada válida en la interfaz. Puede hacer esto, sin embargo, también debe verificarlo en el backend.

Básicamente, se utilizan tres idiomas en la interfaz: HTML, CSS y Javascript. HTML es para enmarcar el diseño, CSS es para agregar estilo y Javascript es un lenguaje de programación real para manipular la página web. Hay otros, pero son transpilados en estos tres idiomas.

Todo en la interfaz se ejecuta en el navegador. Esto significa que se está ejecutando en la máquina de su usuario.

Backend

El backend tiene una gran variedad de idiomas disponibles. Algunas de estas opciones incluyen PHP, Javascript (Node.js) y Python. Cuando estás empezando solo necesitas saber realmente uno.

Todo en el servidor se ejecuta en un servidor. Debido a que se ejecuta en un servidor en lugar de en la máquina del usuario, es un secreto. Aquí es donde debe hacer cosas como verificar una contraseña y verificar la entrada. El servidor también contiene cosas como bases de datos donde almacenaría la información del usuario.


Hay marcos, herramientas y muchas otras cosas que las personas usan para ayudar en el desarrollo. Mientras estás aprendiendo me olvidaría de ellos. Aprenda lo básico, luego descubra cómo hacer su vida más fácil con las herramientas disponibles.

El aprendizaje nunca se detiene.

La web es una plataforma en rápida evolución, con aparentemente una nueva forma de hacer que las cosas aparezcan todos los días. Las “mejores prácticas” de hoy podrían convertirse en malas prácticas en el futuro a medida que cambien las tecnologías y los idiomas. Hay y siempre habrá algo ‘nuevo’ para aprender y descubrir, que es una de las razones por las que me encanta.

Bien …

Primero debes asegurarte de que comprendes muy bien la programación. (Si no lo hace, comience en Teach Yourself Computer Science).

Siempre verifique la entrada correcta en la parte delantera. Es inútil (y inútil) enviar una página que no esté completamente llena con toda la información requerida. Incluso puedes validar partes de ella. Las entradas numéricas no deben contener nada más que 0–9. Los nombres no deben contener dígitos.

Pero valídalo en la parte de atrás también. El extremo frontal no puede verificar algo como ese nombre de usuario que ya está siendo tomado.

(HTML no es para “encuadrar” nada, es el contenido, el marcado).

Conozca qué funciona en el navegador web, qué funciona en el servidor y cómo se comunican. Aprenda lo que significa “modelo desconectado”. Aprende qué es el DOM y cómo manipularlo.

Y, como dijo Ryan DesRoches, el aprendizaje nunca se detiene. (Ya estoy retirado, pero sigo aprendiendo). Si crees que el desarrollo web es “aprender una vez, escribir muchos”, estás en el campo equivocado. Es “aprender muchos, escribir muchos”, pero aprendes más temas que escribes sitios. (Escribí sitios durante años sin siquiera haber oído hablar de AJAX, porque el concepto no existía en aquel entonces, aunque se podría haber hecho, si alguien lo hubiera pensado antes).