Probar código HTML / PHP / Javascript/ CSS3 Online





Tendencias y webapps modernos han cambiado dramáticamente la forma, los desarrolladores web pueden crear. Obviamente se necesita algún tipo de IDE para codificar nuevos archivos y guardarlos para su despliegue. Pero ¿qué pasa con sólo probar sus fragmentos de código? Hay más herramientas que nunca antes!
En este artículo quiero exponer 15 interesantes aplicaciones web para probar el código en línea . Todas estas aplicaciones requieren una conexión a Internet, y algunos de los editores más avanzados ofrecen planes profesionales para mejorar sus características de la cuenta. Pero la mayoría de estas herramientas sin duda muy útil cuando usted está luchando para depurar un bloque de código JavaScript y PHP.


1. TecladoOriginalmente creado por Steven Hazel, por teclado es una aplicación web única donde se puede compartir la sintaxis de código a través de la Web. En lugar de depuración, por teclado permite copiar / pegar partes importantes del código para compartir en línea.

La pantalla de resultados muestra los mensajes de error asociados con el código. Los botones de opción de menú de la izquierda le permiten cambiar el idioma de análisis de C / C + +, Perl, PHP, Python, Ruby, y un montón más. Yo diría por teclado es realmente para los ingenieros de software que necesitan colaborar y depurar sus programas más confusos.


2. Escribir Código En LíneaLa página web principal de WriteCodeOnline.com realidad redirige a su editor de JavaScript. Usted puede elegir entre JS, PHP, y la codificación básica URL. Su aplicación es muy seguro de usar y se siente más ligero que otras alternativas.

Lo que es interesante es que usted verá los resultados de la salida directamente debajo del campo de texto. Así que cuando usted golpea "código ejecutado" se analizará a través de todo y ver el resultado para que usted vea. Puede ser difícil depurar algunos scripts PHP más grandes porque hay que incluir otros archivos.
Sin embargo, para simplemente probando las aguas de una nueva idea, se puede obtener una gran cantidad de valor de esta aplicación.


http://writecodeonline.com/php/


3. TinkerbinTinkerbin realidad puede ser mi línea de recursos Editar código favorito. Es compatible con los desarrolladores web codificación en HTML5/CSS3/JS y hace que el resultado directamente en pantalla. La aplicación está todavía en desarrollo alfa, pero la mayoría de las herramientas funcionan perfectamente y se puede agarrar rápidamente los errores.

El motor de procesamiento también es compatible con los idiomas más oscuros como CoffeeScript y Sass en CSS. Su consola es muy avanzada y claramente apoya muchas de las mismas tendencias que cabe esperar avanzar hacia el futuro del diseño web.
Otra nota interesante es cómo la funcionalidad más popular actualmente soporta atajos de teclado!Esto es algo que casi no se ve en cualquier aplicación web, y mucho menos un editor de código fuente en el navegador. Al escribir nuevas etiquetas, el IDE automáticamente guión nuevas líneas.Tinkerbin es realmente la mejor herramienta de interfaz que puede tener en su caja de herramientas de desarrollador web.

http://tinkerbin.com/

4. JS BinDe una manera similar a la anterior, jsbin es una consola de depuración de JavaScript sencilla. Su terreno de juego implica un esfuerzo de colaboración donde se puede compartir un enlace privado con otros desarrolladores y escribir juntos en tiempo real.

Su interfaz puede ser un poco confuso para los recién llegados. Los desarrolladores han configurar algunos tutoriales en línea que se puede leer a través de si está interesado. Básicamente, usted puede elegir entre cualquier número de bibliotecas JS - jQuery, jQuery UI, JQM, Prototype, MooTools, hay docenas para elegir.

Como usted está de codificación diferentes elementos de los borradores voluntad guardado automático. Usted tiene la posibilidad de descargar su producto final o mantener el código fuente guardada en línea. Su sistema es mucho más avanzado para la exportación y mantener el código como un modelo desnudo.
http://jsbin.com/


5. JsFiddle

Cualquiera que haya navegado a través de desbordamiento de pila debe saber sobre jsFiddle . Su interfaz es una diferencia mucho en comparación con JS Bin, junto con el apoyo para las funciones más complejas.
De inmediato puede registrarse para una cuenta gratis y empezar a guardar sus ejemplos de código en línea. jsFiddle ofrece una URL corta que se puede compartir en la Web a través de Twitter, Facebook, aunque Stack. Pero note usted no necesita una cuenta para empezar a programar. Es una característica muy útil para mantener todo organizado.

jsFiddle también apoya la inclusión de bibliotecas, tales como Prototipo y jQuery. Puede incluir recursos externos adicionales a los archivos JS / CSS en cada documento de prueba. Increíblemente su aplicación incluso soporta XHR Ajax donde se puede pasar datos de ida y vuelta entre el servidor y la ventana del navegador del cliente.
http://jsfiddle.net/


6. CSSDesk

