​3 способа коммуникации между компонентами в Svelte

Из статьи вы узнаете, как наладить общение между родительскими и дочерними компонентами в Svelte-приложении.

Вкратце - есть три способа:
1️⃣ Передать в дочерний компонент обработчик-замыкание, имеющий доступ к состоянию родителя
2️⃣ Передать в дочерний компонент само состояние через переменную
3️⃣ Использовать dispatcher для передачи сообщений

Подробнее: https://prglb.ru/2h75x

#frameworks #svelte

​Правильный ответ: 1 января 2020 года

Конструктор даты в JavaScript самостоятельно исправляет все ошибки параметров. Минус первый месяц 2020 года превращается в последний месяц 2019. А лишний 32-й день переходит на следующий месяц.

У JavaScript очень много талантов, но работа с часовыми поясами в их список не входит. Однако и разработчики зачастую не до конца понимают, что именно им нужно. Чтобы глубже разобраться в теме, рекомендуем лонгрид Работа с часовыми поясами в JavaScript.

​13 советов по безопасности на фронтенде

Фронтенд несет ответственность за безопасность приложения не меньше, чем бэкенд. Поэтому не расслабляемся и читаем, как защититься от "злых хакеров": https://prglb.ru/7n89

#security

​Простые директивы Vue для быстрой разработки

👉 v-hotkey - поддержка горячих клавиш
👉 v-click-outside - отслеживание кликов вне компонента
👉 v-clipboard - копирование в буфер

Подробнее о том, как подключить и использовать: https://prglb.ru/kfib

#frameworks #vue

Курс по основам UI-дизайна

Маленький, но важный курс Гэри Саймона на Scrimba, в котором вы разберетесь с базовыми концепциями UI (цвет, контраст, типографика и т. д.) и научитесь правильно их использовать.

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

Пройти курс (бесплатно): https://prglb.ru/vp5o

#video #interface #design

​⏳ 10 способов ускорить загрузку вашего сайта

Десять моментов, на которые стоит обратить внимание, чтобы сократить время загрузки страниц.

Читать: https://prglb.ru/1djoa

#performance

Правильный ответ: 5 вариант

Счетчик counter не инициализируется с помощью свойства counter-reset выше по дереву DOM, поэтому для каждого элемента li первого уровня он будет инициализироваться заново.

Рецепт создания многоуровневого списка с помощью CSS-счетчиков и еще много полезных трюков вы можете найти в коллекции 30 seconds of CSS: https://prglb.ru/4ro92

#css #quiz

Анимация с искажениями

Туториал по созданию интересной анимации с помощью библиотеки Three.js - изображения искажаются при движении.

Демо здесь: https://tympanus.net/Tutorials/MotionHoverEffects/
Руководство здесь: https://prglb.ru/xvzp

#animation #tools

Коллекции JavaScript – Set, Map, WeakMap и WeakSet

Обычные массивы уже всем надоели - давайте посмотрим на свежее пополнение в JavaScript: сеты, мапы и их "слабые" версии.

Читать: https://prglb.ru/57wxq

В статье описан интерфейс каждой коллекции и приведены полезные кейсы использования.

#javascript #core

​Внутреннее устройство JavaScript и движка V8: что нужно знать, чтобы писать быстрый и правильный код

Перевод двух первых статей из замечательного цикла How JavaScript works. В первой части - общий обзор движка, среды выполнения и стека вызовов. Во второй - устройство V8 и оптимизация кода. В конце — советы по оптимизации кода для разработчиков.

Читать: https://prglb.ru/3csmv

#javascript #engine #v8

Управление памятью в JavaScript, утечки памяти и как с ними справляться

Перевод третьей статьи из цикла How JavaScript works - на этот раз про утечки памяти, о которых мы всегда забываем.

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

​Петля событий, асинхронный JavaScript, ES6 и коллбеки

Перевод четвертой статьи из цикла How JavaScript works - сразу в двух частях.
Начало: https://prglb.ru/5ojcs
Продолжение: https://prglb.ru/1ku87

Все об асинхронности в JavaScript - от истоков до современности.

#javascript #core

⚛️ 12 бесплатных ресурсов для изучения React

React – одна из самых популярных JavaScript-библиотек для разработки пользовательских интерфейсов. В этой статье вы найдете подборку бесплатных ресурсов о React: открытые курсы, подкасты, ёмкие конспекты и плейлисты YouTube.

Читать: https://prglb.ru/42olg

#react #frameworks

🕐 Как в Google Chrome измерить использование памяти веб-страницей

Держим руку на пульсе производительного веба. В этой статье учимся измерять утечки памяти страницы Google Chrome с помощью нового интерфейса performance.measureMemory().

Читать: https://prglb.ru/1ajn

#performance

​​На связи HTML Academy с летним спецпредложением.
Дарим скидку 40% на месячную подписку на наши интерактивные курсы.

Активируйте подписку и получите доступ к 1285 платным заданиям курсов по направлениям HTML и CSS, JavaScript или PHP среднего и продвинутого уровней.
Кстати, стартовый уровень курсов в Академии всегда бесплатный

Интерактивные курсы будут полезны как тем кто только начинает свой путь в разработке, так и тем, кто хочет немного потренироваться.

Промокод на скидку 40% - KEKS9

До встречи в HTML Academy https://bit.ly/37KjCkp