Los mejores sitios para escribir y probar c贸digo con vista previa en tiempo real

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


Audio v铆deo Los mejores sitios para escribir y probar c贸digo con vista previa en tiempo real
A帽ade un comentario de Los mejores sitios para escribir y probar c贸digo con vista previa en tiempo real
隆Comentario enviado con 茅xito! Lo revisaremos en las pr贸ximas horas.