Frontender Libs - обзор библиотек JS / CSS
رفتن به کانال در Telegram
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/sWebDev
نمایش بیشتر7 729
مشترکین
-324 ساعت
-167 روز
-5430 روز
آرشیو پست ها
Ищешь годный материал по front end разработке?
FrontEndDev - канал для продвинутых веб-разработчиков.
На канале найдешь свежие статьи, фишки JS и TS, туториалы по современным фреймворкам, лучшие практики разработки и многое другое.
Рекомендуем подписаться - @front_end_dev
PHP | HTMPurifier
HTMLPurifier - это PHP-библиотека для очистки HTML.
Позволяет очистить HTML от подозрительного и невалидного кода.
Также позволяет удалять теги на основе белого списка.
Слайдеры и карусели
Из целого моря различных слайдеров и каруселей можно выделить два плагина с похожим функционалом, оба слайдера имеют массу настроек, комбинируя которые можно добиться практически любых результатов. Удобное программное управление, методы и события на все действия. Адаптивная смена опций в зависимости от разрешения экрана.
Slick Slider
Плюсы
- не требует особой разметки для слайдов, всё что находится в целевом элементе станет слайдами
- может показывать слайды группой в несколько рядов
Минусы
- Последнее обновление было 2 года назад
Splide
Плюсы
- содержит несколько тем оформления
- есть компоненты для Vue и React
Минусы
- относительно молодой проект, могут проявится неожиданные баги
PHP | SplFileInfo
SplFileInfo - класс предоставляющий объектно-ориентированный интерфейс к информации о файле.
Это бывает очень удобно, если ваше приложение как-либо работает с файлами, например генерирует PDF-документы и выводит информацию о них.
Что спрашивают на собеседованиях у Frontend-разработчиков
Даже такая мелочь, как знание даты последнего обновления вашего языка, поставит под вопрос вашу карьеру в IT-гигантах.
Так выявляют людей, кто живёт темой кодинга и интересуется трендами.
Для тех, кто ищет работу во фронтенде, создан канал @frontendinterview. Его ведут тимлиды. Там они рассказывают, какие технические моменты JS, HTML и CSS необходимо знать, чтобы получить место с высоким окладом.
@frontendinterview обязателен к подписке, если находитесь в поиске работы или зарплаты побольше
Select2 - универсальный плагин, подходит для полного контроля над селектом.
Плюсы:
- встроенный поиск;
- полный программный контроль, методы и события для всех действий;
- динамическая подгрузка списка.
Минусы:
- выпадающий список появляется не в блоке с select, а добавляется в конец body и позиционируется абсолютом, может привести к проблемам при использовании в модальных окнах или в анимациях;
Selectric - младший брат Select2, возможности поскромнее, но его полностью хватает для базовых задач.
Плюсы:
- простой в использовании;
- полный программный контроль, методы и события для всех действий;
- есть несколько готовых тем оформления.
Минусы:
- ограниченный функционал
Можно написать подобный плагин и своими руками.
Плюсы:
- Селект будет делать именно то что вы сказали и выглядеть так как вам нужно;
Минусы:
- Сложно проверить и протестировать на всех платформах и устройствах;
- Могут возникнуть проблемы при дальнейшем развитии проекта.
CSS | Хитрости CSS-переменных
Кастомные свойства в css постепенно становятся всё популярнее, в статье рассказывается как сделать подобие тернарного оператора из css-переменных, переопределять их значения и как можно использовать пустые переменные. свойства в css постепенно становятся всё популярнее, в статье рассказывается как сделать подобие тернарного оператора из css-переменных, переопределять их значения и как можно использовать пустые переменные.
Что будет находиться в переменной $result?
JS | Three.js - честное 3D в браузере
Работа с WebGL, и с шейдерами в частности, — это трудоемкий процесс. Необходимо описать каждую точку, линию, грань и так далее. Чтобы все это визуализировать, необходимо прописать объемный кусок кода. Для повышения скорости разработки, была разработана библиотека Three.js.
Подборка полезных техник и хитростей для оптимизации кода на JavaScript. Пригодится не только новичкам, но и опытным программистам.
Короткий синтаксис for, быстрая конверсия строки в число и округление и другие приёмы в статье.
array_map и array_walk очень похожи на первый взгляд. Они обе принимают массив и функцию, которая будет применена к элементам массива.
Разница же заключается в том, что array_walk применяет переданную функцию к каждому элементу, но не возвращает новый массив и не изменяет оригинальный. array_map же возвращает массив с результатами выполнения, а так же может принимать как аргументы несколько массивов.
Чему будет равна толщина border и размер padding у div?
JS | Изучить за 3 недели в формате марафона
Короткие видеоуроки, задания, которые нужно выполнить, чтобы пройти дальше, ревью кода, поддержка от ментора. Быстрое погружение в тему и первая игра-файтинг на JS уже за неделю.
Старт 5 апреля. Для регистрации запустите бота.
JS | Правильная обработка ошибок
Обработка ошибок важный этап при разработке приложений, неправильная обработка исключений может замедлить и усложнить отладку. В статье даются советы грамотной работы с выброшенными исключениями на простых и понятных примерах.
PHP | удаление элемента массива по значению
Удаление элемента из массива делается функцией unset. Но unset умеет удалять элементы из массивов только по ключу.
В примере показано как найти ключ и удалить элемент из массива в одну строку.
Мы ищем парфюмера!✌️
Нам нужен крутой парфюмер или эвалюатор, который подарит продуктам Сбера новое измерение — аромат ✨ В обязанности войдёт создание уникального запаха, контроль производства и участие в продвижении парфюма в качестве эксперта.
Что мы ждём от кандидата:
👉опыт работы от 3 лет,
👉профильное образование (в идеале — ISIPCA),
👉знание протоколов IFRA,
👉желание придумывать и запускать ароматы для разных сервисов экосистемы Сбера.
Взамен мы предложим зарплату выше рынка, гибкий график с возможностью работать на удалёнке и, конечно, нестандартные и интересные задачи.
Откликайся на вакансию по ссылке!
اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
