¿Qué herramientas de desarrollo web utilizan las personas para no escribir HTML desde cero?

La realidad es … ninguna.

Sí, algunas personas utilizan alguna plataforma como WordPress que le permite crear sitios web desde cero sin escribir una sola línea de HTML. ¿Puede eso considerarse desarrollo web real? No, no lo creo (sin ofender a las personas de WordPress).

Como desarrollador frontend (o full-stack), casi siempre escribirás tu código html desde cero (o lo copiarás y lo pegarás desde sitios web como StackOverflow). Por supuesto, hay herramientas que lo ayudarán a hacerlo, como las que Antonio Nesic ha mencionado (Bootstrap, Fontawesome, etc.), pero lo ayudan más con CSS en lugar de HTML real.

Framewors como bootstrap o Bulma, sin duda lo ayudan a construir algo como una barra de navegación o una tabla, pero debe escribir el código para los dos componentes desde cero (o copiarlo y pegarlo desde el sitio web de origen).

Ciertamente, hay formas de minimizar la cantidad de veces que realmente necesita escribir algo desde cero, sin embargo, aún necesitará escribir algún tipo de código al menos una vez.

Soy desarrollador web, emprendedor y creador. Aprende más sobre mí en MeetAndreaRocca.

Hay docenas, si no cientos de ellas.

Sin embargo, si no está escribiendo su propio HTML, entonces está confiando en que una persona desconocida que afirma ser un desarrollador lo hará correctamente. O peor, está confiando en un autogenerador. ¿Alguna vez ejecutó la salida de uno de esos a través del validador W3C? Buena suerte.

WYSIWYG es solo superficial. Claro, puede salir como se espera, pero el código que lo hace parecer es generalmente un desastre.

Bootstrap es muy popular y también tiene una función de autocompilador, por lo que escucho. Entonces estás usando CSS preescrito y código generado automáticamente. ¿Qué podría salir mal? Si solo está haciendo sitios simples y la validación no es importante, entonces, por supuesto, hágalo. Pero si está haciendo algo complicado, podría tener una pesadilla de depuración.

Es mucho mejor vivir según el viejo adagio: “Si quieres que se haga bien, hazlo tú mismo”.

Este es uno de los raros casos en los que daré una respuesta condescendiente: si tienes que preguntar, probablemente no estés preparado para tales herramientas (¡Espera! Escúchame. Vine a este lugar haciendo la misma pregunta que tú y sé exactamente por lo que estás pasando).

Cuando aprendes HTML por primera vez, es una revelación. ¡Con solo unas pocas líneas de código puedes crear una página web legítima! Cuando desea crear una aplicación web moderadamente interesante, descubre que hay mucho más: el HTML moderno es complicado. En algún momento doloroso te das cuenta de que también debes entender CSS profundamente. Luego, lentamente, te das cuenta de que debes enfrentar al menos saber cómo cortar y pegar suficiente Javascript para hacer una interfaz de usuario semi-moderna. Es un gran desastre.

Entonces, ¿por qué no utilizar al menos algún tipo de generador de formularios para ayudar con la parte de la interfaz de usuario? Porque el código generado se verá extraño, porque integrar el HTML en su proyecto final será endiabladamente complicado y probablemente dependerá de alguna versión de Bootstrap que la herramienta aún no admite, y porque el generador de formularios seguramente no tendrá una buena respuesta para diferentes consultas de medios (tamaños de pantalla personalizados, por ejemplo, teléfono frente a escritorio).

He simplificado en exceso estas y muchas otras complicaciones, como las herramientas de compilación y el control de versiones. Pero cuando intenté usar generadores de formularios antes de comprender HTML y CSS correctamente, terminé perdiendo grandes cantidades de tiempo.

Por todas estas razones, le sugiero encarecidamente que avance por al menos 7 aplicaciones web completas antes de volver a abordar esta pregunta.

En primer lugar, todos usamos algún tipo de marco web que comienza con Bootstrap y Foundation.

