Icono del sitio Consultor y Mentor estratégico | Pedro De la nube

Recursos para dise√Īadores y desarrolladores web 2021

desarrolladores web

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.

Recibe mi Newsletter semanal
Recibir√°s un email semanal (los domingos por la ma√Īana) con el mejor contenido que vaya encontrado por la red.


Yo también odio el spam solo contenido de valor a través de mi newsletter

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.

Recibe mi Newsletter semanal
Recibir√°s un email semanal (los domingos por la ma√Īana) con el mejor contenido que vaya encontrado por la red.


Yo también odio el spam solo contenido de valor a través de mi newsletter
Salir de la versión móvil