Pasar del mundo de secuencias de comandos en lenguaje de estilo, tenemos CSSDesk . Usted tiene una configuración similar como todos los demás, con su código fuente en el render página izquierda y definitiva a la derecha. Esta aplicación web es ideal para la construcción de pequeñas plantillas de página web y el ensayo de las propiedades ya CSS3 con degradados y sombras de la caja.



Esta aplicación también le permite descargar el código fuente como los archivos en su computadora. Puede ser un sólido reemplazo en situaciones en las que está trabajando en un ordenador portátil sin necesidad de software IDE. O adicionalmente, se puede generar un enlace URL corta para compartir en línea. A continuación, otros desarrolladores pueden entrar y editar lo que ya ha creado - sin duda una solución interesante!
http://cssdesk.com/


7. Jsdo.It

Aquí usted puede compartir JavaScript, HTML5 y CSS3 código snippets. Su aplicación no es tan abierto como los demás, lo que requiere mucho más formal proceso de registro . Para ello es necesario conectar en cualquier otra red social, como Facebook, Twitter, Google, o Github. A continuación, seleccione un nombre de usuario y nos vamos al código.



Algunas de las aplicaciones parecen tener la escritura japonesa, que me hace creer que fue originalmente creado en algún lugar de Asia. Pero lo que más me gusta de su interfaz es cómo usted puede cargar archivos que ya ha creado y almacenarlos en un proyecto. Es un proceso tan fácil de almacenar maquetas página web completa en línea donde se puede acceder y editar desde cualquier ordenador.

http://jsdo.it/


8. Zona De Juegos De Google Code


Me sorprende cómo muchos desarrolladores no están familiarizados con el código sandbox Google. Usted tiene acceso completo a la API y puede depurar todo el código desde la misma ventana.



Cuando hablo de APIs Quiero decir que se puede extraer datos de los principales productos de Google. Listado de publicaciones en el blog de Blogger, los marcadores de Google Maps, e incluso reproductores de vídeo directamente desde YouTube. Al hacer clic a través de estos diferentes ejemplos del cuadro de vista previa en vivo se actualizará en consecuencia.



Recomiendo guardar esta herramienta sólo como un recurso. No es perfecto para depurar todo lo que escribes. Pero Google es una gran compañía con una gran cantidad de datos de la API de código abierto. Si alguna vez tiene que tirar de contenido de YouTube o Google Búsquedas personalizadas, esta es la caja de arena que desea utilizar.


https://code.google.com/apis/ajax/playground/

9. Ideone

Una IDE es una herramienta más en torno a lo profundo de programación y desarrollo de software.Su editor en línea soporta resaltado de sintaxis para algunos idiomas muy prominentes. Estos incluyen Objective-C, Java, C #, VB.NET, SQL y decenas más.





¿Qué hay de bueno en su aplicación es la manera de depurar rápidamente muchos lenguajes de programación diferentes a la misma página. También puede almacenar el código fuente a través de una URL única para compartir en la Web. Sin embargo, yo siento que su disposición es muy lleno de anuncios y otros contenidos, se hace difícil el uso de su página web. Sería genial para ver la opción de incluir bibliotecas de código alternativos, como Cocoa Touch para el desarrollo de aplicaciones iPhone.


http://ideone.com/


10. Viper7 TecladoEsta aplicación web también nombrado por teclado se encuentra alojado en un sitio web viper-7.com , que también vuelve a dirigir a la misma editor online. Sus herramientas de depuración están configurados para la salida de PHP que permite cambiar entre PHP5 y PHP4.



Si se crea una cuenta, puede usar el servicio como un sistema de almacenamiento personal. Al igual que otros editores en línea, usted puede nombrar a cada proyecto PHP y mantenerlos alojados en línea de forma gratuita. Es un editor de código de gran alcance, ya que no necesita ningún software en su ordenador en el momento. Al analizar cada script editor ofrecerá detalles metadatos adicionales, como la petición del navegador y cabeceras de respuesta.

http://viper-7.com/

11. JSLint


El proclamado JavaScript Tool calidad del código de auto tiene que ser JSLint . Su sitio web es un poco extraño, sin embargo, el editor de código funciona exactamente como era de esperar.



Usted puede encontrar las opciones de ser muy confuso si usted no ha usado su marco antes. Es posible trabajar con código fuente abierto como Node.js si usted tiene el conjunto de habilidades.Pero gran parte del código fuente ni siquiera apoya resaltado de sintaxis, una gran decepción cuando tienes muchas otras opciones para elegir. Me volvería a la salida JSLint si usted tiene el tiempo, pero no puede convertirse en su salida al depurador JavaScript línea.

http://www.jslint.com/


12. SQL Fiddle

Ya hemos visto el poder de una aplicación web como jsFiddle. Ahora podemos ver Fiddle SQL que funciona de la misma manera, a excepción de la sintaxis de base de datos SQL. Todavía tengo que encontrar otra alternativa para probar código de base de datos y este es de lejos mi elección favorita.




