¿Cuáles son las mejores herramientas para el desarrollo front-end?

ALEATORIO Y FRESCO

  1. Tracelytics: seguimiento de aplicaciones de pila completa. Cloud APM.
  2. TaskMissile: hace que recibir comentarios de los clientes sea rápido, fácil y exacto.
  3. Kera: active más usuarios con tutoriales integrados en la aplicación.
  4. Flowdock: bandeja de entrada del equipo con chat. Aplicación web de colaboración para equipos técnicos.
  5. Módulo: aloje, escale y obtenga información sobre las aplicaciones de Node.js.
  6. Cloud Assault: pruebas de carga sin el título de aeronáutica.
  7. Metricfire: las potentes métricas de las aplicaciones son fáciles.
  8. Interestatal: convierta a los pateadores de neumáticos potenciales en usuarios leales. Gestión abierta de proyectos.
  9. codenow – Colaboración de desarrolladores. Comparta y descubra fácilmente el código.
  10. Lingohub: comience a localizar su software para una mejor adopción en el mercado.
  11. TranslateKarate: kit simple de herramientas de traducción y localización en línea.
  12. Kickfolio: la forma más sencilla de comercializar sus aplicaciones.
  13. Fragmentos: no reinventes tu código. Administrador de fragmentos de código.

FUENTE DE CONTROL

  1. GitHub – Codificación social.
  2. Pixelapse – Control de versión visual. Obtenga una vista de lapso de tiempo de sus diseños.
  3. Bitbucket – Alojamiento gratuito de código fuente.
  4. Versiones – Cliente Subversion para Mac.
  5. SourceTree: un cliente Mac gratuito para sistemas de control de versiones Git y Mercurial.
  6. OFFSCALE: controle su base de datos. Gestión de versiones de DB.
  7. Tower – Cliente Git para Mac.

PLATAFORMAS DE DESARROLLO

  1. Heroku – Plataforma de aplicaciones en la nube. Implemente y escale aplicaciones potentes.
  2. Compilador: desarrolle y aprenda código todo desde la comodidad de su navegador web.
  3. Kinvey: backend móvil en la nube como servicio.
  4. Firebase: un back-end escalable en tiempo real para su sitio web.
  5. Cloud9 – IDE en línea.
  6. Parse: la plataforma completa de aplicaciones móviles.
  7. CloudMine: el backend como servicio para aplicaciones móviles y web.
  8. Koding – IDE basado en navegador. Una nueva forma para que los desarrolladores realicen su trabajo.
  9. AppHarbor: plataforma en la nube .NET como servicio.
  10. dotCloud: implemente, administre y escale cualquier aplicación web.
  11. BrainEngine – Plataforma de desarrollo de aplicaciones móviles y sociales basada en la nube – Plataforma de desarrollo Force.com.
  12. StackMob: potenciando aplicaciones móviles.
  13. PHP Fog – Plataforma de nube sólida como una roca para PHP.
  14. Respaldo: creación sencilla de backends de datos Saas.
  15. Codeanywhere – Editor de código en línea.
  16. NeptuneIDE: IDE basado en la nube con todas las funciones para PHP.
  17. Fusegrid – ColdFusion en la nube.
  18. Cloud IDE: codifique e implemente en la nube.
  19. FriendCode: una red social que gira en torno a un editor de código en línea.
  20. ToolsCloud: entorno de desarrollo en la nube.

RASTREO DE ERRORES, COMENTARIOS Y MONITOREO

  1. Crashlytics: informes de fallos potentes y ligeros para iOS y Android.
  2. Usersnap: una captura de pantalla pinta mil palabras.
  3. Critterismo: deja de preocuparte y comienza a construir. Monitoreo del rendimiento de la aplicación móvil.
  4. Rollbar: corrige los errores más rápido. Informe y seguimiento de errores en tiempo real.
  5. New Relic: gestión del rendimiento de las aplicaciones web (APM).
  6. Excepcional: rastrea errores en aplicaciones web y los informa en tiempo real.
  7. BugSense: información de aplicaciones móviles e informes de fallos.
  8. Bugzilla: software de servidor para ayudarlo a administrar el desarrollo de software.
  9. Bugify: seguimiento simple de problemas de PHP para equipos pequeños.
  10. BugHerd – Rastreador de errores simple. Capture comentarios sin esfuerzo.
  11. Snowy Evening: seguimiento de errores y problemas con la integración de Github.

