Los diseñadores deben hacer PSD, y los ingenieros deben hacer HTML / CSS. Si bien es fácil hackear una página web para que se vea similar a un archivo PSD, se requiere una planificación cuidadosa de la estructura HTML de manera que sea receptiva, extensible y legible.
- Sensible : la página web debe verse bien en todos los tamaños de pantalla. Ya sea que cambie el tamaño de los elementos de la página para que se ajuste o imponga un alto y ancho mínimos para la página, su página no debe quedar destrozada después de cambiar el tamaño.
- Extensible : debe poder “colocar” el widget dentro y fuera de su documento HTML sin afectar a otros elementos. En otras palabras, el diseño de su sitio debe ser modular.
- Legible : si un nuevo desarrollador mirara su código, debería entender la razón detrás de cada elemento de la página. Use contenedores para encapsular elementos complejos. Use
- o
- para elementos iterativos. Use nombres de clase y identificadores comprensibles.
Para conectar realmente el front-end al back-end, tiene dos opciones:
- Soy un estudiante de bcom, ¿qué curso de informática debo aprender? ¿Tengo ganas de aprender diseño web o diseño gráfico, qué debo aprender?
- Quiero comenzar un sitio web de una sola página para vender mi libro electrónico. ¿Con qué compañía / plan de alojamiento debo ir?
- Cómo lanzar un sitio web con éxito
- Mi comprensión de cómo usar las API RESTful está jodida. ¿Qué tengo que hacer?
- Soy un desarrollador de UI y tengo 1 año y 3 meses de experiencia en HTML y CSS, pero tengo dificultades para aprender JS y angular. ¿Qué tengo que hacer?
- Asíncrono : agregue puntos finales en su servidor que acepten llamadas ajax desde el front-end. La comunicación entre el servidor y el cliente se realiza en un estilo similar a RPC, donde el servidor enviará respuestas de ÉXITO o FALLA a los intentos del cliente de consultar un punto final.
- Estático : los puntos finales del servidor responden al cliente con HTML de página completa a solicitud del cliente. Esta es la forma convencional; los usuarios deberán cargar una nueva página después de la mayoría de las acciones.
Asíncrono es la mejor manera de manejar la comunicación cliente / servidor, sin embargo, a menudo lleva más tiempo implementarlo. Sin embargo, existen bibliotecas como Backbone JS que ayudan a los desarrolladores a sincronizar el front-end con el servidor de forma asincrónica.