¿Cuál es el proceso completo de desarrollo web en codificación detallada, prueba, minificación y producción con las herramientas requeridas?

Hola,

Me gustaría explicar de manera simple,

El proceso de desarrollo web comienza de poco fácil a complejo,

  1. Concepto – prototipo o estructura metálica – básicamente un diagrama aproximado del sitio web o herramienta en línea dibujada a mano para dibujar la maqueta o estructura metálica
  2. Desarrollo – Frontend- UI, medios y errores tipográficos. Backend: lógica de negocios y otro procesamiento de datos requerido para la aplicación
  3. Pruebas de backend: la parte de prueba será una parte interesante y difícil de lograr. Para la prueba de back-end, probablemente una prueba unitaria de un lenguaje de back-end (por ejemplo, PHPUnit)
  4. Pruebas de front-end: validaciones de forma perfecta, pruebas de vista receptiva

UX – Experiencia de usuario

Está un poco alejado de las pruebas, es importante entregar una aplicación web eficiente al usuario final.

  1. Optimización de páginas mediante compresión de medios, minificación de archivos JS y CSS
  2. Prueba de velocidad de página: análisis de los archivos de fuente y archivos JS que hace que la página sea más lenta de cargar y debe optimizarse
  3. Sensible: hacer que el sitio web se vea mejor en todos los dispositivos de medios

Casi todo está por aquí, y finalmente hospedar o pasar a producción.

Depende del idioma de fondo que haya elegido.

básicamente pasar a producción / hosting sería,

  1. copia de seguridad de datos de db a formato .csv / .sql
  2. comprimir y respaldar archivos de origen, incluidos archivos multimedia estáticos, fuentes, etc.
  3. configurar el servidor web en producción, instalar el servidor db e importar el archivo .csv / .sql
  4. desplegar archivos fuente comprimidos en la ruta del servidor web
  5. Reinicio del servidor de producción / reinicio del servidor web

Nota: es un proceso secundario puramente técnico.

Aparte de eso,

tenemos,

  1. Posicionamiento en buscadores
  2. Indexación de motores de búsqueda
  3. Aumento del tráfico del sitio, etc.

PD-: La última nota que puede no ser relevante ahora pero es necesaria.

Happy Code !!!