​Лучший способ организации CSS-свойств

Немного систематизации, чтобы ваш CSS было приятно читать и поддерживать.

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

#css

Мы много пишем и о фронтенде, и о бэкенде. Но никакому веб-проекту не обойтись без хостинга. Хорошо, когда всё уже автоматизировано. Поэтому нашим подписчикам мы рекомендуем Hosting Ukraine:

Сертификат PCI DSS.
Автоматическое ежедневное резервное копирование
Панель управления собственной разработки: позволяет выполнять 99% действий без необходимости обращения в техподдержку
Можно размещать сайты на всех популярных CMS и фреймворках (доступна автоустановка)
Антивирусная защита, автоматическая блокировка спам-ботов, защита от подбора паролей к CMS
Поддержка git.
Стек PHP, MySQL, поддержка Perl и Python
PHP от 4.4 до 7.4, HTTP/2 и Server Push
Поддержка Memcache(d), Redis и OPcache
Можно подключаться к внешним БД MongoDB и MS SQL.
Обширная база знаний, как в текстовом так и видео форматах

А для подписчиков Библиотеки фронтендера по промокоду frontendproglib20 Hosting Ukraine ещё и предоставляет скидку до 20%

​Тестирование хуков React

Полное руководство по тестированию хуков в React: https://prglb.ru/427zw

#react #frameworks #testing

​Видео-курс по CSS-анимациям

Почти 4 часа крутых уроков: https://prglb.ru/1utih

#video #css #animation

Зачем нужен файл package.lock?

Разве yarn.lock недостаточно? На самом деле - нет, недостаточно.

Читать: https://prglb.ru/2l89t

#npm

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

Правильное открытие модалки с учетом скролла страницы: 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