¿Cuál es una buena manera de planificar su código antes de escribirlo?

El diseño es tan parte de la escritura del código como lo es en la creación de la estética de su proyecto. Me gusta abordar los proyectos de código con un pensamiento de diseño, es decir, comenzar con bocetos en papel de flujos de trabajo, modelos de datos, jerarquía de información a nivel de sitio y de página, etc. Luego, desde allí, tiene una representación visual de lo que necesita construir en código, y eso sirve como una gran referencia para traducir sus conceptos a código.

Específicamente para escribir lógica de características, algo útil que aprendí de la combinación frecuente de proyectos con Mislav Marohnić es escribir primero la lógica de una característica en palabras simples directamente en el código, luego convertir esa lógica a la sintaxis adecuada para el idioma en el que está escribiendo después. Has resuelto la lógica.

Por ejemplo, la siguiente descripción aproximada se puede convertir a la sintaxis adecuada después de que la lógica se resuelva en un lenguaje ordinario.

foo es nuestra nueva característica
si hay un usuario, entonces muestra foo
si el usuario tiene la condición A, entonces muestre la variante foo X
si el usuario tiene la condición B, entonces muestre la variante foo Y
de lo contrario, muestra el foo predeterminado
de lo contrario, si no hay usuario, entonces haz eso

Haga un plan general en HTML, luego haga las “teclas” de animación [cómo se comportará si se desplaza, si se hace clic, etc.], puede ver diferentes sitios web para obtener ideas.

Si conoce Photoshop o GIMP (o Pinta / Paint.NET), diseñe su sitio web allí para obtener el aspecto final de acuerdo con los bocetos que ha realizado en bolígrafo / papeles.

Entonces puedes implementarlo.

Esto funciona para mi:

Escriba ideas críticas en pseudocódigo de muy alto nivel en papel, a veces usando palabras en inglés. Dibuje imágenes, cuadros, gráficos hasta que tenga una buena imagen mental en mi cabeza.

Aquí se mencionan algunas buenas maneras:

La respuesta de Daniel Chvatik a ¿Le ayuda dibujar su página web antes de codificarla?