Todos los datos de salida desde el código SQL aparecerán en una mesa debajo de los editores.Puede escribir código para implementar nuevos datos a la derecha y generar un esquema de la izquierda. Este esquema de base de datos es el código SQL puede guardar para exportar la base de datos actual y volver a instalar todo en un nuevo servidor.
Si usted no está familiarizado con las bases de datos o lenguaje SQL entonces esta aplicación no será mucha ayuda. Pero incluso para los desarrolladores que son nuevos pero interesados ??en aprender SQL, esto es genial! Echa un vistazo a uno de los ejemplos de código básicas para que pueda obtener una idea de cómo funciona la aplicación.


http://sqlfiddle.com/


13. Cloud9 IDE


En mi opinión Cloud9 son los mejores editores de código fuente se puede encontrar en línea. No es sólo un editor, sino un sistema completo de herramientas y recursos y se puede almacenar todos sus repositorios de código en sus servidores.



Inscríbete cuenta es gratuita para todos los proyectos públicos. Pero si necesitas espacio de desarrollo privado esta cuesta $ 15 al mes, que sólo se suma a $ 180/year. Usted puede compartir estos repos código privado con nadie que elija. Esto brinda la oportunidad para la colaboración entre los desarrolladores web en muchos proyectos diferentes.




Cada nuevo proyecto se almacena en una subcarpeta donde se puede generar archivos físicos reales. HTML, CSS, JS, PHP, todo lo que necesita el código se guarda localmente en su cuenta. A continuación, puede más tarde exportar estos archivos en su conjunto un proyecto y descargarlos en su ordenador.




La cantidad de cosas que se pueden lograr con Cloud9 es extraordinario. Recomiendo altamente jugando un poco en una cuenta gratuita de hasta 10 ó 15 minutos, usted se sorprenderá de los resultados de IU. Y su empresa siempre está creciendo, así que estoy esperando ver características muy interesantes lanzadas en los próximos años.


14. CodeRun


El IDE CodeRun es un editor en línea para todas las aplicaciones web dinámicas. Su editor de texto es muy similar a Microsoft Visual Studio, e incluso se puede codificar en C # para ASP.NET. Sus bibliotecas incluyen recursos tercera persona tales como Facebook Connect y Sliverlight.



Pero aparte de las aplicaciones web basadas en Microsoft también se puede codificar en JavaScript recta o PHP. La aplicación se ejecuta muy similar a Visual Studio que se puede crear un nuevo proyecto Web y desarrollar más archivos individuales. Hacia la parte inferior de la pantalla encontrará herramientas y la salida de depuración de la ventana de la consola.

CodeRun es fantástico si usted tiene alguna experiencia de trabajo con Visual Studio. La interfaz se comporta casi exactamente el mismo, e incluso se puede cargar / descargar archivos de proyecto a nivel local en el equipo. Esta es otra herramienta desarrolladores web experimentados pueden considerar marcadores para referencia futura.


http://www.coderun.com/ide/


15. Compilr


Aquí tenemos otro estilo de escritorio IDE línea Compilr con una plantilla similar a las aplicaciones de Windows. Puede trabajar con documentos con fichas abiertas y editar archivos directamente en la marcha. Sin embargo, usted tiene que registrar una cuenta antes de poder crear nuevos proyectos.

Desde su trazado se ha diseñado similar a una aplicación de escritorio normal es mucho más fácil trabajar con no tener ninguna experiencia previa. No creo que los desarrolladores tendrían problemas, a pesar de sus herramientas de apoyo a las prácticas de programación hacen verdaderos con C + +, C # y Visual Basic. Si algo Compilr debe ser una aplicación más se tiene en reserva para probar y depurar código fuente.
Consideraciones FinalesCon más equipos conectados en línea, se está haciendo más fácil para los desarrolladores trabajar juntos y colaborar en el navegador. Estamos viendo más y más tecnologías cambian de aplicaciones locales, y quién sabe hasta qué punto esta tendencia va a ir?
Espero que esta colección de herramientas de prueba de código puede hacerle pensar sobre el entorno de desarrollo moderno. Es tan fácil de poner rápidamente en conjunto un proyecto web HTML / CSS y en pocos minutos tener un pequeño adelanto de demostración. Recuerde que estas son sólo herramientas para ayudar a guiarlo en el camino hacia la construcción de su producto final.Si tiene alguna sugerencia o pregunta sobre el artículo no dude en compartir sus ideas en el área de análisis a continuación.
https://compilr.com/
fuente: http://www.hongkiat.com/blog/tools-to-coding-online/
Probar código HTML / PHP / Javascript/ CSS3 Online
17 Puntos Score: 5.7/10
Visitas: 7543 Favoritos: 22
Ver los usuarios que votaron...
4 Comentarios Probar código HTML / PHP / Javascript/ CSS3 Online
porque eso tengo isntalado DREAMWEAVER CS4 y WAMP SERVER para probar mis sistemas bajados y claro de mi website buen aporte...
jajaa buena me gusto lo que me pasastes  
buen aporte   me gusto gracias
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!