Luego tienes a Susy y Skeleton, SemanticUI, Font Awesome y la lista podría continuar.

Luego tiene varios marcos JS, bibliotecas, empaquetadores y entornos de compilación.

La mitad de esas son soluciones preconstruidas.

Ahora, cuando se trata de la codificación real, sugeriría cualquier editor decente como Vim, VScode, Atom y el complemento de autocompletar como Emmet.

De esa manera, ahorras escribiendo un montón de cosas, incluido el código boilerpate.

Los desarrolladores experimentados que trabajan en la misma base de código tienden a crear plantillas y fragmentos para el marco dado.

Esa es otra forma de reducir el tiempo de desarrollo y el código repetitivo.

Si eres Rubyst como yo, probablemente quieras ser aún más vago y usar patrones de construcción para construir generadores.

De esa manera, obtienes el comportamiento similar del andamio con tu propia estructura de código.

Pero tienes una idea.

Hay millones y una forma de hacerlo, y cuanto más lo hagas, más formas de hacerlo descubrirás.

Espero que esto responda a su pregunta.

Debido a la escasez de experiencia, no puedo proporcionarle una lista, sin embargo, he tenido una experiencia extremadamente positiva con Emmet, el kit de herramientas esencial para desarrolladores web. Puede generar cientos o incluso miles de líneas de HTML escribiendo una cadena de entrada basada en un selector de CSS marginalmente complejo. Por ejemplo,

principal> (ul> li * 10) * 10 + pie de página> (ul> li * 20)

generará un elemento main con 10 ul elementos secundarios donde cada ul tiene 10 elementos li ; el principal tendría un elemento hermano de footer con un elemento ul que tiene 20 elementos li .

Miles de profesionales usan Launchpad para Sketch.

Launchpad es un complemento de Sketch que le permite publicar sitios web sin escribir código.

Me gusta Visual Studio Code. Es gratuito, de código abierto, con un gran conjunto de complementos, compatibles tanto con Microsoft como con la comunidad.

También tengo una experiencia positiva de Bluefish

HTML no es una gran parte del desarrollo web en este momento.

El HTML seguro es importante, y no puede crear páginas web sin él, pero la mayoría de los sitios grandes generan el HTML para cada solicitud.

Por lo tanto, solo usa algunas plantillas y algunos misceláneos. HTML y JavaScript mezclados en línea, y luego el servidor escupe páginas HTML válidas y con formato completo dinámicamente para cada solicitud.

Pero aún así … Sólo una pequeña parte del código del lado del servidor es HTML.

Yo uso PHP para generar HTML para mí. Y para hablar con bases de datos y gestionar la autorización del usuario, etc.

Uso Composer y Laravel para acelerar el desarrollo, administrar las dependencias del proyecto y ayudarme a mantener mi código PHP ordenado (sin espagueti) y dividirlo en archivos separados, en las categorías correctas.

Funciona muy bien con Bootstrap CSS también si se prefiere.

Yo diría plantillas gratuitas y marcos CSS baratos. Hoy en día, puede descargar una plantilla de inicio de bootstrap y copiar y pegar simplemente cualquier componente de la página que desea usar desde el sitio web de bootstrap y viola.

Esta es una forma segura de sufrir al ser un gran desarrollador. Para demostrar mi punto de vista, pídale a cualquiera que haga esto que vuelva a crear el sitio solo con html, css y js … y la mayoría de las veces, no pueden hacerlo.

Me gusta la piña.

Hay muchos, que incluyen pero no se limitan a:

• WordPress
• Plantillas
• PHP
• Twitter Bootstrap

Hay muchas plantillas disponibles para que usted las adapte a sus necesidades. Pagar Bootstrap 4. Mira este enlace:

Temas gratuitos para Bootstrap

WordPress es probablemente el más común. Puede comenzar de forma gratuita en WordPress dot com.

https://docs.com/FreeWordPress