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

Мы наблюдаем огромную активность сообщества PHP и JavaScript, особенно в Twitter. Появились новые обновления и выпуски пакетов PHP, библиотек JavaScript и некоторый прогресс в PHP8. Итак, в этом раунде этой серии мы собрали различные ресурсы как из PHP, так и из JavaScript.

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

JetStream
Новый пакет PHP с открытым исходным кодом от Laravel. Вкратце, это платформа, которая включает в себя вход и регистрацию, проверку электронной почты, 2FA, управление сеансами и управление пользователями. Поистине полный пакет для создания веб-приложений с использованием Laravel.
Stripe.com Globe Учебник
Новый веб-дизайн Stripe.com вызвал большой резонанс в социальных сетях. Он отличается ярким градиентом цвета и интерактивным глобусом. В этом уроке команда Stripe рассказала, как они строят глобус.
GraphQL PHP
Эта библиотека позволяет вам создавать API в вашем веб-приложении, используя GraphQL. Если ваш сайт построен на WordPress, вы можете просто использовать WP GraphQL который реализует и интегрируется с библиотекой, поэтому вам не нужно настраивать ее с нуля.
ВЫСОКИЙ стек
TALL – это стек разработки, состоящий из Попутный ветер, Alpine.js, Laravel и Livewire – весь предварительно настроенный стек настроен и работает, поэтому вы можете легко создать современное веб-приложение с использованием PHP и JavaScript.
Системные значки
Коллекция современных иконок для вашего веб-сайта и мобильного приложения. Его можно загрузить с помощью файла CDN и SVG, который вы можете загрузить. Это совершенно бесплатно, поэтому вы можете использовать его как хотите, без ссылки на автора.
Image Intervention
Библиотека PHP, которая позволяет легко управлять файлом изображения. Вы можете изменять размер, добавлять водяной знак, обрезать, вращать и даже добавлять текст на изображение.
Детокс
Эта библиотека под названием Detox призвана значительно упростить настройку автоматизированного сквозного (e2e) тестирования для мобильных приложений. После настройки он запустит ваше приложение и имитирует взаимодействие с пользователем, которое вы настроили в собственном эмуляторе iOS.
PDF.js
Библиотека JavaScript, созданная командой в Mozilla для рендеринга PDF в браузере. Это полнофункциональная библиотека, позволяющая просматривать каждую страницу, переходить к определенной странице, запускать печать страницы, делать закладку на странице или выполнять поиск по содержимому.
Подкаст React
React Podcast охватывает множество полезных материалов по React.js; руководства, советы и хитрости, интервью с разработчиками и тематический анализ популярного проекта. Этот ресурс стоит добавить в закладки, если вы хотите идти в ногу с этой отраслью.
React Spectrum
Коллекция отзывчивого и доступного пользовательского интерфейса (UI) от Adobe. Помимо обычных компонентов, таких как макеты, кнопки и формы, он также имеет дополнительную функцию, которая интегрируется с инструментом тестирования, таким как Библиотека тестирования React, Является или Мокко для тестирования вашего приложения с помощью пользовательского интерфейса.
Алиса
Alice – это библиотека PHP, которая упрощает создание фиктивных данных для разработки и тестирования вашего веб-сайта с использованием одного простого файла конфигурации в формате JSON, YAML или PHP.
Супер линтер
Super Linter – это конфигурация Github Action, созданная самой командой Github для запуска линтер. Он работает с различными линтерами и языками, включая CSS, PHP, JavaScript, Ruby и Python из коробки.
БЫСТРЫЙ Дизайн
FAST – это полный набор инструментов для создания пользовательского интерфейса и системы дизайна с использованием стандартных веб-компонентов. Библиотека, разработанная командой Microsoft, включает пакет, который дает вам доступ к новой системе дизайна Microsoft, Свободный интерфейс.
Рим
Rome – это инструмент, который призван объединить несколько инструментов, которые мы сейчас обычно используем для создания современных приложений JavaScript. На данный момент он поставляется со стабильным линтер но мы можем ожидать появления новых встроенных инструментов в будущем, которые заменят Babel, Webpack, Prettier и т. д.
Шнурки
Библиотека пользовательского интерфейса, основанная на стандарте Веб-компоненты Технические характеристики. Он содержит несколько многофункциональных настраиваемых HTML-элементов, которые мы можем использовать так же просто, как и обычный HTML. Один из моих любимых элементов – это для добавления звездного рейтинга.
Заготовки WordPress
Это пакет Composer, который предоставляет необходимые данные, такие как спецификации функций и классов для запуска. статический анализ кода в проекте на базе WordPress. Мы можем использовать это с PHPStan или Псалом; два самых популярных инструмента для выполнения статического тестирования кода на PHP.
Комплект пользовательского интерфейса Blade
Коллекция многоразовых Компоненты лезвия. Это похоже на HTML и веб-компоненты в том смысле, что мы используем эти компоненты как обычные элементы HTML. Мы можем добавить это в шаблон страницы, установите атрибуты с соответствующими значениями, и он будет отображать содержимое.
Швы
Stitches – это библиотека стилей, цель которой – модернизировать и упростить компоненты стилей, созданные с помощью виртуальной модели DOM, например, с помощью React.js. Это быстро, поддерживает рендеринг на стороне сервера и обеспечивает гораздо лучший опыт разработчика.
Равный доступ
Набор инструментов для проверки доступности вашего сайта. Инструмент состоит из расширений веб-браузера и модуля Node, который позволяет запускать тест в рамках непрерывной интеграции, которая совместима с браузером без монитора, включая Селен, Кукловод, и Зомби.
Hybrid.js
Библиотека JavaScript для регистрации пользовательского веб-компонента. В отличие от других подобных библиотек, которые требуют реализации с Синтаксис класса JS, это позволяет вам делать это с помощью простой функции, которая в JavaScript упрощает написание и понимание синтаксиса.