Novos recursos para web designers e desenvolvedores (abril de 2023)

Na edição deste mês, temos alguns recursos que tenho certeza de que você vai gostar. Temos um verificador ortográfico que pode ajudá-lo a identificar erros de digitação irritantes em seu código, a coleção Adobe React Aria e um tutorial que ensinará a você o Next.js 13 mais recente e como usar o ChatGPT de maneira eficaz para desenvolvedores da web. . Parece emocionante? Vamos nos aprofundar para ver a lista completa.

Esqueleto PHP

Este é um pacote PHP que fornece uma base de código clichê simples e moderna para a construção de aplicativos PHP modernos. Esse segue as convenções de nomenclatura PSR-4 e inclui configurações básicas para ferramentas de desenvolvimento. como PHPStan e PHPUnit.

Também inclui arquivos de amostra e casos de teste para ajudar os desenvolvedores a começar rapidamente. O pacote pode ser útil para acelerar a criação de aplicativos PHP sem gastar muito tempo com instalação e configuração.

Não preguiçoso

preguiçoso é Uma biblioteca JavaScript que permite o carregamento lento de imagens usando as APIs nativas do navegador.. Destina-se a ser utilizado com loading="lazy" atributo e oferece suporte a imagens de espaço reservado (desfocadas) usando BlurHashName algoritmo.

A biblioteca inclui recursos como cálculo automático de tamanho, suporte para várias tags de imagem usando <picture>e amigável para SEO. Ele é projetado para navegadores modernos e estrutura agnóstica que permite que você o use com ou sem o framework.

Interface ingênua

NaiveUI é uma biblioteca de interface de usuário para Ver 3 que oferece uma ampla gama de componentes de interface de usuário personalizáveis como botões, formulários, menus e modelos, bem como utilitários de layout e estilo.

Apoia a internacionalização com traduções disponíveis em mais de 10 idiomas, modo escuro e acessibilidade com componentes projetados para os padrões WCAG 2.0.. Se você deseja criar um aplicativo com Vue, esta pode ser a biblioteca de interface do usuário perfeita.

Configurações do VSCode

O VSCode Settings é um repositório que contém vários configurações e extensões opinativas no Visual Studio Code (VS Code), como temas, fontes, recuo e atalhos de teclado.

No entanto, você ainda pode selecione e selecione configurações e extensões que melhor atendem às suas necessidades. Uma boa fonte de inspiração se você quiser melhorar seu processo de desenvolvimento do Visual Studio Code.

Leia também: 8 poderosas extensões de código VS para desenvolvedores front-end

Crie um painel de administração do MERN React

Neste vídeo você vai aprenda como desenvolver e implantar um painel de administração de pilha usando a pilha MERN (MongoDB, Express, React, Node). O desenvolvimento inclui uma série de bibliotecas e ferramentas no front-end, incluindo Material UI, Material UI Data Grid, Nivo Charts, Redux Toolkit e Redux Toolkit Query.

Bye Bye o backend pressupõe o uso de Node.js, Express, Mongoose e MongoDB.. São 7 horas de treino! Uma excelente fonte para quem quer aprender a ser um desenvolvedor full stack.

WindmillUI

Interface do moinho de vento biblioteca de interface web moderna e gratuita para criar painéis, áreas de administração e outros aplicativos da web. Ele inclui vários componentes e estilos pré-construídos, como tabelas, formulários, modais e alertastotalmente responsivo e personalizável.

Esse criado com Tailwind CSS, uma estrutura CSS orientada a utilitários que se integra perfeitamente ao React. A interface de usuário do Windmill também oferece modelos de painel prontos, tornando ainda mais fácil começar a criar aplicativos da web.

cFeitiço

CSpell é ferramenta de linha de comando e biblioteca para códigos de verificação ortográfica. Ele foi projetado para detectar erros comuns de ortografia e erros de digitação em software e documentação técnica e pode ser integrado ao fluxo de trabalho de um desenvolvedor usando extensões do editor, ferramentas de construção e outras integraçõese pode ser configurado com um dicionário personalizado e um arquivo de configuração.

Suporta vários idiomas, incluindo Inglês, alemão, francês e espanhol. Um recurso útil para desenvolvedores e escritores técnicos para evitar erros de digitação.

Falcão

Falcon é um plugin WordPress que fornece uma série de otimizações de desempenho e experiência do usuário para WordPress. Inclui opções para desabilitar certos recursos, incluindo desabilitar Gutenberg, REST API, heartbeat, XML-RPC, emoji, incorporação, revisões e autoteste, entre outros.

ele também pode remova recursos e códigos desnecessários do site, além de fazer várias alterações no cabeçalho do site e na área de administração. No geral, este é um ótimo plugin se você deseja melhorar o desempenho do seu site WordPress.

UnoCSSGenericName

UnoCSS é Uma estrutura CSS focada em utilitários que visa fornecer uma maneira intuitiva e flexível de escrever estilos.. Isso permite que os desenvolvedores escrevam CSS diretamente em sua marcação sem se preocupar com a estrutura subjacente ou especificidade, facilitando a manutenção e refatoração de estilos.

