¿Qué tan bien puede codificar un sitio web completo sin obtener una vista previa?

El código en la oscuridad es lindo, pero sobre todo, es una palmada en la espalda. En el mundo real, no verificar cómo se ve tu código en el navegador es literalmente estúpido y posiblemente te hará trabajar más para arreglar cosas que has hecho hace 30 minutos.

Sí, algunos podrían estar orgullosos de poder hacer todo bien sin tener que revisar el navegador, incluir todas las consultas de medios, etc. Pero nunca vi que esto sucediera, incluso si codifica para 1 navegador. E incluso si usa un primer framework móvil.

Mi mejor flujo de trabajo es trabajar con 3 ventanas:

1. Boceto de diseño (photoshop o cualquier otra visualización gráfica de lo que necesito lograr).

2. Mi editor de código (en este momento uso Brackets porque es liviano, tiene todas las características que necesito y tiene una vista previa en vivo)

3. Ventana del navegador que se actualiza automáticamente a medida que codifico.

A su pregunta: muy poco puede hacerlo bien, yo personalmente no voy a perder el tiempo intentándolo.

No hay nada de malo en vigilar la salida cuando agrega funciones.

Una vez que haya hecho esto tantas veces que ya no cometa los mismos errores, a veces puede construir algo que se ejecute a la vez.

Si se trata simplemente de PHP, Javascript, CSS y HTML y no hay cosas experimentales elegantes, entonces estoy bastante seguro de que puedo hacerlo sintácticamente correcto de una vez.

El resultado no se limitará a un navegador o dispositivo de todos modos. ¿Por qué lo haría? Puede vincular y usar marcos como Bootstrap o Materialise.

Probablemente apestaría. Terriblemente.

Desde el momento en que ingresé al desarrollo web, una de las mejores partes de toda la experiencia fue que no tuve que compilar mi código. Simplemente guarde y actualice para ver los cambios que he realizado. Excelente experiencia.

El inconveniente es que me he acostumbrado extremadamente a esta capacidad. ¿Podría andar la mayoría del sitio sin problemas? Seguro. Pero antes de que pudiera llegar tan lejos, qué poca aptitud de diseño tendría hace mucho tiempo para asegurarme de que estoy usando el tono de azul correcto, que mis botones están correctamente redondeados, que mis imágenes están posicionadas adecuadamente, etc.

Si bien creo que el concepto es lindo, parece más un juego: una prueba divertida de un cierto conjunto de habilidades que no necesariamente se traduce en importancia en la realidad. Y prefiero jugar League of Legends.

Puedo hacerlo muy bien Construyo aplicaciones web basadas en datos y he estado haciendo lo mismo durante tanto tiempo que puedo construir un sitio desde la interfaz de usuario a la base de datos sin tener una vista previa bastante confiable.

Obviamente, una vez que termine, regreso y reviso la interfaz de usuario, los datos, los requisitos, etc. Pero cuando estoy en la zona, me estoy desconectando hasta que necesito un descanso.

Sin embargo, esto sería sitios relativamente sencillos. Si tuviera que implementar una funcionalidad personalizada o lidiar con bibliotecas con las que aún no estoy muy familiarizado, estaría en línea investigando y previsualizando constantemente.

Es interesante intentarlo y es rápido si tienes suficiente experiencia, pero nunca le diría nada a nadie antes de hacer una revisión completa primero.

Esta es una idea muy divertida.

Supongo que incluso antes de intentar esto, podría construir el 80% de un sitio terminado de una sola página (con Lorem Ipsum e imágenes de marcador de posición) antes de obtener una vista previa. Esto, por supuesto, no tiene funcionalidad JS.

Generalmente cuando comienzo a hacer páginas web, casi las hago sin tener una vista previa ni una sola vez.

La única vez que debo ver la página es establecer relativa la tipografía.

Es fácil de hacer si está familiarizado con cómo el navegador representa el contenido.

Nunca he hecho esto una vez. Me daría mucha ansiedad, pero creo que podría hacerlo bastante bien, aunque sería un sitio estático genérico. De ninguna manera podría hacer nada detallado, especialmente con JS o jQuery o lo que sea, sin una vista previa. Buena pregunta sin embargo.

Podría hacerlo extremadamente fácilmente sin sudar. Sin embargo, la mayoría de los desarrolladores que conozco, si son honestos, se atornillan bastante rápido.

Haría bien, creo .. 😛

http://codeinthedark.com/editor/page.png&quot ; />

Soy bastante bueno en eso y es una buena práctica. No use CSS o JS, solo siga la semántica HTML y estará en buena forma.

Personalmente, no puedo hacer eso con un sitio web dinámico. (Y no lo recomiendo)