​Предотвращаем прокрутку страницы при открытии модального окна

Правильное открытие модалки с учетом скролла страницы: https://prglb.ru/4bbfs

#interface

Анимированный прогресс-бар

Симпатичный индикатор прогресса без JS: https://codepen.io/Thibaut/pen/ouKvy

#snippets #interface

Вебсокеты и HTTP/2 + SSE

Разбираемся в коммуникационных протоколах и выбираем лучший.

Читать: https://prglb.ru/4y4o1

#javascript

WebAssembly

Что такое WASM, как это работает и зачем его использовать?

https://prglb.ru/4zegw

#wasm

Измерение производительности JS-кода

Удобный онлайн-инструмент для тестирования производительности кода: https://perf.link/

#performance

​Тестирование Node.js-проектов

Большой материал в двух частях по тестированию:

👉 Анатомия тестов и типы тестов
👉 Оценка эффективности тестов, непрерывная интеграция и анализ качества кода

#node #testing

Приоритеты загрузки JavaScript

Небольшая шпаргалка по приоритетам разных техник загрузки JavaScript:
https://prglb.ru/4jxkx

#browser #performance

Оптимизация изображений для веба

Глубокое погружение в оптимизацию медиа-контента:

https://prglb.ru/1xkia

#performance #browser

Как кодируются числа в JavaScript

Теоретическое погружение в механизмы языка:

https://prglb.ru/5d0nn

#javascript

Знаете ли вы HTML-теги?

Забавный тест - вспомните как можно больше тего за 112 секунд:

Попробовать: https://prglb.ru/5iq6t

#html

Хочешь взглянуть на профессию веб-разработчика изнутри? Попробовать сделать сайт с нуля и разместить его в интернете? Начни с бесплатного онлайн-интенсива от специалиста с 14-летним опытом.

Регистрируйся: 🔜 https://clc.am/UrYrqw.

✔️ Тебя ждут доступные и подробные мастер-классы с минимумом «воды» и максимумом практики.

✔️ Знакомство с веб-технологиями HTML, CSS, JavaScript, языком PHP и базой данных MySQL — всё необходимое на одном интенсиве!

✔️ В итоге получишь полноценный проект, который можно запустить в работу или добавить в портфолио.

Присоединяйся к прямым эфирам 24–26 августа!

10 расширений VS Code для фронтенд-разработчика

Десятка расширений редактора Visual Studio Code для фронтенд-разработчика: линтинг, отладка, журналирование, работа с Git и многое другое.

Найти что-нибудь полезное: https://prglb.ru/155n5

#tools #editor #vscode

Как работает @supports

Простой способ, позволяющий проверить браузерную поддержку какого-то свойства или комбинации свойства и значения перед тем, как применять определённый блок стилей.

Ссылка: https://prglb.ru/4uaq7

#css

CSS Grid — швейцарский армейский нож для макетов сайтов и приложений

Большой обзор Grid-модели: https://prglb.ru/2r33v

#css #layout #grid

Решение частых алгоритмических вопросов на JavaScript

Изучать: https://prglb.ru/3sfyb

#javascript

Объекты в JavaScript: полное погружение

Объекты в JS так мощны и просты в применении, что разработчики даже не задумываются о том, как они устроены. Пора разобраться: https://prglb.ru/4unys

#javascript

Чекбоксы с интересным эффектом

Карандаш ставит галочку в чекбоксе, а стерка - убирает. Забирайте: https://prglb.ru/5o9en

#snippets #css #effects

Правильная реализация бесконечной прокрутки

Все тонкости в одном материале: https://prglb.ru/2yan

#interface

Обзор HTTP-заголовков

Все, что нужно знать фронтендеру: https://prglb.ru/4wg85

#http

Если вам нравится делиться знаниями, мы принесли приятную новость – прямо сейчас Geekbrains ищет 30 преподавателей, авторов и ревьюеров:

👨‍🏫 Преподаватель ведет онлайн-занятия по любимым темам и видит, как растут новые кадры.
👨‍🎤 Автор разрабатывает собственную программу и делится знаниями с новичками.
🕵️ Ревьюер дает обратную связь на практические работы студентов и помогает освоить лучшие практики.

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

Станьте экспертом в GeekBrains и помогите тысячам людей найти себя в IT 👉 https://proglib.io/w/7defdfea