Свежие ресурсы для веб-дизайнеров и разработчиков (апрель 2023 г.)

В выпуске этого месяца у нас есть некоторые ресурсы, которые, я уверен, вас порадуют. У нас есть инструмент для проверки орфографии, который может помочь обнаружить эти надоедливые опечатки в вашем коде, коллекция Adobe React Aria и учебник, который научит вас последней версии Next.js 13 и тому, как эффективно использовать ChatGPT для веб-разработчиков. . Звучит захватывающе? Давайте погрузимся, чтобы увидеть полный список.

Скелет PHP

Это пакет PHP, который предоставляет простую и современную шаблонную кодовую базу для создания современных приложений PHP. Он следует соглашениям об именах PSR-4 и включает базовые конфигурации для инструментов разработки, таких как PHPStan и PHPUnit.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Он также включает образцы файлов и тестовые случаи, чтобы помочь разработчикам быстро приступить к работе. Пакет может пригодиться, чтобы ускорить создание PHP-приложений, не тратя много времени на установку и настройку.

Скелет PHP
Неленивый

Unlazy — это библиотека JavaScript, которая позволяет лениво загружать изображения с помощью собственных API-интерфейсов браузера. Он предназначен для использования с атрибутом loading=”lazy” и поддерживает (размытые) изображения-заполнители с помощью атрибута BlurHash алгоритм.

Библиотека включает в себя такие функции, как автоматический расчет размера, поддержку нескольких тегов изображений с использованием и оптимизацию для SEO. Он создан для современных браузеров и не зависит от фреймворка, что позволяет использовать его как с фреймворком, так и без него.

Неленивый
Наивный интерфейс

NaiveUI — это библиотека пользовательского интерфейса для Вью 3 который предлагает широкий спектр настраиваемых компонентов пользовательского интерфейса, таких как кнопки, формы, меню и модели, а также утилиты для макета и стиля.

Он поддерживает интернационализацию с переводами, доступными более чем на 10 языках, темным режимом и доступностью с компонентами, разработанными в соответствии со стандартами WCAG 2.0. Если вы хотите создать приложение с помощью Vue, это может стать идеальной библиотекой для создания пользовательского интерфейса.

Наивный интерфейс
Настройки VSCode

VSCode Settings — это репозиторий, содержащий различные самостоятельные настройки и расширения в Visual Studio Code (VS Code), такие как темы, шрифты, отступы и сочетания клавиш.

Тем не менее, вы все равно можете выбирать настройки и расширения, которые лучше всего соответствуют их потребностям. Хороший источник вдохновения, если вы хотите улучшить процесс разработки Visual Studio Code.

Читайте также: 8 мощных расширений кода VS для фронтенд-разработчиков

Настройки VSCode
Создайте панель администратора MERN React

В этом видео вы узнаете, как разработать и развернуть панель администратора стека с использованием стека MERN (MongoDB, Express, React, Node). Разработка включает в себя ряд библиотек и инструментов на внешнем интерфейсе, включая пользовательский интерфейс материалов, сетку данных пользовательского интерфейса материалов, диаграммы Nivo, Redux Toolkit и Redux Toolkit Query.

На бэкэнде используются Node.js, Express, Mongoose и MongoDB. Это 7 часов обучения! Отличный источник для всех, кто хочет научиться быть разработчиком полного стека.

Создайте панель администратора MERN React
Ветряная мельницаUI

Windmill UI — это современная и бесплатная веб-библиотека пользовательского интерфейса для создания информационных панелей, областей администрирования и других веб-приложений. Он включает в себя ряд предварительно созданных компонентов и стилей, таких как таблицы, формы, модальные окна и оповещения, которые полностью адаптируются и настраиваются.

Он создан с помощью Tailwind CSS, ориентированной на утилиты CSS-инфраструктуры, и включает простую интеграцию с React. Пользовательский интерфейс Windmill также предлагает готовые шаблоны для информационных панелей, что еще больше упрощает начало создания веб-приложений.

Ветряная мельницаUI
cЗаклинание

CSpell — это инструмент командной строки и библиотека для проверки орфографии кодов. Он предназначен для выявления распространенных орфографических ошибок и опечаток в программной и технической документации и может быть интегрирован в рабочий процесс разработчика с помощью расширений редактора, инструментов сборки и других интеграций, а также может быть настроен с помощью определяемого пользователем словаря и файла конфигурации.

Он поддерживает множество языков, включая английский, немецкий, французский и испанский. Полезный ресурс как для разработчиков, так и для технических писателей, позволяющий избежать опечаток.

cЗаклинание
Сокол

Falcon — это плагин WordPress, который обеспечивает ряд оптимизаций производительности и взаимодействия с пользователем для WordPress. Он включает в себя параметры для отключения определенных функций, включая отключение Gutenberg, REST API, сердцебиения, XML-RPC, смайликов, встраивания, ревизий и самотестирования, среди прочего.

Он также может удалять ненужные активы и код с сайта, а также вносить различные изменения в шапку сайта и области администрирования. В целом это отличный плагин, если вы хотите повысить производительность своего сайта WordPress.

Сокол
UnoCSS

UnoCSS — это ориентированная на утилиты CSS-инфраструктура, цель которой — предоставить интуитивно понятный и гибкий способ написания стилей. Это позволяет разработчикам писать CSS непосредственно в своей разметке, не беспокоясь о базовой структуре или специфике, что упрощает поддержку и рефакторинг стилей.

