El desarrollo web es una industria de múltiples disciplinas. Puede decidir ser un desarrollador front-end especializado o un desarrollador back-end. Pero también puede ser un desarrollador full-stack, un poco de ambos, y esto es algo que vamos a explorar en esta ronda de la serie.
Aquí hemos reunido varios recursos para front-end, back-end y algunos principios de ingeniería de software de bajo nivel que fortalecerán su habilidad como desarrolladores de pila completa. Entremos para ver la lista completa.
Recursos nuevos para diseñadores y desarrolladores web (abril de 2022)
El desarrollo web es una industria de múltiples disciplinas. Puede decidir ser un desarrollador front-end especializado o un desarrollador back-end. Pero también puedes ser un Leer más
Aleph.js
Alef es un marco de pila completa para Deno. El marco maneja la activación del servidor, las solicitudes y SSR que admite React.js y Vue.js listos para usar. También tiene herramienta incorporada para el desarrollo a la publicación en el servidor que proporciona una experiencia de extremo a extremo para crear una aplicación web.
Markdoc
Markdoc es un nuevo marco utilizado internamente en 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 nodos, etiquetas y validación.
La documentación de Stripe pone el listón muy alto en cuanto a la calidad y ahora que tienen la herramienta abierta para que cualquiera la use, puedes crear una igual de buena.
Jooble
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 trabajos 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
A 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, como que debe tener una longitud específica, contener un carácter, un número, etc. También puede usarla como validación genérica para cualquier entrada pasada en su aplicación Laravel.
Inicio de la biblioteca de componentes de Vue
A kit de inicio para construir componentes con Vue.js. Incluye todas las herramientas que necesita para acelerar el inicio y el desarrollo del componente Vue, como Vite, UnoCSS para creación de CSS, Vitest para pruebas unitarias y Cypress para pruebas integrales, por nombrar algunas. Lo que debe hacer es ejecutar un par de comandos y estará listo para comenzar a desarrollar.
Knex
A marco para Node.js que hace que el manejo de la base de datos sea más intuitivo. Es compatible con varias 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 lo ayudará a lograrlo. más fácil de mantener su aplicación Node.js.
unidad espacial
Una aplicación de escritorio para Supervise el espacio en disco, no solo el disco de su 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 con la que ya está familiarizado, por lo que es más fácil organizar 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ódigos o crear una aplicación, sino también de cómo es fácilmente mantenible y sostenible a lo largo del tiempo. Este libro cubre la práctica de ingeniería de software en Google y ahora está disponible de forma gratuita como una versión HTML.
DF
fd es un Utilidad CLI para encontrar archivos o directorios en el sistema de archivos de su computadora. es similar a linux find comando, solo que proporciona una interfaz más intuitiva. Además, es más rápido, admite un patrón global además de RegEx y resalta la salida con colores agradables.
Haga clic en componente
Esta biblioteca de JavaScript puede ayudar a optimice su flujo de trabajo de depuración para la aplicación React.js. Le permite hacer clic en el elemento en el navegador y lo dirigirá inmediatamente en el editor de VSCode. Puede integrar esta biblioteca con varias pilas React.js diferentes que incluyen Create React App, Next.js,
HiperUI
Una coleccion de Componentes CSS de Tailwind que consta de más de 100 componentes y sus variaciones. Puede encontrar desde componentes comunes como botones, entradas, navegaciones, etc. hasta otros más avanzados como tarjetas de productos. Con todos estos componentes, puede crear un sitio simple, una aplicación web simple o un sitio de comercio electrónico.
tiza
Una aplicación web simple que le permite generar capturas de pantalla para fragmentos de código. Puede cambiar el tema, el color, personalizar el editor y generar la imagen que puede compartir en sus redes sociales o publicar en su blog.
Raya.sh
Stripe.sh es un punto final especial que carga la Terminal en el navegador que le permite ejecutar o probar Stripe CLI mientras recorre el documento directamente en el navegador. Otra gran iniciativa de Stripe que mejora aún más la experiencia en su documentación y pone el listón aún más alto para que lo sigan otras empresas tecnológicas.
WebExtension
Un marco que proporciona una forma estándar de crear, probar y publicar una extensión multiplataforma para el navegador; lo que le permite desarrollar rápidamente, escribir el código una vez y publicarlo tanto en Firefox como en Chrome.
EsperanzaUI
A biblioteca de componentes de interfaz de usuario construido con SolidJS con enfoque en la reutilización y accesibilidad. Contiene alrededor de 40 componentes, incluidos botones, navegaciones, entradas y formularios. Cada componente es altamente personalizable y admite el modo oscuro listo para usar.
Animación automática
Una biblioteca para instantáneamente y agregue fácilmente una animación suave o una transición 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 un biblioteca agnóstica del marco lo que significa que puede usarlo con cualquier marco de su elección, ya sea React, Vue o Solid.js.
tsup
TypeScript es una herramienta popular que brinda seguridad de tipo a JavaScript. Sin embargo, aún deberíamos necesitar compilar TypeScript en JavaScript simple y eso, a veces, puede funcionar lentamente en un proyecto grande.
Aquí es donde tsup entra. Integrado en la parte superior de esbuild, tsup está ardiendo rápido. también es compatible compilar varios formatos de archivo incluido .js, .mjsy, 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ódigos e integrarse a varios proveedores de CI. Lo libera de la molestia de configurar un proyecto web y puede ayudarlo 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 fácil hasta lo extremo. Creo que es un gran recurso en general para cualquier persona, ya sea que recién esté comenzando o quiera mejorar sus habilidades para convertirse en un experto en Mecanografiado.
lotería
Una biblioteca de JavaScript que proporciona un conjunto de herramientas para crear una animación rica o un diseño de movimiento en la web. Lo utilizan muchos nombres importantes de la industria 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 la visualización de video y también se integra con muchas herramientas de diseño populares como Adobe XD, Figma, Webflow e incluso VSCode.
