Recursos para diseñadores y desarrolladores web 2021 | Desarrollador Web Full Stack Pedro De la nube

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.

https://github.com/microsoft/vscode-js-debug

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.