A continuación encontrarás una lista de herramientas para programadores web, que facilitaran el trabajo de codificación y aumentaran tu producción. Un gran kit que debe formar parte del conjunto de herramientas de un buen programador web. Ya sea que estés compilando una aplicación simple como el famoso «Hello World» o una aplicación web compleja, estas aplicaciones son imprescindibles sin importar el nivel.
El programador web moderno debe estar al tanto de todas las plataformas que faciliten su trabajo.
Lista de Herramientas para programadores Web
1. devdocs.io: Documentación de la API para todos los lenguajes y marcos de programación populares. Incluye búsqueda instantánea y lo mejor todo es que también funciona sin conexión.
2. glitch.com : Con Glitch puedes crear fácilmente demostraciones y prototipos de aplicaciones escritas en JavaScript, desde páginas web simples, hasta marcos avanzados como React o Vue, y aplicaciones Node.js del lado del servidor. Importa los repositorios de GitHub o usa cualquier paquete NPM con Glitch.
3. bundlephobia.com : Encuentra rápidamente el costo de importación (tamaño de descarga) de cualquier paquete en el registro de NPM. O carga tu archivo package.json para escanear todas las dependencias en tu proyecto.
4. babeljs.io/repl : Escribe tu código en JavaScript moderno y deja que Babel transforme tu código en JavaScript, para que sea compatible con navegadores incluso con los más antiguos.
5. codeply.com : Crea rápidamente diseños de frontend responsive con marcos como Bootstrap, Materialise CSS y SemanticUI.
6. httpie.org : Una herramienta en línea de comandos que es útil para realizar solicitudes HTTP a servidores web y API RESTful. Casi tan potente como CURL y Wget, pero más simple.
7. regexr.com :Una buena herramienta para probar tus expresiones regulares en el navegador.
8. jex.im/regulex :Escriba cualquier expresión regular en el editor y obtenga una representación visual de cómo funcionan las piezas.
9. buildregex.com :Construye expresiones regulares visualmente.
10. explicahell.com : Escriba cualquier comando de Unix y obtenga una explicación visual de cada indicador y argumento en el comando.
11. mockaroo.com : Genera rápidamente datos de prueba ficticios en el navegador en CSV, JSON, SQL y otros formatos de exportación.
12. jsdelivr.com : Sirva cualquier archivo GitHub o complemento de WordPress a través de un CDN. Combina varios archivos en una sola URL, agregue «.min» a cualquier archivo JS / CSS para obtener una versión minified automáticamente.
13. carbon.now.sh : Crea geniales capturas de pantalla de tu código fuente. Carbon Ofrece resaltado de sintaxis para todos los idiomas populares.
14. wakatime.com : Sepa exactamente cuánto tiempo pasa la codificación con métricas detalladas por archivo e incluso por idioma. Se integra con VS Code, Sublime text y todos los editores de códigos populares.
15. astexplorer.net : Pega tu código JavaScript en el editor y genera el árbol de sintaxis abstracta que lo ayudará a comprender cómo funciona el analizador de JavaScript.
16. hyper.is : Una mejor alternativa al terminal de línea de comandos y también a iTerm. Úsalo con el shell Oh My Zsh y agrega superpoderes a tu terminal.
17. curlbuilder.com : Realiza tus propias solicitudes de CURL en el navegador.
18. htaccess.madewithlove.be : Prueba fácilmente las reglas de redireccionamiento y reescritura en el archivo .htaccess de tu servidor Apache.
19. trackjs.com : Supervisa los errores en tus proyectos web basados en JavaScript y reciba notificaciones instantáneas por correo electrónico cuando se detecte un nuevo error.
20. ngrok.com : Permite iniciar un servidor web local, inicia ngrok, apunta al puerto donde se ejecuta el host local y obtenga una URL pública de su túnel.
21. codeshare.io : Un editor de código en línea para la programación en pares , entrevistas en vivo con videoconferencias o para enseñar códigos a estudiantes de forma remota.
22. webhooks.site : Inspecciona fácilmente las cargas útiles y depura los webhooks HTTP en el navegador. Todas las solicitudes HTTP se registran en tiempo real. Otra buena alternativa es RequestBin .
23. surge.sh : La forma más fácil de implementar páginas web y otro contenido estático desde la línea de comandos. Soporta dominios personalizados y SSL.
24. visbug : Un complemento imprescindible para los desarrolladores web, que brinda herramientas de diseño web útiles directamente en tu navegador. Disponible para Google Chrome y Firefox.
25. puppeteersandbox.com – Puppeteer es un marco de trabajo de Node.js para automatizar Google Chrome. Utilice el sandbox para probar rápidamente sus scripts en el navegador.
26. prettier.io/playground : Embellece tu código JavaScript y TypeScript con Prettier, el formateador de código favorito por muchos programadores.
27. json.parser.online.fr : El único analizador JSON que necesitarás para analizar y detallar tus complejas cadenas JSON.
28. scrimba.com : Crea tus propios screencasts de programación en el navegador o mira el código de otros desarrolladores.
29. katacoda.com : Una plataforma de capacitación para desarrolladores de software, donde cualquier persona puede crear sus propios entornos de capacitación dedicados e interactivos.
30. codesandbox.io : Un IDE en línea con todas las funciones, donde puedes crear aplicaciones web en todos los idiomas populares, incluyendo vanilla JavaScript , React, TypeScript, Vue y Angular.
31. apify.com : Apify es una plataforma que te permite la extracción de datos estructurados de cualquier web y la automatización de otras tareas programadas a favor de la retención de datos de la web analizada.
32. vim-adventures.com – El editor de texto Vim es muy popular entre los programadores. El sitio te ayudará a dominar los comandos claves mientras juegas.
33. insomnia.rest : Un cliente REST que esta para usar en Windows, Ubuntu y OS X que te permite crear solicitudes HTTP y ver los detalles de las respuestas en una interfaz fácil de usar. Los usuarios avanzados pueden considerar el uso de Postman .
