Front-end digest #67: HTML 5.2, Spectre та Meltdown для фронтенду, вакансії!

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

• Chrome перетворюється в Internet Explorer 6 — The Verge

Хоча спочатку Google захищав веб-стандарти, які працювали в різних браузерах, останнім часом його власні служби часто ігнорують стандарти та змушують людей користуватися Chrome.

• Сліпа жінка подала в суд на 30 сайтів через проблеми з доступністю

• David Walsh приєднується до команди Mozilla DevTools

• Що нового в HTML 5.2?

• Nuxt.js 1.0 🎉

• Angular 5.2

• Що означає Spectre та Meltdown для WebKit

• Webpack 4 працюватиме без налаштувань з коробки, а також отримає JSON Tree Shaking!

Статті

• Фронтенд у 2018: більше консенсусу, менше складнощів

• Адаптивна типографія за допомогою сучасних можливостей CSS

• Краща типографія з font-variant

• Використовуємо варіативні шрифти у вебі

• Робимо CSS  анімації більш природними

• В очікуванні display: contents – підтримку властивості нарешті додали в Chrome 65 та Safari 11.1

• Оптимізуємо веб-сторінки з заголовком Save-Data

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

• Невеликі налаштування, які можуть суттєво вплинути на доступність вашого веб-сайту

• Огляд <dialog> в HTML 5.2

Вакансії

• Senior JavaScript Developer (Київ) / Evolvice Team

  • 4+ роки розробки на JavaScript, досвід роботи AngularJS.
  • Англійська рівня Upper Intermediate.
  • $4000-4500.

• Senior React.js Engineer (Київ) / Preply

  • 3+ роки розробки веб-застосунків, JavaScript, React.
  • Англійська рівня Upper Intermediate.

• Senior Frontend Developer (Київ) / The App Solutions

  • 3+ роки розробки на JavaScript, 2+ роки досвіду з React.
  • Англійська рівня Intermediate.

• Senior Front-End Developer (Київ) / Advantio

  • JavaScript, Ember.
  • Англійська рівня Fluent.
  • $2500-4000.

• Senior Front-End Developer (Харків) / EZLO

  • JavaScript, Ember.
  • Англійська рівня Intermediate.

Якщо у вас є пропозиції для кандидатів по фронтенду — надсилайте їх до нас. Найцікавіші вакансії ми будемо БЕЗКОШТОВНО додавати у дайджести.

Корисності

• Front-End Performance Checklist 2018

• Шпаргалка по CSS

• CSSgram – CSS бібліотека Instagram фільтрів

• Reactive Search – React UI компоненти для Elasticsearch

• ngrev – інструмент для реверсивного інжинірингу проектів на Angular

Javascript Jedi:

• Результати щорічного опитування State of JavaScript 🇺🇦

• React, Redux та архітектура JavaScript

• Брутальний життєвий цикл JavaScript фреймфорків

• Чи зламає Spectre та Meltdown JavaScript?

• Гід по деплою JavaScript застосунків — частина 1: БД та деплой API

• Шість маленьких, але крутих фіч ES7 + ES8

• Як читати специфікацію ECMAScript

• Розглядаємо стек виклику в JS

• Застосунки в режимі реального часу з TypeScript: інтегруємо Web Sockets, Node та Angular

• Масиви, символи та області в JavaScript 🇺🇦

• Чому мутації можуть лякати

Angular:

• Роутинг і навігація з Angular 5

• Порівняння бандлерів Angular

• Для чого @HostBinding() та @HostListener() в Angular?

• Ionic 3, Angular 5, Firebase та відстеження місцеперебування Google Maps

• Упорядкування вашого застосунку Angular

• 12 порад по використанню Angular для великих організацій

• Динамічне завантаження модулів за допомогою Angular CLI

React:

• П'ять практичних порад, щоб нарешті вивчити React в 2018

• Серверний рендеринг, розділення коду та lazy loading за допомогою React Router v4

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

• Чому React популярніший за Angular?

• Розділення коду з React та React Router

• React Router v4: філософія та знайомство

Vue:

• Створюємо ваш перший Vue.js компонент

• Захист і аутентифікація маршрутів Vue

• Керування дозволами користувачів у застосунку Vue

• П'ять пасток, яких потрібно уникати під час unit-тестування Vue.js

Відео:

• KharkivFrontend Meetup#_0

• FrontFest 2017

• Statuscode

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

• Promoflex

• Strelka's Legacy

• Drôle de Monsieur

• UIX

• Get Obachan