Tanto para principiantes que quieran aprender, como para profesionales experimentados, existen algunos sitios web que permiten probar líneas de código y ver, en vista previa y casi en tiempo real, el resultado. Estas son aplicaciones reales con la pantalla dividida en dos, donde por un lado escribes el código que puede ser HTML, CSS, PHP, Javascript u otro, mientras que por otro lado, después de presionar una tecla para ejecutar, realmente ves lo que parece que ese código estuviera dentro de un sitio web.Estos no son solo editores de código, sino lugares donde puede probar su programación sin preocuparse por cometer errores y averiguar rápidamente dónde están los errores. Codepen y JSFiddle son los dos sitios más populares en esta categoría, pero también hay muchas alternativas.
Sitios para probar el código en línea
1) CodePen
CodePen es el sitio más popular utilizado por los programadores porque es gratuito, intuitivo y fácil de usar. Habiéndose convertido en un estándar en el mundo de los programadores, basta con hacer una búsqueda en Google para encontrar páginas ya compiladas por Codepen e inmediatamente ver si eso es lo que estaba buscando. Las ventanas de visualización flexibles y la ejecución inmediata del código escrito lo hacen lo suficientemente perfecto para probar animaciones javascript y CSS, además de que puede conectarse fácilmente a scripts externos (React, Vue y cualquier otra cosa disponible a través de CDN).
CodePen merece el primer lugar en esta categoría, sin embargo, algunas funciones se pagan, como la codificación colaborativa y las vistas en vivo de página completa (las vistas en vivo parciales son gratuitas).
2) JSFiddle
En segundo lugar (aunque cronológicamente es uno de los más antiguos) en el mundo de los sitios para escribir y probar código de programación se encuentra JSFiddle, orientado principalmente a la creación y prueba de JavaScript. También se puede usar para código HTML y CSS y, dado que admite sugerencias de finalización de código, incluso podría ser preferible a CodePen para los menos experimentados.
Un gran punto a favor de JSFiddle es que ofrece el modo de colaboración (incluido el chat de voz y texto) de forma gratuita, por lo que puede trabajar en el código al mismo tiempo que otras personas.
3) Falla
Muchos sitios de código le permiten codificar HTML / CSS / JS y generar páginas web estáticas mientras Falla ofrece un pequeño espacio de almacenamiento gratuito para guardar proyectos y facilita la ejecución del código del lado del servidor de Node.js. Se puede programar en Glitch de forma colaborativa,
También viene con una serie de otras características excelentes: codificación colaborativa, control de versiones, muchos recursos de aprendizaje, buena integración con GitHub, incrustaciones fáciles, una comunidad para pedir consejo, proyectos prefabricados que puede editar o usar libremente y el Integración con Visual Studio. Esta es una manera excelente, rápida y fácil de iniciar una aplicación web (o aprender a hacerlo).
4) Código Caja de arena
Código Caja de arena es similar a Glitch pero un poco más complejo y completo. CodeSandbox tiene una interfaz más flexible y personalizable, le permite distribuir aplicaciones web completas, tiene espacio para guardar archivos y hace la mayor parte del trabajo básico dejando al programador solo para escribir.
5) Repl.com
Repl.com es un entorno de desarrollo para probar diferentes tipos de lenguajes de programación como Python con soporte de código front-end y back-end, le permite implementar sitios y aplicaciones, tiene integración con GitHub y una interfaz intuitiva. Puede ser un poco difícil para alguien que simplemente intenta diseñar páginas web, pero para programadores experimentados es un recurso a considerar. si solo está diseñando interfaces o si es nuevo en el código, pero si programa todo con regularidad, vale la pena explorarlo.
6) tejido vivo es un editor web muy similar a JSFiddle, con el que escribir y probar código para usar en sitios web, con funciones de vista previa en vivo, sugerencias de código para HTML5, CSS3, JavaScript y jQuery y que te permite descargar el proyecto como un archivo zip. También puede agregar bibliotecas externas con bastante facilidad como jQuery, AndgularJS, Bootstrap.
7) Código Caja de arena es un espacio en línea gratuito donde puede iniciar proyectos de aplicaciones web utilizando diferentes marcos, como React, Vue, Angular y mucho más.
8) StackBlitz es un excelente editor de aplicaciones javascript, que admite diferentes marcos como Vue y React.
9) Flems, sitio minimalista, perfecto para realizar pruebas rápidas.
10). JSBin, una versión más minimalista de JSFiddle, para codificar páginas web y ver cómo se ve.
11). CSSDeck es un sitio simple para probar algunas ideas básicas de HTML / CSS y JS.
12). ICECoder, otro entorno en línea para probar código, que requiere que descargue un programa que se ejecuta en su navegador y también se puede usar sin conexión.
13). Plunker, una herramienta de interfaz que le permite escribir código, archivos y páginas web y guardarlos en Github.
14). Scrimba es una combinación innovadora de editor de video y código que es un entorno de aprendizaje perfecto para los estudiantes y aquellos que quieren aprender.
15). WebMaker, un creador de aplicaciones web con funcionalidad fuera de línea e integración con CodePen.
16). Incursionar, para intentar escribir código HTML / CSS / JS con hermosos gráficos y autocorrección para código CSS.
17). PlayCode también es un entorno para probar código HTML / CSS / JS básico en tiempo real.
19). JSItor es otra alternativa a Codepen y JSFiddle, donde puedes escribir código combinando HTML, CSS y Javascript y ver el resultado de inmediato.
Los mejores sitios para escribir y probar código con vista previa en tiempo real