Он также включает в себя гибкую систему тем и поддерживает широкий спектр готовых функций CSS, таких как псевдоклассы, медиа-запросы и анимация.

UnoCSS
Компоненты React Aria

React Aria Components — это набор нестилизованных компонентов, построенных поверх Зацепки React Aria. Это упрощает создание компонентов с пользовательским стилем и абстрагирует связующий код, необходимый для соединения хуков вместе. В настоящее время он находится в альфа-версии и активно развивается и поддерживается.

Компоненты React Aria
Next.js 13 Ускоренный курс

Бесплатный курс Next.js, созданный Traversy Media. Он представляет собой введение в Next.js 13 и охватывает в нем ряд тем, в том числе знакомство с новыми функциями, настройку проекта Next.js, работу со страницами и компонентами, стилизацию с помощью модулей CSS и развертывание.

Отличный учебник, если вы уже знакомы с React и хотите научиться создавать масштабируемые веб-приложения с помощью Next.js.

Next.js 13 Ускоренный курс
волшебник

Magicast — это библиотека модификации кода JavaScript и TypeScript, которая позволяет пользователям программно изменять исходный код с помощью простого в использовании и знакомого синтаксиса. Он использует AST, проанализированный recast и babel, и предлагает такие функции, как манипулирование экспортом/импортом, манипулирование аргументами функций, интеллектуальное форматирование и улучшенную читаемость кода.

Это может быть не та библиотека, которую вы используете, но если вам нужно выполнить низкоуровневое программирование, включающее модификацию кода, это может быть очень удобной библиотекой.

волшебник
SaasKit

SaasKit — это бесплатный современный шаблон с открытым исходным кодом, разработанный для типичных потребностей Saas. Он поставляется с рядом функций, включая целевую страницу, выставление счетов за подписку через Stripe, портал для клиентов, аутентификацию пользователей, оптимизацию для SEO и мобильных устройств.

Он построен на основе Fresh и Deno, двух быстрых и надежных технологий, которые упрощают разработку веб-приложений и предлагают отличные возможности для разработчиков.

SaasKit
Ускоренный курс ChatGPT

Еще один отличный бесплатный курс от Traversy Media. Этот курс покажет вам 10 способов эффективного использования ChatGPT в качестве разработчика, например, как использовать его для создания документации, образцов данных, объяснения ошибок и т. д. Это не только может повысить вашу производительность, но и улучшить ваши навыки как разработчика.

Ускоренный курс ChatGPT
АсинхронныйAPI

AsyncAPI — это инициатива с открытым исходным кодом, направленная на создание стандарта для API, управляемых событиями. Он предоставляет спецификацию для определения структуры асинхронных API в формате, который можно легко использовать, понимать и реализовывать с помощью различных инструментов и платформ.

Это помогает улучшить общение и сотрудничество между командами, создающими системы, продвигая стандартизированный подход к проектированию, документированию и тестированию API.

АсинхронныйAPI
UA Парсер JS

UA Parser JS — это библиотека JavaScript, которая анализирует строки пользовательского агента для извлечения ценной информации, такой как сведения о браузере, операционной системе и устройстве. Он поддерживает широкий спектр пользовательских агентов и предоставляет разработчикам простой и удобный API для доступа к анализируемой информации и может использоваться как в браузере, так и в приложениях Node.js.

UA Парсер JS
Домашняя страница

Домашняя страница — это современная, настраиваемая и безопасная панель управления приложениями с интеграцией более 25 сервисов и переводами более чем на 15 языков. Он поддерживает все Raspberry Pi, большинство SBC и Apple Silicon и генерируется статически во время сборки, что приводит к мгновенной загрузке. Он предлагает полную поддержку i18n с переводами на несколько языков.

Кроме того, он включает в себя такие функции, как служебные и веб-закладки, статус и статистика контейнера, а также виджеты системной статистики и другие.

Домашняя страница
Зед

Zed — это редактор кода, предназначенный для работы с аппаратным обеспечением вашего компьютера, чтобы обеспечить мгновенную обратную связь и держать вас в процессе написания кода. Это позволяет вам писать код быстро и эффективно.

Он имеет множество функций, включая автозаполнение, навигацию по коду, диагностику и рефакторинг. Кроме того, Zed включает в себя встроенный терминал, режим Vim и различные темы оформления.

Зед
Флот

JetBrains Fleet — это быстрый и простой в использовании текстовый редактор и интегрированная среда разработки. Он поддерживает множество языков программирования и может автоматически определять конфигурации проекта из исходного кода. Это упрощает использование и экономит ваше время.

У Fleet также есть единый пользовательский интерфейс для разных типов проектов, поэтому вам нужно использовать только одну IDE для всех ваших потребностей в программировании.

Флот
Ресурсы по шаблонам

Этот сайт предлагает коллекцию шаблонов проектирования и лучших практик для создания веб-приложений для различных фреймворков, включая React.js, Vue.js и Angular. Он включает такие ресурсы, как статьи, репозитории и фрагменты кода, охватывающие различные темы, такие как архитектура, тестирование и безопасность.

Идеальный источник для архитекторов или технических руководителей, которые хотят улучшить свое понимание некоторых популярных шаблонов в разработке.

Ресурсы по шаблонам

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *