Front-end digest #85: що нового в ES2018, веб на Apple Watch, MapKit JS

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

• Microsoft Edge та IE11 підтримуватимуть попереднє завантаження HSTS на рівні TLD

• Office 365 майже переписали на JS 😐

• Apple представили MapKit JS — інструментарій для впровадження Apple Maps на веб-сайти

• Meteor 1.7

• Parcel v1.9.0

• WebKit Intelligent Tracking Prevention 2.0

Статті

• Центрування: порівняння найкращих найновіших та найкращих найстаріших способів

• Нові (та старі) CSS елементи, про які ви ніколи не чули

• Скролінг в майбутнє 🇺🇦 — все, що ви коли-небудь хотіли дізнатися про реалізацію скролінгу, але боялися спитати

• Простий скролінг за допомогою position: sticky

• Розширення нативних елементів DOM за допомогою веб-компонентів 🇺🇦

• Не використовуйте атрибут placeholder

• BEM для початківців: навіщо вам BEM

• Як працює CSS: каскад

• Макети майбутнього

• Створення адаптивних зображень — як створити логотип, який реагуватиме на зміну співвідношення сторін

• Створення веб-контенту для watchOS

• Написання підтримуваних стилів та компонентів за допомогою модулів CSS

• Анімування каліграфії за допомогою SVG

• Золоті правила веб-типографії

• Як почати використовувати варіативні шрифти в вебі

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

• Не копіюйте @font-face з URL Google Fonts

• Доповнена реальність в вебі за допомогою WebXR Device API

• Створюємо власний генератор мемів!

• Створюємо патерн за допомогою CSS Grid, unicode символів та CSS

• Медіа-запити CSS: короткий довідник

• Створення теми для VS Code

• Огляд Visual Studio Code для фронтенд розробки

Корисності

• Compositor Kit — інструмент для розробки, документування та тестування бібліотек компонентів React

• css-doodle — веб компонент для створення патернів за допомогою CSS

• pickr — простий Color-Picker з можливістю кастомізації. Без залежностей, jQuery. Сумісний з популярними CSS фреймворками: Bootstrap, Materialize тощо

Javascript Jedi:

• Корисні методи масивів та об'єктів в JavaScript 🇺🇦

• Використовуємо JavaScript модулі в вебі

• Що нового в ES2018

• Налагоджуємо JavaScript проекти за допомогою VS Code та Chrome Debugger

• C++ для JS розробників

• Основи JavaScript рушіїв: фігури та вбудований кеш

• Анімування фото та відео за допомогою curtains.js

Angular:

• Знайомимось з Akita: новим шаблоном управління станами для Angular застосунків

• Оновлюємо проект до Angular 6 без CLI

• Три корисні поради по TypeScript для Angular

• Розглядаємо робочий файл Angular CLI — angular.json

• Графіки в режимі реального часу за допомогою Angular, D3 та Socket.IO

• Як працювати зі застарілими Angular застосунками з неактуальними версіями npm модулів/пакетів

React:

• Стан React Native у 2018

• Чому Airbnb відмовився від React Native

• Weex vs React Native з нуля у 2018

• Створення безсерверних мобільних застосунків за допомогою React Native та AWS

• Чому React не «просто» JS

• Як структурувати та задавати назви компонентів в React

• Детальний посібник по React Material

• Ви, найімовірніше, не потребуєте похідного стану (Derived State) — стаття з блогу reactjs.org

• Як створити простий блог за допомогою React та GraphQL

• Заглиблюємося в React Context

• Чому ми обрали Gatsby

Vue:

• Як створити власну VuePress тему за допомогою Vuetify

• Додаємо Vue до вашого тех. стеку

• Асинхронне отримання даних в Nuxt.js

• Як відслідковувати помилки на продакшені за допомогою Nuxt.js

• Динамічне завантаження Vuex модулів

• Основи створення мобільних застосунків за допомогою NativeScript та Vue.js

• Як налаштувати застосунок на Cordova за допомогою Vue.js

• Замінюємо jQuery на Vue

• Пагінація за допомогою Vuejs

• Тестування компонентів Vue за допомогою Mocha та Webpack

• Instagram галерея за допомогою Vue.js та CSS Grid

• Делегування HTML лінків до vue-router

Відео:

• Addy Osmani — Вартість JS — Fluent 2018

• Поєднуємо управління за допомгою думок та JavaScript — Чарлі Жерар (Charlie Gerard) — JSConf EU 2018