Front-end digest #65: стан JavaScript у 2017, актуальність jQuery, власний Redux

Новини/Релізи:

• Font Awesome 5.0

Статті

• Підсумки фронтенду за 2017 🇺🇦

• A(tomic)BEM. Більш корисна адаптація BEM

• Огляд та порівняння нових форматів зображень

• «Blur Up» техніка для фонового завантаження зображень

• Розглядаємо CSS змінні

• Контролюємо завантаження шрифту за допомогою font-display

• Сучасне асинхронне завантаження CSS

• Використовуємо CSS лічильники (counters)

• Огляд популярних hover ефектів для кнопок на CSS

• Чистимо кеш браузера

• 11 речей, які я вивчив, читаючи специфікацію CSS Grid

• Зберігаємо видимість батьківського елемента, коли дочірній у фокусі

Доступність:

• Інструменти для тестування доступності

• SVG, іконкові шрифти, та доступність: огляд

Корисності

• Turbo – швидкий (5x швидший за Yarn та NPM) менеджер пакетів, що працює в браузері 🔥

• Stencil – компілятор для веб-компонентів

• Parcel – швидкий пакувальник для веб-застосунків без налаштувань

Javascript Jedi:

• Стан JavaScript у 2017

• Шаблонні літерали в ES6 🇺🇦

• Основи JavaScript Internationalization API 🇺🇦

• Яка різниця між map() та forEach() у JavaScript?

• Зрозумійте Redux, створивши своє власне сховище

• Як з'єднати API з JS

• 9 найкращих JavaScript бібліотек для створення графіків

• jQuery все ще актуальний?

• Запускаємо тести Mocha як нативні ES6 модулі в браузері

• Відстеження дій за допомогою User Timing API

Angular:

• Що нового в Angular CLI 1.6?

React:

• Як би ви вирішили цю рендерингову головоломку у React?

• Тестуємо React компоненти

• Чим React відрізняється від Vue?

• Атомарний дизайн React

• Розглядаємо систему подій в React та React Native

• Створюємо плейсхолдер завантаження за допомогою React

Vue:

• Створюємо захищений To-Do застосунок за допомогою Vue, ASP.NET Core, та Okta

• Обробка глобальних подій у Vue.js

• Створення кругової діаграми SVG за допомогою Vue.js

• Повторне використання міксинів VueJS та фільтрація даних Google Maps

• Створимо модальне вікно за допомогою Vue.js та Tailwind CSS

Відео:

• KharkivJS #8 2017

5 сайтів, що надихають:

• The Hunt for the Cheshire Cat

• Project Redspace

• The Book of Gifts

• RE:SCAM

• The Vienna Christmas tree