50 nuevas herramientas de JavaScript que mejorarán su flujo de trabajo

 

 

 

  • Register!
  • Smart Interface Design Patterns, 10h video + UX training

  • Índice
    1. Herramientas útiles de JavaScript
    2. Bibliotecas de utilidades y componentes para JavaScript
    3. Bibliotecas útiles de JavaScript
    4. Recursos y tutoriales educativos de JavaScript

    JavaScript es una parte integral de la revolución RIA. JavaScript permite a los desarrolladores crear interfaces web ricas e interactivas y establecer comunicación asincrónica con servidores para obtener datos constantemente actualizados sin necesidad de actualizar la página. Muchas cosas que alguna vez se lograron usando objetos Flash ahora se pueden crear usando JavaScript, con el beneficio adicional de que es gratuito, generalmente más accesible desde la web y desde dispositivos móviles en la mayoría de las circunstancias, utilizando las mejores prácticas para las técnicas de desarrollo y sin la necesidad de usar software propietario para desarrollo. Aunque JavaScript existe desde hace un tiempo, constantemente se lanzan nuevas herramientas, técnicas e información para impulsar continuamente la tecnología a mayores alturas. En este artículo, deseamos compartir con usted una enorme lista de herramientas y recursos nuevos y novedosos que los desarrolladores de JavaScript encontrarán útiles e informativos. Aquí hay algunas otras publicaciones que pueden resultarle interesantes: * 50 herramientas JavaScript útiles * 40 bibliotecas JavaScript útiles * Codificación jQuery y JavaScript

     

    JavaScript es una parte integral de la revolución RIA. JavaScript permite a los desarrolladores crear interfaces web ricas e interactivas y establecer comunicación asincrónica con servidores para obtener datos constantemente actualizados sin necesidad de actualizar la página.

    Muchas cosas que alguna vez se lograron usando objetos Flash ahora se pueden crear usando JavaScript, con el beneficio adicional de que es gratuito, generalmente más accesible desde la web y desde dispositivos móviles en la mayoría de las circunstancias, utilizando las mejores prácticas para las técnicas de desarrollo y sin la necesidad de usar software propietario para desarrollo.

     

    Aunque JavaScript existe desde hace un tiempo, constantemente se lanzan nuevas herramientas, técnicas e información para impulsar continuamente la tecnología a mayores alturas. En este artículo, deseamos compartir con usted una enorme lista de herramientas y recursos nuevos y novedosos que los desarrolladores de JavaScript encontrarán útiles e informativos.

    Aquí hay algunas otras publicaciones que pueden resultarle interesantes:

    • 50 herramientas útiles de JavaScript
    • 40 bibliotecas útiles de JavaScript
    • Codificación jQuery y JavaScript

    Herramientas útiles de JavaScript

    FireUnit Las pruebas unitarias son una parte integral de la creación de aplicaciones web eficientes y de alto rendimiento. John Resig (creador de la biblioteca jQuery) y Jan Odvarko han desarrollado una excelente extensión para Firefox/Firebug llamada FireUnit que ofrece a los desarrolladores capacidades de registro y prueba a través de una sencilla API de JavaScript. Para aquellos interesados ​​en la herramienta, también deberían leer la publicación de Odvarko que detalla el uso de FireUnit .

    Sugar Test SugarTest facilita la escritura de pruebas de JavaScript elegantes y comprensibles. Su API está inspirada tanto en RSpec, Shoulda como en jQuery. Funciona como un DSL que se ejecuta sobre JsUnitTest.

    JS.Class: JavaScript estilo Ruby JS.Class es una biblioteca diseñada para facilitar el desarrollo orientado a objetos en JavaScript. Implementa el sistema central de objetos, módulos y clases de Ruby y algunas de sus funciones de metaprogramación, brindándole una base poderosa para crear programas OO bien estructurados.

    Formateador y validador JSON El formateador JSON se creó para ayudar con la depuración. Como los datos expresados ​​como JSON a menudo se escriben sin saltos de línea para ahorrar espacio, se volvió extremadamente difícil leerlos. Esta herramienta espera resolver el problema formateando JSON en datos que los seres humanos puedan leer fácilmente.

    Consola falsa: para simular una depuración de Firebug, Safari u Opera en navegadores IE como Safari, Opera y Firefox, se utiliza la extensión Firebug que ofrece al desarrollador una forma cómoda de generar información de depuración mediante el comando console.log(). Sin embargo, Microsoft Internet Explorer no admite esto: Faux Console es un pequeño JavaScript que puede incrustar en el documento para tener una consola de depuración básica en IE.

     

    JS Bin JS Bin es una aplicación web para probar y depurar JavaScript y CSS de forma colaborativa. Usted ingresa su código fuente y lo guarda en una URL de acceso público que luego puede compartir con sus compañeros desarrolladores o en redes sociales como Twitter o grupos de Facebook. Asegúrese de ver el vídeo de introducción para ver JS Bin en acción.

    PHP.JS PHP.JS es un proyecto de código abierto en el que intentamos portar funciones PHP a JavaScript. Al incluir la biblioteca PHP.JS en sus propios proyectos, puede utilizar sus funciones PHP favoritas en el lado del cliente.

    Page Speed ​​Page Speed, lanzada por Google, es una extensión de Firefox/Firebug muy similar a YSlow que evalúa el rendimiento de sus páginas web. Lea más sobre las mejores prácticas de Page Speed ​​para ver qué aspectos de una página web se están evaluando. YSlow y Page Speed ​​se basan en el trabajo de Steve Souder (que trabajó para Yahoo! y ahora trabaja para Google).

    PrettyPrint PrettyPrint es una utilidad JavaScript en el navegador para volcar información variable, inspirada en la función de utilidad cfdump incorporada de ColdFusion . El uso de PrettyPrint en objetos, variables y matrices JS le brindará una gran variedad de información sobre ellos, que luego podrá usar con fines de depuración o simplemente para recopilar datos sobre ellos para la documentación.

    Spket IDE Spket es un excelente conjunto de herramientas para el desarrollo de JavaScript y XML. Tiene una GUI robusta e intuitiva y se integra con bibliotecas JavaScript/Ajax populares y potentes como Y!UI y jQuery. Su función JavaScript Formatter le brinda control y estandarización incomparables para sus estándares de formato de código JavaScript o los de su equipo.

    Obtrusive JavaScript Checker Obtrusive JavaScript Checker, creado por Robert Nyman, es una herramienta para encontrar JavaScript en línea en páginas web. Destaca los elementos que tienen propiedades de JavaScript en línea y proporciona un informe resumido cuando pasa el mouse sobre ellos. La herramienta está disponible como una extensión de Firefox o un script de Greasemonkey .

    Highlight.js Highlight.js resalta la sintaxis en ejemplos de código en blogs, foros y otras páginas web. La herramienta funciona automáticamente: encuentra bloques de código, detecta un idioma y lo resalta en consecuencia.

     

    Javascript Compressor Javascript Compressor es una herramienta basada en web para comprimir su JavaScript para reducir el tamaño de sus archivos. Funciona eliminando caracteres innecesarios (como tabulaciones y espacios adicionales). Los desarrolladores que utilizan la herramienta para comprimir su código también pueden utilizar la función de decodificación para descomprimir su código fuente. También confunde su código, haciéndolo más difícil de leer, lo cual puede ser deseable si desea retrasar que miradas indiscretas analicen su base de código disponible públicamente.

    Firediff Firediff es una extensión de Firefox/Firebug que le permite realizar un seguimiento de los cambios en DOM y CSS. Al registrar estos cambios, puede obtener información sobre cómo funcionan las aplicaciones web y qué elementos (y qué propiedades) se modifican mediante la manipulación DOM.

    RockStar Web Profiler RockStar Web Profiler (también conocido como Razor) registra y perfila información sobre el rendimiento del lado del cliente. Proporciona a los desarrolladores una consola para analizar los datos recopilados por la herramienta. Consulte la presentación de RockStar Web Profiler para obtener una descripción general de sus numerosas funciones increíbles.

    creador de bookmarklets Esta herramienta web simple y llana le permite crear bookmarklets basados ​​en JavaScript. El uso es simple: simplemente copie y pegue su código fuente en él y generará el código procesado en el panel inferior.

    Tiny JS Tiny JS es un directorio en línea de complementos pequeños pero potentes para bibliotecas populares de JavaScript/Ajax (MooTools, jQuery y YUI por el momento). Su objetivo es buscar y presentar complementos livianos que le brinden una gran rentabilidad.

    JSCharts JS Charts es un generador de gráficos gratuito basado en JavaScript que requiere poca o ninguna codificación. Con JS Charts dibujar gráficos es una tarea sencilla y fácil, ya que sólo tienes que utilizar secuencias de comandos del lado del cliente (es decir, realizadas por tu navegador web). No se requieren complementos ni módulos de servidor adicionales. Es suficiente incluir los scripts, preparar los datos de su gráfico en XML o JavaScript Array y su gráfico estará listo. Planes con niños en Valencia

    Glimmer Glimmer es una herramienta de diseño interactiva para incorporar elegantes efectos de animación basados ​​en JavaScript utilizando la biblioteca jQuery. Glimmer viene con una interfaz de usuario estilo asistente que puede reducir la cantidad de codificación que tienes que escribir manualmente.

    JSSPec Un entorno de prueba para JavaScript que se ejecuta en IE 6+, Firefox 2+ y Safari 3+. La herramienta muestra diferencias entre el valor esperado y el valor real, muestra exactamente la línea fallida y admite la ejecución condicional. Publicado bajo GNU y disponible para descarga gratuita .

     

    Búsqueda de código de CodeRun La herramienta de búsqueda de código de CodeRun le permite buscar y ver el código fuente Ajax, PHP y .NET enviado por los usuarios. Una vez que haya encontrado un script o proyecto que le interese, podrá editarlo a través de su IDE basado en web sin tener que descargar el proyecto localmente.

    BaseJS: un marco Javascript móvil (Safari) un marco simple y liviano creado específicamente para Mobile Safari (perfecto para el desarrollo de iPhone).

    MochaUI MochaUI es una herramienta basada en web para crear interfaces de aplicaciones web construidas sobre el marco JavaScript de MooTools. Sumérgete y prueba MochaUI en su página de demostración .

    Bibliotecas de utilidades y componentes para JavaScript

    narwhal narwhal es una biblioteca JavaScript del lado del servidor que sigue el estándar ServerJS . Los desarrolladores pueden crear y compartir "paquetes" para widgets de sitios web, características del sitio y patrones de programación, de manera similar a PEAR para PHP.

    uploadify uploadify es un complemento jQuery útil para gestionar la carga de archivos. Está impulsado por un script PHP simple para manejar las cosas del lado del servidor . Asegúrese de consultar las demostraciones de uploadify para ver el complemento en acción.

    Blackbird Blackbird le permite registrar mensajes en JavaScript utilizando una API basada en JS simple e intuitiva. La biblioteca también le proporciona una atractiva consola GUI para ver y analizar mensajes. Se acabaron las molestas funciones alert() para ver el contenido de sus objetos (que pueden resultar frustrantes a la hora de imprimir valores de matriz) y establecer puntos de interrupción.

    Booklaylet Booklaylet es una biblioteca JS que le permite implementar fácilmente sus aplicaciones bookmarklet . La implementación es muy simple: toma la fuente de Booklaylet y modifícala para que apunte a la URL de tu aplicación.

    JavaScripTools JavaScipTools es una colección de componentes, funciones y clases JS útiles con el objetivo de abordar algunas de las tareas más comunes de los desarrolladores web, como el análisis y el formato de tipos de datos (es decir, fecha y hora). También viene con una función de tabla dinámica para crear tablas HTML ordenables.

    El elemento Canvas de Doodle.js HTML 5 ofrece a los desarrolladores una forma de dibujar cosas en páginas web mediante programación. Doodle.js es una biblioteca/marco de utilidad para trabajar con procesos de dibujo de Canvas más complejos y sólidos. Vea la demostración de Spiral Pattern y la demostración de Marbles in Space (simulación 3D) en un navegador que ya sea compatible con Canvas para tener una idea de cómo funciona Doodle.js.

     

    liteAJaX liteAJaX es una clase ligera de JavaScript para trabajar con AJAX. Esta biblioteca es perfecta para proyectos que no utilizan un marco JavaScript/Ajax o proyectos que no necesitan un marco más sólido y con todas las funciones.

    Burst Burst es un motor de animación vectorial para el elemento Canvas de HTML 5. Con él, puede crear efectos de animación fluidos similares a Flash para navegadores compatibles con Canvas.

    JSTestDriver JSTestDriver es un marco basado en Java para crear pruebas unitarias siguiendo las filosofías y mejores prácticas de desarrollo basado en pruebas . Asegúrese de ver este vídeo de demostración de JSTestDriver en acción .

    jsPDF Esta biblioteca le permite crear archivos PDF utilizando nada más que JavaScript. Consulte la página de demostración de jsPDF para ver la biblioteca en acción.

    Bibliotecas útiles de JavaScript

    GlassBox GlassBox es una versión hermosa y refrescante de las ventanas modales que crea una interesante sensación de transparencia como si estuvieras mirando a través de un cristal. Consulte la página de ejemplo para ver diferentes tipos de implementaciones de GlassBox.

    jQuery TOOLS jQuery TOOLS es una caja de herramientas que ofrece a los desarrolladores algunos de los patrones de diseño de UI más populares a su disposición de una manera fácil de usar. Vea algunas de las cosas que puede hacer con jQuery TOOLS en la página de demostración del proyecto.

    Moousture Moosture es una biblioteca de JavaScript para manejar los gestos del mouse, escrita sobre el marco de MooTools.

    Mantel Mantel es una biblioteca de JavaScript liviana y discreta para diseñar y agregar interacción dinámica del usuario a tablas HTML.

    Script discreto de acciones de tabla Esta biblioteca simple y liviana reúne un conjunto de funciones comunes y útiles para trabajar con tablas HTML, como filas con rayas de cebra, resaltado de filas al pasar el mouse y resaltado de columnas.

    LivePipe LivePipe es un conjunto de widgets y controles para agregar componentes comunes de interacción del usuario a aplicaciones web utilizando el marco Prototype JavaScript.

    Interfaz gráfica de JavaScript/teclado virtual Este paquete JavaScript agrega una interfaz de teclado virtual a las páginas web.

    Tipmage Tipmage es una clase de JavaScript para manejar información sobre herramientas y anotaciones en imágenes, similar a las imágenes anotadas en Flickr.

     

    qGallery qGallery es un JavaScript simple pero hermoso para crear galerías de imágenes con efectos de animación suaves y elegantes.

    Recursos y tutoriales educativos de JavaScript

    Centro de decisiones de marcos Ajax Para grandes empresas, comprometerse con un marco JavaScript/Ajax como Prototype, MooTools o jQuery es una gran decisión porque afecta a una gran cantidad de empleados y dictará la dirección de la interacción del lado del cliente de la empresa y el desarrollo de RIA. filosofías. El uso del Centro de decisiones de Ajax Frameworks le brinda un método organizado, cuantitativo y completo para tomar una decisión sólida.

    jQuery vs MooTools Este sitio de una sola página creado por Aaron Newton, miembro del equipo de desarrollo de MooTools, es una mirada comparativa de jQuery versus MooTools.

    Resultados del análisis del marco Ajax Este análisis de marcos JavaScript/Ajax populares (Dojo, Ext JS, GWT, YUI) es un gran recurso para recopilar datos de investigación para sus propios marcos: la matriz de análisis tiene en cuenta criterios como escalabilidad, extensibilidad, calidad y cantidad. de documentación y mucho más. Puede adaptar esta matriz, ajustar sus pesos y modificar criterios para ayudarle a decidir qué marco JS utilizar.

    Cambio de visualización sencillo con CSS y jQuery Este tutorial describe un método para usar jQuery para realizar una transición fluida a diferentes modos de visualización, lo que puede resultar útil en galerías de imágenes.

    Cree una presentación de diapositivas elegante y accesible usando jQuery Este es un tutorial de jQuery paso a paso que escribí para crear una presentación de diapositivas simple y elegante que se puede adaptar para mostrar diferentes tipos de contenido. Consulte la página de demostración para ver la presentación de diapositivas en acción.

    Aprendizaje de JavaScript avanzado John Resig tiene un tutorial basado en web con estilo de presentación de diapositivas sobre el desarrollo avanzado de JavaScript. Es un maravilloso trampolín para los desarrolladores de JavaScript que están listos para dar el salto al desarrollo de RIA utilizando JavaScript.

    Pruebas de JavaScript y tablas de compatibilidad Este recurso es una hoja de referencia bien organizada para la compatibilidad entre navegadores de métodos JavaScript respaldada por pruebas de muestra que puede ejecutar para ver cómo funcionan (o no) en su navegador.

    Convenciones de código para JavaScript En esta página, puede encontrar convenciones de codificación sugeridas para JavaScript. Es importante tener en cuenta que no existe una convención correcta, pero este es un excelente lugar para comenzar a desarrollar la suya propia.

    Explora más en

    • Herramientas
    • AJAX
    • javascript
    • jQuery
    • Recursos





    Tal vez te puede interesar:

    1. 50 herramientas útiles de JavaScript
    2. Herramientas, bibliotecas y complementos útiles de JavaScript y jQuery
    3. Herramientas útiles de HTML, CSS y JavaScript que hacen prácticamente de todo
    4. Herramientas, tutoriales y recursos útiles de Node.js

    50 nuevas herramientas de JavaScript que mejorarán su flujo de trabajo

    50 nuevas herramientas de JavaScript que mejorarán su flujo de trabajo

    Herramientas útiles de JavaScriptBibliotecas de utilidades y componentes para JavaScriptBibliotecas útiles de JavaScriptRecursos y tutoriales educativos de J

    programar

    es

    https://pseint.es/static/images/programar-50-nuevas-herramientas-de-javascript-que-mejoraran-su-flujo-de-trabajo-761-0.jpg

    2024-05-20

     

    50 nuevas herramientas de JavaScript que mejorarán su flujo de trabajo
    50 nuevas herramientas de JavaScript que mejorarán su flujo de trabajo

    Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

     

     

    Update cookies preferences