Frontender Libs - обзор библиотек JS / CSS – Telegram
Frontender Libs - обзор библиотек JS / CSS
8.1K subscribers
2.04K photos
735 videos
4 files
247 links
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/sWebDev
Download Telegram
Коллекция сниппетов на все случаи жизни

На сайте собраны статьи с советами и примеры кода для JS, CSS, React и Pyton.
Статьи снабжены наглядным демо, есть удобный поиск по записям.
PHP | Изменение private и protected свойств объектов

При острой необходимости можно изменить private и protected свойства объектов в PHP с помощью Reflection API как показано в примере.

Однако не стоит этим увлекаться, так как свойства классов обычно скрываются не просто так.
Каким будет результат выполнения функции?
Anonymous Quiz
27%
1
16%
null
45%
undefined
12%
Error
CSS | Уйма полезных советов по работе с CSS

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

- Используйте CSS Reset
- Наследуйте box-sizing
- Используйте unset вместо сброса всех свойств
- Используйте :not() для добавления / удаления границ в меню навигации
- Проверьте, установлен ли шрифт локально

И еще 20 советов с примерами кода и ссылками на демо.
PHP | Статический анализ

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

В PHP для этого есть такие инструменты как Psalm, Phan, PHPStan и другие.
CSS | Практическое применение scroll-snap

Автор статьи рассказывает в каких случаях уместно использовать Scroll-Snap, показывает на примерах основы работы с контейнерами, поддерживающими прокрутку, их проблемы, и решение этих проблем с помощью Scroll-Snap.
Что выведется в логе?
Anonymous Quiz
7%
1
9%
3
70%
6
15%
Другое
PHP | Intervention Image

Intervention Image - это пакет для PHP работы с изображениями.

Предоставляет просто и понятный API для работы поверх низкоуровневых библиотек GD Library и Imagick.
Опенсорсный репозиторий для всех кто изучает фронтенд

В этом постоянно пополняющемся репозитории собрано множество источников информации для изучения, среди них:
- Разные полезные ресурсы
- Каналы на YouTube
- Блоги
- Подкасты
- Полезное для редакторов кода
- Инструменты
- CSS Фреймворки
- Типографика
- Фреймворки для анимации
- Геолокация
- Макеты
- Книги
- Соревнования / игры
- Бесплатные инструменты для студентов
- Тестирование
TDDx2, BDD, DDD, FDD, MDD и PDD, всё что нужно знать о управлении разработкой

Подходы к разработке делятся по сложности, областям применения и целям. В статье разобрано, зачем же они нужны, почему их так много, и как они могут быть нам полезны.

Знакомство с ними начинается от самых простых до довольно сложных, рассмотрим примеры использования и плюсы и минусы каждого из них.
Какая функция была выполнена?
Anonymous Quiz
32%
strstr
40%
strpos
19%
stripos
9%
stristr
JS | WTFJS

JavaScript - отличный язык. У него простой синтаксис, большая экосистема и, что самое главное, отличное сообщество.

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

Основная цель этого списка - собрать несколько безумных примеров и, если возможно, объяснить, как они работают. Если вы новичок, вы можете использовать эти заметки, чтобы глубже погрузиться в JavaScript. Если вы профессиональный разработчик, вы можете рассматривать эти примеры как отличный справочник по всем причудам и неожиданным граням JavaScript.
CSS | Как правильно размещать изображения во flex

Из-за особенностей расчета размеров потомков флекс-элементов заменяемые блоки (изображения например) могут сильно искажаться. В статье показано как правильно стилизовать такие блоки, показаны несколько проблем неправильного размещения изображений во флекс-сетке и рассказано как их решить.
Tabnine - Расширение VS Code для интеллектуального автодополнения

Tabnine - это мощный помощник с искусственным интеллектом, предназначенный для ускорения кодинга, уменьшения количества ошибок и не покидая комфорта VS Code. Tabnine изучает общедоступный код и использует алгоритмы глубокого обучения AI, которые дают возможность спрогнозировать ваши следующие потребности в коде и предложить завершение кода.

Tabnine работает со всеми основными языками программирования, включая JavaScript, Python, TypeScript, PHP, C/C++, HTML/CSS, Go, Java, Ruby, C#, Rust, SQL, Bash, Kotlin, Julia, Lua, OCaml, Perl, Haskell, и React
PHP | Вызов методов родительского класса и подключенного трейта

В переопределенном методе иногда бывает нужно вызвать этот же метод из родительского класса. Для этого используется вызов через parent.

В случае с трейтами, просто так вызвать метод с тем же именем не получится. Для этого нужно импортировать метод под другим именем при подключении трейта.