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
REST vs SOAP

При выборе архитектуры для веб-сервиса может встать вопрос какую лучше использовать, в статье объясняется что такое REST и SOAP, а так же их отличия и показаны задачи для которых их уместно использовать.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS | Коллекция анимированных фонов

Десять примеров анимации фона выполненных без использования скриптов, все примеры выполнены на CodePen, поэтому их легко взять на вооружение.
Коллекция сниппетов на все случаи жизни

На сайте собраны статьи с советами и примеры кода для 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