Frontender Libs - обзор библиотек JS / CSS

Направления развития во фронтенде В статье рассмотрены фреймворки и подходы к работе как набирающие популярность так и необходимые для изучения.

JS | Intl - форматируем числа, даты и сравниваем строки Объект Intl содержит в себе три свойства: - Intl.Collator — Конструктор класса позволяющего производить сравнения строк с учётом локали. - Intl.DateTimeFormat — Конструктор класса позволяющего форматировать дату и время с учетом локали - Intl.NumberFormat — Конструктор класса содержащего функции форматирования чисел. В соответствии с локалью, разумеется. Все конструкторы принимают два параметра — locale и options. Первый аргумент — строка определяющая локаль, например «hi», «ru-RU», «de-DE-u-co-phonebk», второй — объект, в зависимости от конструктора содержащий набор необходимых настроек.

Возврат нескольких значений Иногда возникает необходимость вернуть из функции сразу несколько значений. В таком случае можно вернуть массив и развернуть его сразу при получении с помощью языковой конструкции list(). Начиная с PHP 7.1 можно использовать сокращенный синтаксис [$var1, $var2, ...], как показано в примере. Однако, не стоит этим увлекаться, так как, если вашу функцию в будущем будет использовать кто-то другой, то ему придется сначала разобраться, что находится в этом массиве.

🔥 Новости от команды Лектрума🔥 17 декабря в 19:30 по Киеву и 20:30 по Москве пройдёт воркшоп на тему «Знакомство с продвинутой вёрсткой». Подключайтесь к онлайн-воркшопу, на котором вы: 🔸 Узнаете особенности автоматизации проекта. 🔸 Познакомитесь с популярными пре- и постпроцессорами SASS, Less и PostCSS. 🔸 Разберётесь в преимуществах использования препроцессоров для автоматизации и ускорения процесса создания стилей. Нажимайте на кнопку для регистрации ⬇️⬇️⬇️ и занимайте места.

CSS | Смешиваем фоны в css В статье разобраны примеры работы с mix-blend-mode и background-blend-mode и разбирается из разница.

Перебор дат Часто возникает задача перебора дат в заданном промежутке. В PHP для работы с датами есть встроенные классы DateTime, DateInterval, DatePeriod и другие. В примере показан перебор дат с первого по седьмое декабря с интервалом в 1 день.

Сделаем из тебя Веб разработчика за 3 месяца - нужно только решиться! В США буткемпы уже несколько лет помогают людям без опыта стать разработчиками и найти позицию в топовых IT-компаниях мира от Google и Microsoft, до Uber и Amazon. Мы адаптировали формат под наш рынок и предлагаем: 💪 12 недель супер интенсивной практики на реальных проектах; 🎖 6 реальных проектов в портфолио, которые оценят работодатели; 🤩 Постоянную обратную связь и персональные сессии с нашими учителями - разработчиками с многолетним стажем; 🙋‍♂️ Тренинги по soft skills, помощь с составлением резюме и тестовые собеседования - все, чтобы подготовить тебя к работе; 🏆 И главное - возможность претендовать на позицию джуниор фронтенд разработчик уже через 3 месяца! Стек: HTML, CSS, JavaScript, React, NodeJS Остались вопросы? Наши контакты, истории выпускников и описание программы здесь: https://s.algoritmika.org/vul7p6

JS | Конвертация цветов с помощью фильтров Скрипт позволяет из черного цвета сгенерировать css стиль, который преобразует чёрный в заданный цвет, может быть полезен для массового перекрашивания иконок или для анимации переходов цвета от черного до любого другого по желанию. Таким образом можно перекрашивать любые монохромные изображения.

Разбор JSON в PHP Для разбора JSON в PHP есть встроенная функция json_decode. В случае ошибки, json_decode возвращает null. Однако, строка "null" - это тоже валидный JSON. Поэтому, если json_decode вернул null, это еще не значит что что-то пошло не так. Чтобы избежать ошибочных ситуаций можно прибегнуть к нескольким методам: 1) После выполнения json_decode() вызвать json_last_error() или json_last_error_msg(). Эти функции возвращают код и сообщение об ошибке разбора JSON соответственно 2) Если вы используете PHP 7.3 или новее, то можно передать 4ым параметром JSON_THROW_ON_ERROR 3) Использовать json_decode из пакета guzzle Во втором и третьем вариантах, в случае ошибки, будет выброшено исключение.

JS | Делаем свой курсор для сайта В примере подробно разобран принцип реализации кастомных курсоров для сайта, выполнено на чистом js и css.

😎 С какими IT-технологиями будет интереснее работать? 💻 Приглашаем Вас на бесплатный вебинар от Web Academy на котором Вы узнаете про основные обязанности Front-end и Back-end разработчиков, про технологии, с которыми они работают, про возможности и перспективы, а также кто такие Full Stack специалисты. ⏰ Когда: 09.12 в 17:00 по Киеву/ 18:00 МСК 🧭 Где: online 📣 Спикер: Илья Литвинов — Senior Front-End Dev в Wix.com. ❗️ Не упустите возможность задать вопрос спикеру online 🖊 Регистрация через чат-бот: https://bit.ly/2VyGcH6 🌏 или через браузер: https://bit.ly/37qpxv2 #Ивенты_WebAcademy #Программирование_WebAcademy

CSS | Зачеркиваем блоки, универсальный способ Рано или поздно встанет задача нарисовать перечеркнутый прямоугольник, и если с квадратами проблем не возникает, то прямоугольники неизвестной, или динамической ширины перечеркнуть кажется сложно. В примере перечеркивание реализуется через градиенты и ключевые слова с направлением заливки.

JS | Рисуем графики с morris.js Morris — это легковесный плагин с открытым исходным кодом, который для работы требует jQuery и Raphaël и строит с их помощью графики на простой сетке горизонтальных линий. Плагин позволяет строить четыре вида графиков: - ломаная - диаграмма - столбчатая диаграмма - круговая диаграмма Все необходимые подробности употребления API изложены в первоисточнике достаточно подробно — подглядывать в открытый исходник, скорее всего, не потребуется.