Front-end digest #86: специфікація ECMAScript 2018, оптимізація CSS, використання JS в різних індустріях

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

• Опубліковано специфікацію ECMAScript 2018

• Реліз Firefox 61 з паралельним парсингом CSS

• Font Awesome 5.1

Статті

• Вміщуємо текст в контейнер — огляд способів розміщення й адаптування тексту в контейнері

• CSS-змінні. Стратегія застосування 🇺🇦

• Як швидко прототипувати застосунки за допомогою CSS Grid та CSS змінних

• Гід по CSS Grid для чайників

• Аутентифікація в односторінкових застосунках, ч. 1 🇺🇦 — погляд на старі проблеми аутентифікації в сучасних веб-застосунках

• Як WebAssembly прискорює майбутнє веб-розробки

• Як зробити ваш застосунок mobile-friendly

• Створення зображень за допомогою CSS градієнтів

• П'ять способів опрацювання форм на статичному сайті

• Чому та навіщо виконувати юніт тестування Sass

• Оптимізація CSS: ID селектори та інші міфи

• Як я прибрав 250 кБ зайвого CSS за допомогою PurgeCSS

• CSS одиниця ch

• Все, що вам потрібно знати про head

• Доступний веб-дизайн — це просто — сім принципів для розробки більш доступного вебу

• Огляд Accessibility inspector в Firefox Developer Tools

• Як використовувати Emoji як іконки

• Типографія в вебі — огляд найкращих практик

Корисності

• Gio.js — відкрита бібліотека для візуалізації даних на 3D-карті світу, побудована за допомогою Three.js

Javascript Jedi:

• Огляд ES2018 та ES2019

• Про споживання (та публікацію) пакунків ES2015+

• Як розбити масив у JS? 🇺🇦 — огляд способів розбити масив на частини однакового розміру

• Практичний посібник по ES2017 Async-Await

• Як використовують JavaScript в різних індустріях

  • Фінанси: 7%;
  • Реклама та маркетинг: 5%;
  • Освіта: 5%;
  • Розваги: 5%;
  • Підтримка бізнесу та логістика: 4%;
  • Охорона здоров'я: 4%;
  • Роздрібна торгівля: 3%;
  • Уряд: 2%;
  • Виробництво: 2%.

• face-api.js — JavaScript API для розпізнавання облич у браузері за допомогою tensorflow.js

• Методи JS: які мутують, а які — ні?

• Створюємо AR/VR за допомогою JavaScript та HTML

• Гід по Node.js для фронтенд розробників

Angular:

• Як створити динамічний компонент в Angular 6

• Angular —поради та трюки

• Використовуємо Angular 6 Material Auto-complete з асинхронними даними

• П'ять найкращих курсів для вивчення Angular в 2018

React:

• Обробка помилок за допомогою Error Boundaries — компонентів React, які виводять JavaScript-помилки в будь-якому місці дерева їхніх дочірніх компонентів, логують ці помилки та показують резервний UI, а не дерево компонентів, де сталася критична помилка

• Як використовувати нову експериментальну фукнкцію Profiler в React

• Створення браузерних розширень за допомогою React

• Поєднуємо React, D3 та їхні екосистеми

• Стилювання React за допомогою styled-components

• Огляд React Native від Swift розробника

• Чи є сенс використовувати React Native

Vue:

• Vue + TypeScript

• Використовуємо Vue після трьох років роботи з React

• Шаблони динамічних компонентів з Vue.js

• Управління даними за допомогою SQLite та Vuex в NativeScript-Vue застосунках

• Курс по API Driven розробці за допомогою Laravel та VueJS

• Речі, які не працюватимуть, якщо ви використовуєте Vue

Відео:

• Layout Land

• WeAreDevelopers World Congress 2018

• JSConf EU 2018