Cada d铆a surgen nuevas herramientas y t茅cnicas en el campo de los desarrolladores web. Y a veces, se vuelve bastante dif铆cil mantenerse al d铆a con todos los nuevos avances.
Por lo tanto, en esta publicaci贸n, hemos reunido algunos de los recursos m谩s interesantes para ayudar a nuestros compa帽eros desarrolladores web a mantenerse actualizados.
Peeky
Un marco de prueba para JavaScript para desarrolladores web con algunas tomas interesantes. Primero, incluye una interfaz de usuario atractiva donde puedes ejecutar y monitorear las pruebas de cada archivo.
En segundo lugar, es compatible con JavaScript moderno listo para usar, incluidos Aysnc / Promise, TypeScript y muchos m谩s por venir. Creo que todos estos lo hacen destacar del resto de marcos similares.
Awesome Guidelines
Awesome Guidelines contiene pautas para el est谩ndar de c贸digo y las mejores pr谩cticas para desarrolladores web adem谩s muchos lenguajes de programaci贸n, marcos y entornos de desarrollo.
IDB KeyVal
驴Sab铆as que el navegador tiene una base de datos incorporada? Se llama IndexedDB. Funciona de manera similar a SQL, donde puede agregar una base de datos y las columnas, excepto que vive directamente en el navegador.
Esta biblioteca facilita el manejo de IndexedDB para desarrolladores web. Aborda todas las peculiaridades y la compatibilidad entre los diferentes navegadores y versiones.
Github Open Graph Image
Github ha realizado una actualizaci贸n interesante en su plataforma. Antes de esta actualizaci贸n, sol铆a verse extra帽o cuando se compart铆a una URL de repositorio desde Github, ya que muestra el autor del repositorio.
Ahora, con la actualizaci贸n, Github muestra una imagen m谩s relevante para el repositorio para desarrolladores web que incluye el nombre del repositorio, idiomas, autor, etc. En esta publicaci贸n de blog, Github comparti贸 c贸mo funciona detr谩s de escena.
Dise帽o Absurdo
Una colecci贸n de ilustraciones abstractas que parecen absurdas . Si alguna vez necesita dise帽ar un sitio web con una personalidad 煤nica, puede intentar utilizar estas ilustraciones en su dise帽o. La ilustraci贸n viene en dos formatos: PNG y SVG .
WVSC
Un tema VSCode personalizado para desarrolladores web. Viene en un esquema de color claro y oscuro y se ve muy bien en Retina y en c贸digos HTML, CSS y JS. Otro tema atractivo que debe instalar para darle a su editor de c贸digo un aspecto nuevo .
Schema API
Una herramienta para desarrolladores web en la que puede analizar un sitio web para obtener metadatos estructurados del sitio web definido en Schema.org . Una herramienta muy 煤til para espiar lo que hacen sus competidores con sus metadatos. Adem谩s, es gratis.
Boxicons
Tambi茅n te podr铆a interesar
Una colecci贸n de iconos dise帽ados para dise帽adores y desarrolladores web . La colecci贸n contiene m谩s de 1500 iconos de varias categor铆as . Aqu铆 puede encontrar algunos 铆conos regulares para crear sitios web y aplicaciones, as铆 como logotipos de tecnolog铆a y servicios populares.
Shiki
Una biblioteca de JavaScript ligera para resaltar la sintaxis del c贸digo con el color adecuado. Es r谩pido y admite 100 idiomas listos para usar, incluido uno escrito en chino tradicional. Tambi茅n incluye algunos temas populares como Monokai, Dracula, Github, tanto en versiones oscuras como claras.
Bulletproof React
Una arquitectura predefinida que cubre casi todo lo que necesita para construir una aplicaci贸n robusta usando React.js. Se coloca la estructura de directorios y la configuraci贸n, los componentes de estilo, la gesti贸n del estado, la autenticaci贸n, pruebas , etc.
Es un gran ahorro de tiempo y le permite comenzar a desarrollar de inmediato. Si alguna vez necesita crear una aplicaci贸n con React.js, este es un excelente punto de partida para desarrolladores web.
Torchlight
Una biblioteca para representar la sintaxis del c贸digo con un color adecuado que no requiere JavaScript . 隆S铆! a diferencia de bibliotecas similares para este prop贸sito, Torchlight se ejecuta en el servidor y genera un HTML completamente renderizado con los colores de sintaxis . Es compatible con muchos idiomas y ofrece varios temas listos para usar.
Laravel Zero
Un marco para crear una l铆nea de comandos (CLI) usando Laravel . Viene con algunas tomas diferentes a las de un Laravel incorporado. Por ejemplo, agrega soporte para un men煤 interactivo donde puede seleccionar opciones directamente en Terminal y la capacidad de enviar una notificaci贸n de escritorio, por nombrar algunas. Es un marco para crear una aplicaci贸n CLI robusta.
Accesorios de WP-CLI
Una extensi贸n WP-CLI para generar contenido ficticio . Puede generar no solo publicaciones, sino otros tipos de contenido en WordPress, como Men煤, Taxonom铆a y Usuarios. Esto resulta 煤til para realizar pruebas automatizadas.
Starship
Starship es una herramienta que ampl铆a el entorno de Shell . Agrega la finalizaci贸n de comandos, informaci贸n adicional de sus proyectos actuales, como la rama actual de Git, m茅tricas de Git y la versi贸n del lenguaje de programaci贸n actual.
Tambi茅n ofrece muchas opciones que hacen que el entorno Shell sea m谩s agradable de usar y aumentan la productividad.
HTTPie
Una moderna aplicaci贸n de l铆nea de comandos para realizar solicitudes HTTP . A diferencia de algunas de las aplicaciones existentes, HTTPie proporciona una sintaxis m谩s intuitiva. Tambi茅n tiene soporte JSON integrado con una salida m谩s legible. Es un cliente HTTP completo que le ayuda a ser m谩s productivo cuando se trata de solicitudes HTTP .
Learn Anything
驴Est谩 interesado en aprender algo nuevo pero no est谩 seguro de por d贸nde empezar? Dir铆gete a este motor de b煤squeda 煤nico que te proporcionar谩 pautas y recursos para materiales de aprendizaje . Puede buscar cualquier cosa, desde dise帽o web hasta aplicaciones m贸viles, etc.
Depuraci贸n de VSCode JS para desarrolladores web
El depurador de JavaScript nuevo y mejorado para Visual Studio Code . Funciona en diferentes plataformas, no solo en el navegador como Chrome y Edge, sino tambi茅n en el entorno Node.js y una extensi贸n VSCode.
Lint Staged
Mantenga su fuente en conformidad con el c贸digo est谩ndar con esta extensi贸n. Le permite verificar el c贸digo al almacenarlo en Git y evitar铆a que se empuje antes de que pase la verificaci贸n. Es bastante 煤til si administra un proyecto en equipo o en c贸digo abierto con m煤ltiples colaboradores.
ChromePHP
Esta biblioteca PHP le permite orquestar un Chrome sin cabeza a trav茅s de PHP . Puede utilizar esta biblioteca para ejecutar algunas pruebas de automatizaci贸n en el navegador. Estoy seguro de que los desarrolladores de PHP agradecer铆an esta biblioteca, ya que pueden mantener la mayor铆a de sus proyectos que utilizan un solo lenguaje: PHP.
Vitesse WebExt
Un entorno est谩ndar y de desarrollo para que se familiarice r谩pidamente con el desarrollo de extensiones de navegador construidas sobre Vue.js y sus componentes de soporte.
Tambi茅n se ha encargado de las configuraciones de requisitos previos, como con los polyfills de WebExtension, WindiCSS para el estilo, ESLint para el c贸digo lint , TypeScript, etc.
Es cierto que el proceso de desarrollar una web o aplicaci贸n puede ser desafiante y confuso, pero para eso estamos, para ayudar. Contacta hoy para programar tu sesi贸n de estrategia y dejar que comience la lluvia de ideas.