APIS

  1. Twilio: API para voz, VoIP y mensajes de texto.
  2. Veritable: la base de datos predictiva.
  3. Stripe – Pagos para desarrolladores.
  4. Realidad: API de datos estructurados.
  5. Filepicker.io – Simplifica el manejo del contenido del usuario.
  6. PubNub: servicio de mensajería alojado en la nube increíblemente rápido para aplicaciones en tiempo real.
  7. Mailgun – Correo electrónico para desarrolladores. Enviar, recibir, rastrear y almacenar correos electrónicos.
  8. Context.IO: la API de correo electrónico que falta. Aproveche los datos de correo electrónico en las aplicaciones.
  9. Semántica3: API para datos de productos.
  10. Qubulus – Proveedor de servicios de posicionamiento en interiores.
  11. Sent.ly: API HTTP de SMS con su propio teléfono Android.
  12. Cloudeo: video y voz en vivo para desarrolladores.
  13. Incrustar: convierta URL estándar en videos incrustados, imágenes y más.
  14. Reconocimiento a escala: haga que las imágenes sean procesables.

DIVERSO

  1. Binpress – Mercado de código fuente: componentes, paquetes, clases, scripts.
  2. UploadCare: maneja las cargas y el almacenamiento para que pueda concentrarse en otras cosas.
  3. Eden: biblioteca PHP diseñada para la creación rápida de prototipos y menos código.
  4. appbackr: mercado de crowdfunding para aplicaciones móviles.
  5. Modkit – Programación para cualquier cosa .
  6. TechScratch: concéntrese en lo que es bueno y obtenga ayuda con el resto.
  7. Storyteller: crea sitios web geniales con contenido desde cualquier lugar.
  8. Feed.Us: CMS para aplicaciones web.
  9. Grafito alojado: grafito alojado simple como servicio.
  10. Divshot: el generador de interfaces para aplicaciones web. Creación rápida de prototipos HTML5.
  11. CSS Piffle: no más software de edición de fotos para diseño web.
  12. FlyWithMonkey: herramientas para desarrolladores de aplicaciones HTML5.
  13. Expanz: cree mejores aplicaciones empresariales. Un servidor, cualquier dispositivo.
  14. Zapstreak – Airplay para Android.
  15. RepoDrop – Alojamiento privado del repositorio Git.
  16. CodeWars: entrena y prueba tus habilidades o lucha contra otros desarrolladores.
  17. Architexa – Comprender / documentar bases de código Java complejas en Eclipse.
  18. UserMetrics: análisis para ayudarlo a comprender cómo los usuarios usan su software.
  19. Setapp: comparte y descubre herramientas increíblemente geniales.
  20. Recompensa del codificador: coloque recompensas por problemas de código.
  21. Last5: seguimiento de productividad y tiempo para desarrolladores.
  22. XtGem: creación visual de sitios móviles.
  23. uTest: prueba de aplicación de extremo a extremo.

Hay muchas herramientas para diferentes propósitos, hay una buena colección de ellas en el Front-end Handbook 2017 de Front-end masters. puedes encontrar eso en línea gratis. Además, en este sitio web: Herramientas de front-end, Artículos, Noticias y Empleos 2017, puede explorar muchas herramientas que puede encontrar útiles, ordenadas por categorías. (Divulgación completa: ese es mi sitio web)

Para comprender y reproducir problemas de producción en sus aplicaciones web, puede probar SessionStack.

Existen bastantes herramientas de informe de fallas y registro de errores. Sin embargo, no pueden proporcionar el contexto completo para ayudarlo a replicar problemas. Saber qué pasos tomó el usuario para obtener el error realmente ayudaría a reproducir y depurar más rápido.

SessionStack grabará continuamente los pasos del usuario en segundo plano mientras se ejecuta su aplicación web. Cuando su aplicación falla, SessionStack le notificará de inmediato. Junto con los rastros de la pila de errores de JavaScript, detalles de solicitudes de red fallidas y mensajes de depuración , obtendrá una grabación de la sesión del usuario que condujo al error . Con esta información, podrá replicar esos pasos localmente y verificar su código para identificar la causa raíz del problema.

Puede usar SessionStack junto con otras herramientas de registro de errores como Sentry, Rollbar, TrackJS. Si es usuario de Sentry, puede conectar las sesiones de usuario de SessionStack junto a los informes de eventos de su proyecto.

Divulgación: soy cofundador de SessionStack.