Все, что вам нужно знать о Progressive Web App (PWA).

В статье перечислены основные преимущества PWA и почему стоит их писать (и использовать) + небольшая инструкция по созданию.

https://hackernoon.com/everything-you-need-to-know-about-progressive-web-app-pwa-6524edbb0c57

Передача переменных в CSS в компонентах Vue

https://www.telerik.com/blogs/passing-variables-to-css-on-a-vue-component

Использование сервис-воркеров в Google Search.

Статья о том, как и для чего инженеры Google Search внедряли SW.

https://web.dev/google-search-sw/

Лямбда-исчисление в JavaScript?

https://medium.com/openmindonline/lambda-calculus-in-javascript-1ee947cadb21

11 советов для тех, кто использует Redux при разработке React-приложений

https://habr.com/ru/company/ruvds/blog/456336/

Перетаскиваемое меню с анимированной сеткой превьюшек

https://tympanus.net/codrops/2019/06/19/draggable-menu-with-image-grid-previews/

#es2019

5 функций ES2019, которые вы можете использовать сегодня

https://blog.logrocket.com/5-es2019-features-you-can-use-today/

#css #video

CSS Day 2019 + UI Special

https://www.youtube.com/playlist?list=PLjnstNlepBvNTimR5FhD5tdbbQr57o1Oh

#html

Как разделить ваш HTML на секции

https://css-tricks.com/how-to-section-your-html/

Как делать сайты в 2019 году. Аккуратно, SARCASM!

https://habr.com/ru/post/456912/

#web

Анатомия доступных форм: лучшие практики

https://www.deque.com/blog/anatomy-of-accessible-forms-best-practices/

#web

Самый простой способ ускорить медленный сайт

https://www.machmetrics.com/speed-blog/the-1-easiest-way-to-speed-up-a-slow-website/

#js

Коллекции JavaScript – Set, Map, WeakMap и WeakSet. Для чего используются и как с ними работать.

https://webdevblog.ru/kollekcii-javascript-set-and-map/

#react
🐍 Пишем змейку, используя продвинутые концепты React хуков. Объяснения и примеры в статье Марка Романо.

https://blog.usejournal.com/advanced-react-hooks-concepts-through-snake-99e00490ffef

☝🏻Кстати, если вы не до конца понимаете, о чем речь в постах про React и стоит ли его учить, добро пожаловать на наш вебинар!
Старт в этот четверг в 20:00.
Расскажем про разработку на React и Node и наш курс, который мы разработали вместе c ITRoot.

HTML can do that?. Подборка демок, демонстрирующая возможности «чистого» HTML

https://dev.to/ananyaneogi/html-can-do-that-c0n

Стоимость JavaScript в 2019 году от Addy Osmani

https://v8.dev/blog/cost-of-javascript-2019

#js

10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах

1. amCharts
2. AnyChart
3. Chart.js
4. Chartist.js
5. D3.js ...и другие.

Подробности и различия по ссылке

https://habr.com/ru/post/457946/

Как правильно делать связанную скролл-анимацию

https://blog.logrocket.com/how-to-do-scroll-linked-animations/

Первый выпуск нового браузера Firefox Preview для Android

http://www.opennet.ru/opennews/art.shtml?num=50982

#skill_up

Друзья!
Некоторое время назад по интернетам гуляла матрица компетенции веб-разработчика от Ильи Климова.

Чтобы восполнить наши с вами пробелы и немного прокачаться 📚, мы решили пройтись по матрице, подобрать ресурсы и структурировать их 👨🏻‍💻.
Статьи будут выходить по мере готовности. Общий список можно будет найти тут - http://bit.ly/2LHLKvx

Сегодня начнем с верстки и HTML5 API - http://bit.ly/2XoqGkK

Нашли неточность или хотите что-то добавить, велком в личку: @jem_jem

Три прогноза из State of CSS 2019 Survey

Если кратко, то:
1. У CSS все еще много нетронутых областей
2. Функциональный CSS будет расти
3. Борьба за CSS только началась (в плане выявления лучших технологий)

https://css-tricks.com/three-predictions-from-the-state-of-css-2019-survey/