Nuevo recurso para desarrolladores web: mayo de 2022 – Hongkiat

desarrollo web es una industria multidisciplinar. Puede decidir ser un desarrollador front-end experto o un desarrollador back-end. Pero también puede ser un desarrollador full-stack, un poco de ambos, y eso es algo que vamos a explorar en esta ronda de la serie. Aquí hemos reunido varios recursos para directores de ingeniería de software de bajo nivel, frontend y backend que fortalecerán su habilidad como desarrolladores de pila completa. Avancemos para ver la lista completa.

Nuevos recursos para diseñadores y desarrolladores web (abril de 2022)

Nuevos recursos para diseñadores y desarrolladores web (abril de 2022)

El desarrollo de sitios web no siempre se trata de codificación. También necesitarías un buen sentido del diseño para… Leer más

Aleph.js

Aleph es un framework full-stack para deno. El marco maneja la activación del servidor, las solicitudes y SSR que admiten React.js y Vue.js de forma inmediata. También tiene una herramienta de desarrollo incorporada para la publicación de servidores que proporciona una experiencia de extremo a extremo para crear una aplicación web.

Markdoc

Markdoc es un nuevo marco utilizado internamente dentro de Stripe como creación de contenido para su documentación. Puede escribir el contenido con la sintaxis de Markdown y combinarlo con algunas de sus características únicas como Nosotros, etiquetay Validación. La documentación de Stripe pone el listón muy alto en cuanto a calidad y ahora que tienen la herramienta abierta para que cualquiera la use, puedes crear una igual de buena.

trabajo

Una plataforma internacional de búsqueda de empleo, Jooble es el lugar para encontrar su próximo trabajo. Puede buscar cualquier puesto en cualquier industria, incluidos cientos de puestos de trabajo para diseñadores y desarrolladores web. La plataforma obtiene los trabajos de miles de fuentes, incluidos sitios web corporativos, redes sociales y anuncios clasificados, etc. y de más de 70 países.

Laravel Hyrule

Un complemento de Laravel que proporciona una buena API que hace que sea más intuitivo crear una regla de validación. Por ejemplo, puede crear una regla para una contraseña de modo que tenga una longitud específica, contenga un carácter, un número, etc. También puede usarlo como una validación genérica para cualquier entrada pasada a su aplicación Laravel.

Lanzador de la biblioteca de componentes de Vue

Un kit de inicio para construir componentes con Vue.js. Incluye todas las herramientas que necesita para comenzar y desarrollar componentes de Vue rápidamente, como Vite, UnoCSS para la creación de CSS, vitest para pruebas unitarias y Ciprés para pruebas de extremo a extremo, por nombrar algunos. Lo que debe hacer es ejecutar algunos comandos y estará listo para comenzar a desarrollar.

knex

Un marco para Node.js que hace que el manejo de bases de datos sea más intuitivo. Admite múltiples plataformas de bases de datos, incluidas MySQL, PostgreSQL y SQLite3. Proporciona una interfaz uniforme para conectarse, consultar y ayudarlo a crear una base de datos que aumentará la productividad y ayudará a que su aplicación Node.js sea más fácil de mantener.

unidad espacial

Una aplicación de escritorio para monitorear el espacio en disco, no solo el disco de la computadora local, sino también el uso del disco en la nube. Admite varios proveedores populares de almacenamiento en la nube, incluidos Apple Photo, Google Drive y Dropbox. También proporciona una interfaz que ya conoce, lo que facilita la organización de archivos en el disco local y en la nube.

Ingeniería de software en Google

La ingeniería de software no se trata solo de escribir código o construir una aplicación, sino también de cómo se puede mantener fácilmente y mantener con el tiempo. Este libro cubre la práctica de la ingeniería de software en Google y ahora está disponible gratuitamente en la versión HTML.

DF

fd es una utilidad CLI para ubicar archivos o directorios en el sistema de archivos de su computadora. Es similar al comando de búsqueda de Linux, solo que proporciona una interfaz más intuitiva. Además, es más rápido, admite el estándar global además de RegEx y resalta la salida con colores agradables.

