Frontender Libs - обзор библиотек JS / CSS
الذهاب إلى القناة على Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
إظهار المزيد7 332
المشتركون
-424 ساعات
-287 أيام
-11030 أيام
أرشيف المشاركات
PHP | Local PHP Security Checker
Local PHP Security Checker - это консольное приложение, которое проверяет, не зависит ли ваше приложение от пакетов с известными проблемами безопасности.
В качестве базы известных уязвимостей используется GitHub репозиторий https://github.com/FriendsOfPHP/security-advisories
Делаем свой дропдаун с вариантами отображения
Компонентов UI требуется универсальность, для того чтоб его можно было использовать в любом месте сайта, в примере реализован дропдаун с настройкой положения и размера выпадающего меню, в пунктах меню можно использовать ссылки, ссылки с заголовками и простой текст. Настойки передаются через дата атрибуты и обрабатываются в css.
PHP | Работа с ZIP архивами
Для работы с ZIP архивами в PHP есть класс ZipArchive.
Этот класс позволяет создавать архивы, читать их, извлекать из них файлы, устанавливать пароль и тд.
Улучшение производительности сайта, Perceived Performance
Субъективное восприятие скорости работы сайта и его реальная скорость могут не совпадать, статья рассказывает о приёмах увеличивающих производительность, использование скелетонов, Optimistic Updates и другие технические и психологические средства увеличения производительности.
JS | Отслеживание высоты экрана на iOS
Сделать блок на высотой на весь экран довольно просто,
height: 100vh
Но это не работает для браузера Safari на iOS, его адресная строка сверху и панель кнопок снизу не учитываются при расчете высоты экрана и блок высотой 100vh окажется под кнопками, для решения этой проблемы поможет небольшой скрипт получающий высоту экрана и записывающий её в css переменную.Шаблоны проектирования "банды четырёх (GoF)"
Порождающие паттерны — это паттерны, которые абстрагируют процесс порождения классов и объектов.
Структурные паттерны - рассматривает, как классы и объекты образуют более крупные структуры - более сложные по характеру классы и объекты.
Поведенческие паттерны - они определяют алгоритмы и взаимодействие между классами и объектами, то есть их поведение.
В статье собраны описания работы всех этих паттернов с примерами реализации.
Какой из стандартов PSR описывает HTTP запросы и ответы?
Сколько ссылок из списка откроют страницу в новой вкладке?
GRASP паттерны проектирования
GRASP (General Responsibility Assignment Software Patterns) — шаблоны проектирования, используемые для решения общих задач по назначению обязанностей классам и объектам.
Известно девять GRAPS шаблонов. Эти паттерны не имеют выраженной структуры, четкой области применения и конкретной решаемой проблемы, а лишь представляют собой обобщенные подходы/рекомендации/принципы, используемые при проектировании дизайна системы.
Шаблоны включают в себя:
- Information Expert (Информационные эксперт) ;
- Creator (Создатель) ;
- Controller (Контроллер) ;
- Low Coupling (Слабая связанность) ;
- High Cohesion (Высокая сцепленность) ;
- Pure Fabrication (Чистая выдумка или чистое синтезирование) ;
- Indirection (Посредник) ;
- Protected Variations (Сокрытие реализации или защищенные изменения) ;
- Polymorphism (Полиморфизм).
Статья живым языком с примерами подробно рассказывает о всех этих шаблонах.
JS | Паттерн "Декоратор"
Декоратор — это средство, которое позволяет обернуть одну функцию другой и расширить ее возможности. Вы «декорируете» существующий код, обернув его другим кодом. Этот прием известен всем, кто знаком с композицией функций или функциями высшего порядка.
Статья рассказывает зачем нужны и как реализовать декораторы функций, классов, свойств класса и поля класса
PHP | Генерация PDF из html
dompdf - библиотека для генерации PDF из любого валидного HTML.
По сути, dompdf - это HTML движок написанный на PHP. Поддерживает CSS 2.1 и, частично, CSS 3.
Для работы с библиотекой достаточно установить ее в ваш проект через composer.
Завтра онлайн интенсив "Я веб-разработчик"
На интенсиве вы шаг за шагом создадите свой сайт - с нуля до публикации в интернете.
Профессиональный разработчик обучит вас основам HTML, CSS, SQL, PHP
Как это будет?
📌 1 час теории
📌 5 часов интенсивной практики
📌 7 заданий для отработки навыков
👨🏫 Преподаватель с 15-летним опытом
Интенсив бесплатный
Регистрироваться надо сегодня 👇
Web Stack - канал для веб-разработчиков, который поможет прокачать скилы.
Админы собирают топовые статьи по front end и backend разработке, фишки ЯП, лучшие практики и туториалы.
Это и многое другое вы найдете на канале @web_stack.
CSS | Погружение в clip-path
В статье тщательно разобраны все свой свойства clip-path:
- Система координат
- Принимаемые значения
- Обрезка кругом, многоугольником, кривой
Варианты его использования:
- Скошенные углы
- Эффекты наведения и появления
PHP | PHP CodeSniffer
PHP CodeSniffer - это консольный инструмент для проверки вашего кода на соответствие стандартам оформления кода PSR.
Позволяет как искать проблемы в коде, так и автоматически исправлять их.
Для PHPStorm, VSCode и других популярных редакторов кода есть плагины для интеграции с phpcs.
