​Position: sticky - проблемы и решения

Большая проблема свойства position: sticky в том, что оно не работает в сочетании с overflow: hidden. Автор статьи пытается починить это поведение и сделать таблицу с липким заголовком и горизонтальной прокруткой.

Читать: https://prglb.ru/268qz

#css #interface

Курс математики для анализа данных от Proglib и МГУ

Мы предлагаем без отрыва от работы освоить математику для анализе данных.
✅ онлайн-встречи с преподавателями из МГУ в Zoom
✅ подойдет всем, кто хочет вспомнить высшую математику или подготовиться к школе анализа данных Яндекса
🕗 длительность 5 месяцев, по 2 раза в неделю
💸 от 5 350 руб. в месяц.

Мы дарим промокод на скидку 10% до 6 октября — FRONTEND
Подробнее о курсе — тут
Программа курса — тут

​Новое CSS-свойство content-visibility ускоряет отрисовку страницы в несколько раз

Подробнее: https://prglb.ru/3f74y

#css #performance

13 прокси-ловушек

Proxy в JavaScript позволяет перехватывать основные операции с объектом (изменение и назначение свойств, перебор в цикле и т. д.)

В статье на демо-примерах разобраны 13 таких перехватчиков: https://prglb.ru/1zmkw

#javascript #proxy

CSS-находки в новом дизайне Facebook

Ahmad Shadeed делится необычными CSS-решениями, которые он нашел на обновленном сайте Facebook: https://prglb.ru/9vgv

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

#css

Пишем современный маршрутизатор на JavaScript

84 строки кода для маршрутизации вашего SPA!

https://prglb.ru/b2ox

#javascript #spa

Получение любого цвета с помощью CSS-фильтров

Инструмент подбирает комбинацию фильтров CSS для получение заданного цвета из черного: https://codepen.io/sosuke/pen/Pjoqqp

#tools #css

​Основы UI дизайна за 5 минут

Письменная версия бесплатного курса со Scrimba для тех, кто больше любит читать, чем смотреть :)

https://prglb.ru/4q9zu

#design

GeekBrains проводит набор на курсы руководителей команды разработки

Программа обучения онлайн-университета GeekBrains рассчитана на middle- и senior-разработчиков. В течение 6 месяцев слушатели освоят технологии автоматизации разработки, а также методы управления командами, проектами и высоконагруженными системами. Курс разбит на четверти, каждая из которых посвящена одной из ключевых для будущего руководителя компетенций. Практикующие тимлиды с опытом в крупных проектах будут проводить занятия в формате видеолекций с выполнением заданий и разбором персональных кейсов.

Получить дополнительную информацию и записаться можно на сайте: https://proglib.io/w/b652b37b

Пишем современный маршрутизатор на JavaScript

84 строки кода для маршрутизации вашего SPA!

https://prglb.ru/b2ox

#javascript #spa

​Три примера, когда не стоит использовать стрелочные функции JavaScript

Стрелочные функции - прекрасное нововведение ES6, которое позволило писать лаконичный красивый код и решило множество проблем, связанных с областью видимости. Однако это не универсальный паттерн. В некоторых ситуациях лучше использовать старые добрые обычные функции.

https://prglb.ru/32spp

#javascript #bestpractices

📌 Первое занятие нашего курса по математике для Data Science доступно на YouTube

На вебинаре вы узнаете, как решать задачи по комбинаторике. Вы изучите основные формулы комбинаторики, правило суммы и правило произведения. Мы разберем, что такое выбор без возвращения, с возвращением, с учетом порядка, без учета порядка. Параллельно порешаем несколько задач на понимание теории.

https://www.youtube.com/watch?v=GxQGbhjVWWM

Присоединяйтесь к полному курсу по ссылке (набор до 10 октября): https://courses.proglib.io/?utm_source=frontendproglib&utm_medium=webinar1&utm_campaign=had

Прояви себя в цифре! Участвуй в региональных Онлайн-Хакатонах Цифрового Прорыва!

Тебя ждет насыщенная серия конкурсов с актуальным кейсами от бизнеса и государства, а призовой фонд каждого хакатона до 3 млн. руб.!

Выбирай удобные даты, понравившийся кейс, собирай команду и покажи, на что ты способен:

16.10 - 18.10 - Центральный Хаб: https://leadersofdigital.ru/event/63007

24.10 - 26.10 - Северо-Кавказский Хаб: https://leadersofdigital.ru/event/63006

31.10 - 02.11 - Уральский Хаб: https://leadersofdigital.ru/event/63009

14.11 - 16.11 - Северо-Западный Хаб: https://leadersofdigital.ru/event/63011

Стань частью цифрового будущего России!

🐢 Каркасные экраны: реализация в React

Каркасные экраны - один из самых полезных UX-паттернов. Добавляем их в приложение React с помощью библиотеки React Loading Skeleton.

https://prglb.ru/2eshb

#react #interface

​Роутинг в Vue

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

https://prglb.ru/12skk

#frameworks #vue

Крутой эффект перелистывания страниц на CSS

https://codepen.io/amit_sheen/full/WNweryv

#snippets #effects #css

​Нативное форматирование дат в JavaScript

Moment.js больше не нужен - в языке есть собственные методы форматирования!

https://prglb.ru/46wn7

#javascript

​Архитектура современных корпоративных Node.js-приложений

И когда фронтенд-приложения успели стать настолько сложными, что мы начали рассуждать о высоких материях?

Андрей Мелихов обобщает свой опыт фронтендера в крупном энтерпрайзе, и объясняет, почему и как в Яндексе используют Node.js.

https://prglb.ru/52s6a

#node #architecture

⚛️ Локализация приложений React с i18next

Перевод интерфейса на разные языки – головная боль разработчика рассчитанных на международную аудиторию программ. Предлагаем вам быстрый и простой способ локализации приложений React с помощью плагина i18next.

https://prglb.ru/4e571



#react #tools

🎨 Визуализация данных и цветовая доступность

Как спроектировать удобный для людей с особенностями зрения дизайн? Разработчики Kiddom Academy рассказывают о собственном способе решения проблемы цветовой доступности за 6 шагов.

https://prglb.ru/4v5a

#accessibility