Свежие ресурсы для веб-дизайнеров и разработчиков (апрель 2023 г.)
В выпуске этого месяца у нас есть некоторые ресурсы, которые, я уверен, вас порадуют. У нас есть инструмент для проверки орфографии, который может помочь обнаружить эти надоедливые опечатки в вашем коде, коллекция Adobe React Aria и учебник, который научит вас последней версии Next.js 13 и тому, как эффективно использовать ChatGPT для веб-разработчиков. . Звучит захватывающе? Давайте погрузимся, чтобы увидеть полный список.
Это пакет PHP, который предоставляет простую и современную шаблонную кодовую базу для создания современных приложений PHP. Он следует соглашениям об именах PSR-4 и включает базовые конфигурации для инструментов разработки, таких как PHPStan и PHPUnit.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)
Он также включает образцы файлов и тестовые случаи, чтобы помочь разработчикам быстро приступить к работе. Пакет может пригодиться, чтобы ускорить создание PHP-приложений, не тратя много времени на установку и настройку.
Unlazy — это библиотека JavaScript, которая позволяет лениво загружать изображения с помощью собственных API-интерфейсов браузера. Он предназначен для использования с атрибутом loading=»lazy» и поддерживает (размытые) изображения-заполнители с помощью атрибута BlurHash алгоритм.
Библиотека включает в себя такие функции, как автоматический расчет размера, поддержку нескольких тегов изображений с использованием
NaiveUI — это библиотека пользовательского интерфейса для Вью 3 который предлагает широкий спектр настраиваемых компонентов пользовательского интерфейса, таких как кнопки, формы, меню и модели, а также утилиты для макета и стиля.
Он поддерживает интернационализацию с переводами, доступными более чем на 10 языках, темным режимом и доступностью с компонентами, разработанными в соответствии со стандартами WCAG 2.0. Если вы хотите создать приложение с помощью Vue, это может стать идеальной библиотекой для создания пользовательского интерфейса.
VSCode Settings — это репозиторий, содержащий различные самостоятельные настройки и расширения в Visual Studio Code (VS Code), такие как темы, шрифты, отступы и сочетания клавиш.
Тем не менее, вы все равно можете выбирать настройки и расширения, которые лучше всего соответствуют их потребностям. Хороший источник вдохновения, если вы хотите улучшить процесс разработки Visual Studio Code.
Читайте также: 8 мощных расширений кода VS для фронтенд-разработчиков
Создайте панель администратора MERN React
В этом видео вы узнаете, как разработать и развернуть панель администратора стека с использованием стека MERN (MongoDB, Express, React, Node). Разработка включает в себя ряд библиотек и инструментов на внешнем интерфейсе, включая пользовательский интерфейс материалов, сетку данных пользовательского интерфейса материалов, диаграммы Nivo, Redux Toolkit и Redux Toolkit Query.
На бэкэнде используются Node.js, Express, Mongoose и MongoDB. Это 7 часов обучения! Отличный источник для всех, кто хочет научиться быть разработчиком полного стека.
Windmill UI — это современная и бесплатная веб-библиотека пользовательского интерфейса для создания информационных панелей, областей администрирования и других веб-приложений. Он включает в себя ряд предварительно созданных компонентов и стилей, таких как таблицы, формы, модальные окна и оповещения, которые полностью адаптируются и настраиваются.
Он создан с помощью Tailwind CSS, ориентированной на утилиты CSS-инфраструктуры, и включает простую интеграцию с React. Пользовательский интерфейс Windmill также предлагает готовые шаблоны для информационных панелей, что еще больше упрощает начало создания веб-приложений.
CSpell — это инструмент командной строки и библиотека для проверки орфографии кодов. Он предназначен для выявления распространенных орфографических ошибок и опечаток в программной и технической документации и может быть интегрирован в рабочий процесс разработчика с помощью расширений редактора, инструментов сборки и других интеграций, а также может быть настроен с помощью определяемого пользователем словаря и файла конфигурации.
Он поддерживает множество языков, включая английский, немецкий, французский и испанский. Полезный ресурс как для разработчиков, так и для технических писателей, позволяющий избежать опечаток.
Falcon — это плагин WordPress, который обеспечивает ряд оптимизаций производительности и взаимодействия с пользователем для WordPress. Он включает в себя параметры для отключения определенных функций, включая отключение Gutenberg, REST API, сердцебиения, XML-RPC, смайликов, встраивания, ревизий и самотестирования, среди прочего.
Он также может удалять ненужные активы и код с сайта, а также вносить различные изменения в шапку сайта и области администрирования. В целом это отличный плагин, если вы хотите повысить производительность своего сайта WordPress.
UnoCSS — это ориентированная на утилиты CSS-инфраструктура, цель которой — предоставить интуитивно понятный и гибкий способ написания стилей. Это позволяет разработчикам писать CSS непосредственно в своей разметке, не беспокоясь о базовой структуре или специфике, что упрощает поддержку и рефакторинг стилей.
Он также включает в себя гибкую систему тем и поддерживает широкий спектр готовых функций CSS, таких как псевдоклассы, медиа-запросы и анимация.
React Aria Components — это набор нестилизованных компонентов, построенных поверх Зацепки React Aria. Это упрощает создание компонентов с пользовательским стилем и абстрагирует связующий код, необходимый для соединения хуков вместе. В настоящее время он находится в альфа-версии и активно развивается и поддерживается.
Бесплатный курс Next.js, созданный Traversy Media. Он представляет собой введение в Next.js 13 и охватывает в нем ряд тем, в том числе знакомство с новыми функциями, настройку проекта Next.js, работу со страницами и компонентами, стилизацию с помощью модулей CSS и развертывание.
Отличный учебник, если вы уже знакомы с React и хотите научиться создавать масштабируемые веб-приложения с помощью Next.js.
Magicast — это библиотека модификации кода JavaScript и TypeScript, которая позволяет пользователям программно изменять исходный код с помощью простого в использовании и знакомого синтаксиса. Он использует AST, проанализированный recast и babel, и предлагает такие функции, как манипулирование экспортом/импортом, манипулирование аргументами функций, интеллектуальное форматирование и улучшенную читаемость кода.
Это может быть не та библиотека, которую вы используете, но если вам нужно выполнить низкоуровневое программирование, включающее модификацию кода, это может быть очень удобной библиотекой.
SaasKit — это бесплатный современный шаблон с открытым исходным кодом, разработанный для типичных потребностей Saas. Он поставляется с рядом функций, включая целевую страницу, выставление счетов за подписку через Stripe, портал для клиентов, аутентификацию пользователей, оптимизацию для SEO и мобильных устройств.
Он построен на основе Fresh и Deno, двух быстрых и надежных технологий, которые упрощают разработку веб-приложений и предлагают отличные возможности для разработчиков.
Еще один отличный бесплатный курс от Traversy Media. Этот курс покажет вам 10 способов эффективного использования ChatGPT в качестве разработчика, например, как использовать его для создания документации, образцов данных, объяснения ошибок и т. д. Это не только может повысить вашу производительность, но и улучшить ваши навыки как разработчика.
AsyncAPI — это инициатива с открытым исходным кодом, направленная на создание стандарта для API, управляемых событиями. Он предоставляет спецификацию для определения структуры асинхронных API в формате, который можно легко использовать, понимать и реализовывать с помощью различных инструментов и платформ.
Это помогает улучшить общение и сотрудничество между командами, создающими системы, продвигая стандартизированный подход к проектированию, документированию и тестированию API.
UA Parser JS — это библиотека JavaScript, которая анализирует строки пользовательского агента для извлечения ценной информации, такой как сведения о браузере, операционной системе и устройстве. Он поддерживает широкий спектр пользовательских агентов и предоставляет разработчикам простой и удобный API для доступа к анализируемой информации и может использоваться как в браузере, так и в приложениях Node.js.
Домашняя страница — это современная, настраиваемая и безопасная панель управления приложениями с интеграцией более 25 сервисов и переводами более чем на 15 языков. Он поддерживает все Raspberry Pi, большинство SBC и Apple Silicon и генерируется статически во время сборки, что приводит к мгновенной загрузке. Он предлагает полную поддержку i18n с переводами на несколько языков.
Кроме того, он включает в себя такие функции, как служебные и веб-закладки, статус и статистика контейнера, а также виджеты системной статистики и другие.
Zed — это редактор кода, предназначенный для работы с аппаратным обеспечением вашего компьютера, чтобы обеспечить мгновенную обратную связь и держать вас в процессе написания кода. Это позволяет вам писать код быстро и эффективно.
Он имеет множество функций, включая автозаполнение, навигацию по коду, диагностику и рефакторинг. Кроме того, Zed включает в себя встроенный терминал, режим Vim и различные темы оформления.
JetBrains Fleet — это быстрый и простой в использовании текстовый редактор и интегрированная среда разработки. Он поддерживает множество языков программирования и может автоматически определять конфигурации проекта из исходного кода. Это упрощает использование и экономит ваше время.
У Fleet также есть единый пользовательский интерфейс для разных типов проектов, поэтому вам нужно использовать только одну IDE для всех ваших потребностей в программировании.
Этот сайт предлагает коллекцию шаблонов проектирования и лучших практик для создания веб-приложений для различных фреймворков, включая React.js, Vue.js и Angular. Он включает такие ресурсы, как статьи, репозитории и фрагменты кода, охватывающие различные темы, такие как архитектура, тестирование и безопасность.
Идеальный источник для архитекторов или технических руководителей, которые хотят улучшить свое понимание некоторых популярных шаблонов в разработке.
Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)