Haga clic en componente

Esta biblioteca de JavaScript puede ayudarlo a optimizar su flujo de trabajo de depuración para su aplicación React.js. Le permite hacer clic en el elemento en el navegador e inmediatamente lo llevará al editor de VSCode. Puede integrar esta biblioteca con muchas pilas React.js diferentes que incluyen Crear aplicación Reactsiguiente.js,

HiperUI

Una colección de componentes Tailwind CSS que consta de más de 100 componentes y sus variaciones. Puede encontrar componentes comunes como botones, entradas, navegaciones, etc., hasta otros más avanzados como tarjetas de productos. Con todos estos componentes, puede crear un sitio web simple, una aplicación web simple o un sitio web de comercio electrónico.

tiza

Una aplicación web simple que le permite generar capturas de pantalla para fragmentos de código. Puedes cambiar el tema, el color, personalizar el editor y generar la imagen que puedes compartir en tus redes sociales o publicar en tu blog.

raya.sh

Stripe.sh es un punto final especial que carga la Terminal en el navegador que le permite ejecutar o probar la CLI de Stripe mientras se desplaza por el documento directamente en el navegador. Otra gran iniciativa de Stripe que mejora aún más la experiencia en su documentación y eleva aún más el listón para que lo sigan otras empresas tecnológicas.

extensión web

Un marco que proporciona una forma estándar de crear, probar y publicar una extensión de navegador multiplataforma; permitiéndole desarrollar rápidamente, escribir código una vez y publicarlo en Firefox y Chrome.

EsperanzaUI

Una biblioteca de componentes de interfaz de usuario creados con SolidJS centrándose en la reutilización y la accesibilidad. Contiene alrededor de 40 componentes, incluidos botones, navegaciones, entradas y formularios. Cada componente es altamente personalizable y admite modo oscuro sale de la caja.

autoanimar

Una biblioteca para agregar instantánea y fácilmente animaciones o transiciones suaves en la aplicación de interfaz de usuario web. La biblioteca funcionará principalmente fuera de la caja. Pero si necesita una animación más avanzada, proporciona una API de complemento donde puede agregar su propia especificación. Puede usarlo con React.js, Vue.js o simplemente con JavaScript.

ZagJS

Una biblioteca de JavaScript para crear patrones de interfaz de usuario interactivos comunes en un sistema de diseño, como Accordion, Dialog y Popover. Es una biblioteca independiente del marco, lo que significa que puede usarla con cualquier marco de su elección, ya sea React, Vue o Solid.js.

tu p

TypeScript es una herramienta popular que brinda seguridad de tipo a JavaScript. Sin embargo, aún necesitamos compilar TypeScript a JavaScript simple y esto a veces puede funcionar lentamente en un proyecto grande. Aquí es donde entra tsup. deconstruir, tsup es muy rápido. También admite la compilación de varios formatos de archivo, incluidos .js, .mjs y, por supuesto, el archivo TypeScript, .ts.

NX

NX proporciona un conjunto de comandos que puede ejecutar para iniciar un proyecto con una configuración de compilación preconfigurada para ejecutar pruebas, compilar código e integrar el varios proveedores de CI. Lo libera de la molestia de configurar un proyecto web y puede ayudar a optimizar el proceso de compilación en una configuración monorepo.

TipoDesafío

Una colección de desafíos para ayudarlo a comprender cómo funciona el sistema de tipos en TypeScript. El desafío va desde lo más fácil hasta los extremos. Creo que es un gran recurso integral para cualquier persona, ya sea que esté comenzando o quiera mejorar sus habilidades para convertirse en un experto en TypeScript.

lotería

Una biblioteca de JavaScript que proporciona un conjunto de herramientas para crear animaciones ricas o diseños de movimiento en la web. Muchos grandes nombres de la industria lo utilizan y se ha convertido en un estándar para crear, editar, probar y colaborar en la creación de animaciones web. Es más rápido en comparación con GIF o visualización de video y también se integra con muchas herramientas de diseño populares como Adobe XD, Figma, Webflow e incluso VSCode.