Comencé a aprender programación HTML hace una semana con un tutorial. Desde cero, creé una página de inicio de sesión similar al primer Facebook con aproximadamente 80 líneas de código. ¿Es un comienzo decente? ¿Cuáles son algunos consejos?

Answer 1

De acuerdo, es una buena manera de comenzar: acostumbrarse al idioma que define la interfaz.

Pero recuerda que el desarrollo web es MUCHO más que un simple HTML. Dado eso, continuemos desde donde empezaste:

Ajusta el estilo de tu página. Como no mencionó CSS, asumiré que ha puesto el estilo de su pequeña maqueta como atributos de sus elementos HTML. Eso se llama estilo en línea y a menudo se considera una mala práctica. Por lo tanto, debe mover esos estilos a un archivo CSS y dar clases e identificaciones a sus elementos HTML.
Elija un lenguaje de fondo . Si tiene la intención de aprender sobre desarrollo web, debe elegir un lenguaje de programación de back-end como Python, Ruby, PHP o Node.js (hay muchos otros, usted decide cuál usar). Luego, intente hacer su página de inicio de sesión para enviar el nombre de usuario y la contraseña a su servidor (back-end) y devolver un mensaje de éxito o falla. Simplemente compare lo que se envió desde su página con alguna cadena que haya definido dentro de la secuencia de comandos de su servidor.
Deja de refrescar la página. Haz lo mismo que antes pero ahora sin actualizar tu página. El punto aquí es que hagas un vistazo a algunos JavaScript y que entiendas el concepto de AJAX. Puedes usar jQuery para hacer las cosas un poco más fáciles.
Persiste tus datos. Una vez que haya entendido cómo comunicar su página con su servidor (su front-end con su back-end) es hora de aprender un poco acerca de las bases de datos. Instale algunos DBMS (sistemas de administración de bases de datos) como MySQL o MongoDB (o cualquier otra base de datos que le gustaría aprender, ya sea SQL o NoSQL) y haga lo mismo que arriba, pero ahora, en lugar de verificar una cadena codificada, debe recuperar el nombre de usuario y contraseña de la base de datos y compárelos con los enviados desde su página.

Bueno, creo que eso te dará una idea de los conceptos básicos involucrados en el desarrollo web.

¡Sigue estudiando!

Answer 2

Eso significa que estás bien en el diseño básico y el estilo. Sin embargo, tengo malas noticias para usted: el desarrollo web es mucho más que HTML. No me malinterprete, entender las etiquetas y la estructura del documento es importante, pero la mayor parte del trabajo de diseño es manejado por no programadores en compañías de cierto tamaño hacia arriba.

Los programadores dejan la mayor parte del código HTML en cualquier página dada para ser generada automáticamente por marcos, solo editando HTML estático (o más generalmente, editando plantillas) directamente para trabajos muy específicos.

Si opta por el diseño web en lugar del desarrollo web , entonces lo ha hecho muy bien. Sin embargo, debes saber que el diablo está en los detalles. Es normal y, de hecho, se recomienda tomar “inspiración” de otras páginas (tratar de replicarlas sin mirar su código fuente es un buen ejercicio, pero mirarlo puede mostrarle algunos trucos que no conocía) .

Answer 3

Es bastante fácil escribir una maqueta, a menudo hago esto en unos minutos con un buen generador de aplicaciones como Delphi o en los viejos días HyperCard.

Por supuesto, cuando le muestra esto al cliente, incluso si se lo advierte antes de tiempo, PENSAN que ya está todo hecho y que le pagarán en el lugar por 4 horas de trabajo y piensan que ya terminó. Luego, debe informarles que el back-end, solo para apoyar a un usuario, tomará otras 1,000 horas para poner en marcha la primera versión inestable, y luego 500 horas para volver a escribirla para que se amplíe.

Así que tienes un largo camino por delante.

Por cierto, soy solo yo, ¿o alguien más encuentra la interfaz de FaceBook extremadamente horrible, mucho peor que cualquier otra cosa? ¡Peor aún que Quora!

Answer 4

Buen comienzo pero te sugiero que sigas adelante.