¿Cuáles son las etapas del desarrollo del sitio web / características (y el orden de implementación) cuando hace todo usted mismo?

Pasos en el desarrollo de productos (web):

  1. Comprende el problema
    1. ¿Cuál es la raíz del problema?
    2. ¿Cómo es “resuelto” por alguien más (si lo hay)?
    3. ¿Qué falta o falta de esas soluciones existentes?
  2. Planifica la solución
    1. ¿De qué soy capaz?
    2. ¿De qué necesito ser capaz (recursos faltantes)?
    3. ¿Resolverá el problema (debería continuar)?
  3. Comienza a desarrollar

Para el proceso de desarrollo en sí, lo que suelo hacer:

  1. Lluvia de ideas técnicas
    Pasaría algún tiempo pensando en el proyecto al azar, desde el front-end, back-end, hosting, gestión de proyectos, etc.
  2. Wireframes
    Garabatee algunas ideas de IU, probablemente desde la página más compleja primero (la “inusual”). Cree ordenadas estructuras de alambre solo si es necesario.
  3. Página web de un archivo
    Por lo general, omito la creación de PSD o maquetas visuales. Creo que es una pérdida de tiempo si puedes “diseñar” rápidamente en la página. Crearía un archivo vacío y luego comenzaría con eso, utilizando estilos y scripts en línea.
  4. Dividir los archivos en consecuencia y luego continuar
    Después de que la página se vea “bien”, dividiría el CSS y JS en archivos separados, luego continuaría con las otras páginas hasta que las páginas difíciles hayan terminado.
  5. Diseño de bases de datos
    Antes de saltar a la programación de back-end, diseñe primero el esquema de DB. Enumere las entidades que existirán en su proyecto y defina cómo se relaciona una con la otra.
  6. Llegar a productos de fondo
    Haz tu magia de back-end, luego conéctala a tus páginas HTML previamente hechas.
  7. Configuración del servidor
    Configure su servidor web, sistema de compilación, flujo de implementación, scripts de mantenimiento, etc. Asegúrese de que esté funcionando bien para que pueda concentrarse en escribir código más adelante.
  8. Continuar trabajando en su proyecto como un todo
    Por ahora, debe trabajar en su proyecto como un “proyecto web”. Salte entre los cambios de esquema de front-end, back-end y quizás problemas del servidor. Esto es lo que elegiste hacer cuando decidiste trabajar solo.
  9. Beneficio
    Ahora puede llamarse a sí mismo un desarrollador de pila múltiple, si no completo.

Para que un sitio web comercial le brinde beneficios reales, el desarrollo del sitio web requiere pasar por muchas fases y procesos. Uno debería tener una visión clara y una percepción de cómo debería ser el sitio web. He proporcionado una descripción precisa de varias etapas del desarrollo de un sitio web:

  1. Propósito: Sea claro como el cristal por qué está creando un sitio web. Comprenda a sus competidores y público objetivo para tener una idea de lo que está ingresando.
  2. Documentación: Anote todas las actividades, características, tareas, entregables, plazos, costos, etc. Esto lo ayudará a planificar su proyecto de manera eficiente.
  3. Lluvia de ideas: es hora de que comiences a estrujarte el cerebro para obtener ideas únicas e insuperables.
  4. Estructura metálica de la estructura: Esto incluye la información sobre el flujo de información que debe ocurrir, cómo cada página del sitio web se relacionará entre sí, la estructura de la URL, la orientación de palabras clave, etc.
  5. Diseño de sitios web: definición de tipografía, paleta de colores, iconografía, tonalidad, etc. El sitio web debe ser visualmente atractivo y evocador.
  6. Diseños de página: asignación de temas, imágenes y otros componentes visuales. Aprobar los diseños. La página debe estar diseñada estéticamente teniendo en cuenta la ubicación de cada elemento.
  7. Finalización del contenido: cada parte del contenido debe representar y respaldar sus objetivos, visión y misión del sitio web. Toda la información debe mencionarse de manera articulada para la facilidad y comodidad del visitante.
  8. Codificación: mantenga y cumpla con todos los estándares de codificación del sitio web, finalización de CMS, agregando complementos necesarios, etc.
  9. Pruebas: realice pruebas exhaustivas del sitio web antes del lanzamiento. Verifique el funcionamiento de todas las funciones, botones, errores tipográficos, etc. en el sitio.
  10. Especificaciones de SEO: marque todos los elementos de optimización tales como
  • velocidad del sitio web
  • metaetiquetas
  • etiquetas alt
  • etiquetas de encabezado
    Verifique la capacidad de respuesta móvil, la integración de Google Analytics, el gráfico abierto, etc.

Finalmente, una vez que se desarrolla su sitio web, el mantenimiento debe tener una importancia primordial.

Para las personas que están comenzando el desarrollo del sitio web desde cero, aquí hay una infografía que describe todas las etapas del desarrollo del sitio web. Puede usarlo como una lista de verificación al iniciar el desarrollo del sitio web.

Mira este enlace
Proceso de desarrollo de aplicaciones web

Puedes leer este también
Proceso general para producir un sitio web

Si desea hacer un sitio web rápido, ¿quizás tenga sentido usar una plantilla preparada? Como cualquiera de esos MotoCMSoffers. Estas plantillas tienen diseños únicos y un panel de administración incorporado para que pueda editar el contenido fácilmente, así como agregar los widgets que necesite.

No importa cuánto lo intentes, vas a saltar de uno a otro cuando lo haces tú mismo. A menos que tenga un equipo, no es fácil realizar estas tareas una tras otra.

Entonces, deja de preocuparte por el pedido y comienza desde cualquier lugar. Es como un flujo de agua entre las rocas. El flujo se ajusta solo cuando golpea las rocas.