Também inclui sistema de tema flexível e suporte para uma ampla variedade de recursos CSS prontos para usocomo pseudoclasses, consultas de mídia e animações.

Componentes do React Aria

Componentes React Aria é um conjunto de componentes não estilizados construídos sobre Reagir ganchos Aria. Isso simplifica a criação de componentes de estilo personalizado e abstrai o código de cola necessário para conectar os ganchos. Atualmente está em alfa e desenvolvido e apoiado ativamente.

Next.js 13 Curso Intensivo

Curso gratuito Next.js criado por Traversy Media. É uma introdução ao Next.js 13 e abrange uma variedade de tópicos, incluindo conhecer novos recursos, configurar um projeto Next.js, trabalhar com páginas e componentes, estilo com módulos CSS e implantação.

Ótimo tutorial se você já estiver familiarizado com o React e quiser aprenda a criar aplicativos da web escalonáveis ​​com o Next.js.

mago

Magikast é Biblioteca de modificação de código JavaScript e TypeScript que permite aos usuários modifique programaticamente o código-fonte com uma sintaxe familiar e fácil de usar. Ele usa um AST analisado por reformulação e babel e oferece recursos como exportação/importação. manipulação, manipulação de argumento de função, formatação inteligente e legibilidade de código aprimorada.

Esta pode não ser a biblioteca que você está usando, mas se você precisar fazer programação de baixo nível envolvendo modificação de código, esta pode ser uma biblioteca muito útil.

SaasKitGenericName

SaasKit é um modelo moderno gratuito e de código aberto projetado para necessidades típicas de Saas. Ele vem com vários recursos, incluindo uma página de destino, cobrança de assinatura via Stripe, portal do cliente, autenticação do usuário, SEO e otimização móvel.

É construído em cima Fresh e Deno, duas tecnologias rápidas e confiáveis ​​que facilitam o desenvolvimento de aplicações web. e oferece uma ótima experiência de desenvolvedor.

Curso Intensivo ChatGPT

Outro ótimo curso gratuito da Traversy Media. Este curso vai te mostrar 10 maneiras de usar o ChatGPT efetivamente como desenvolvedor por exemplo, como usá-lo para criar documentação, dados de amostra, explicações de erros, etc. Isso não apenas pode melhorar sua produtividade, mas também pode aprimore suas habilidades como desenvolvedor.

API assíncrona

AsyncAPI é uma iniciativa de código aberto para criar um padrão para APIs orientadas a eventos.. Ele fornece uma especificação para definir a estrutura de APIs assíncronas em um formato que pode ser facilmente usado, compreendido e implementado em uma variedade de ferramentas e plataformas.

Isso ajuda melhorar a comunicação e a colaboração entre as equipes construindo sistemas promovendo uma abordagem padronizada para projetar, documentar e testar APIs.

Analisador UA JS

UA ParserJS é Uma biblioteca JavaScript que analisa strings de agente do usuário para extrair informações valiosas. por exemplo, navegador, sistema operacional e informações do dispositivo. Ele suporta uma ampla gama de agentes de usuário e fornece aos desenvolvedores uma API simples e conveniente para acessar as informações analisadas e pode ser usado tanto em navegador e aplicativos Node.js.

Pagina inicial

A página inicial é painel de controle de aplicativos moderno, personalizável e seguro com integração de mais de 25 serviços e traduções em mais de 15 idiomas. ele suporta tudo Raspberry Pi, a maioria dos SBCs e Apple Silicon e é gerado estaticamente no tempo de compilação, resultando em tempos de carregamento instantâneos. Oferece suporte i18n completo com traduções em vários idiomas.

Além disso, inclui recursos como serviço e marcadores da webstatus e estatísticas do contêiner, bem como widgets de estatísticas do sistema.

Zed

Zed – Editor de Código projetado para funcionar com o hardware do seu computador para fornecer feedback instantâneo e mantê-lo no fluxo de codificação. Isso permite que você escreva código de forma rápida e eficiente.

Ele tem muitos recursos, incluindo preenchimento automático, navegação de código, diagnóstico e refatoração. Além disso, Zed inclui terminal embutido, modo Vim e vários temas.

Frota

A frota da JetBrains é editor de texto e IDE, rápido e fácil de usar. Ele suporta muitas linguagens de programação e pode detectar automaticamente as configurações do projeto a partir do código-fonte. Isso facilita o uso e economiza tempo.

O Fleet também possui uma interface de usuário persistente para diferentes tipos de projetos, então você só precisa usar um IDE para todas as suas necessidades de programação.

Recursos de modelo

Este site oferece uma coleção padrões de design e práticas recomendadas para criar aplicativos da Web para vários frameworks incluindo React.js, Vue.js e Angular. Inclui recursos como artigos, repositórios e trechos de código que abrangem vários tópicos, como arquitetura, teste e segurança.

A fonte ideal de montanhas de arquitetos ou executivos técnicos que desejam melhorar sua compreensão de alguns dos padrões populares de desenvolvimento.