The digest of fresh materials from the world of the front-end for the last week No. 368 (June 3 - 9, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media     |    Web Development     |    CSS     |    Javascript     |    Browsers     |    Entertaining

---

Media

• Podcast “Web Standards” , Issue No. 178: W3C + WHATWG, SEO, performance, Ember.js, Elm, Puppeteer
• Podcast “Frontend Weekend” # 92 - Artyom Kobzar about teaching, Kharkov and things that junior- should know developer
• Devschacht podcast 83: Talk about Ember
• React Five-Minute Podcast : MSK VUE.JS MEETUP
• Frontend Youth (18+) podcast # 95 How to become CTO
• CSSSR Podcast : News 512 - WebAssembly on eBay , modern hoisting, Chrome 75 and other releases, Huawei battles
• CSSSR podcast: News 512 - Again about Svelte, donation on Github, patterns for React Hooks and a documentary about Ember.js
• Frontreview # 12 : “What Junior must ask for at the interview”
• proConf # 15 : ng-conf 2019 | ngRx by the example of a banana | fashion grids | flights to Mars
• “Repozitorro # 17 : Suspicion that someone else’s code ...
• JSHeroes 2019 , 20 videos

Web development

• How to use Web Share API
• SEO requirements for a new site

• Performance:
  • Front-end performance: parsing important metrics
  • Extracting critical CSS . Learn how to improve your rendering time with the critical CSS technique
  • Effectively increase the performance of your (mobile) site
  

• Accessibility:
  • Create the most inaccessible site with an ideal Lighthouse rating
  • Point to a focus to improve accessibility
  • Anatomy of accessible forms: a problem with Placeholders
  • Accessibility of forms: a practical guide
  • Web accessibility in context . How do browsers and HTML support screen readers today?
  

• Animation:
  • A selection of inspirational sites Roundup # 5
  • A selection of creative demos Roundup # 5
  

CSS

• CSS Flexbox in Bootstrap 4
• We prevent page scrolling when a modal window is opened
• Animation of a modal window moving along a given path
• CSS mentality
• CSS architecture - folder and file structure
• CSS Grid Level 2 - subgrid will appear in Firefox soon
• Variable fonts and non-standard axes
• Keeping your CSS in JS clean

Javascript

• Getting ready for 2020: 8 trends of client-side JavaScript development that you need to know about
• Recommendations for writing clean JavaScript code
• What's new in Node 12
• How to control music using PS4 DualShock and JavaScript
• Enable modern JavaScript on npm
• JavaScript: rebuttal of SEO myths
• JAVASCRIPT SEO IS DEAD! Now what?

• Theory:
  • Arrays in JavaScript : From [0] to ['H', 'E', 'R', 'O']
  • Magical, mystical transducers in JavaScript
  

• React:
  • Creating animations using React Spring
  • Top 5 learning skills for junior JavaScript developer
  • How I made my React application 4 times faster.
  • What is the meaning of React hooks?
  • Cache React event listeners to improve performance.
  

• Angular:
  • Angular 8
  • Angular & RxJS: Deep immersion in Async Pipe
  • Journey into Angular animation
  • Under the hood of Angular CLI - demystification of builders
  • Angular: the journey of one of the most popular front-end tools in today's labor market
  

• VueJS:
  • Tutorial: Как сделать анимированный интерактивный слайдер на Vue.js
  • Подводные камни Vue.js. Распространенные фиксы для основных проблем
  • Построение динамической древовидной диаграммы с помощью SVG и Vue.js
  

• Ember:
  • Подкаст „Crash Log“: Product Hunt launch, speed vs. quality, integrations
  • Подкаст „EmberMap“, Ep. 64 — Open source isn't free
  • React Response Hot Loading
  

Браузеры

• Mozilla called Google’s digitally signed web package distribution “harmful”
• Chrome 75 release
• Mozilla plans to launch a paid Firefox Premium service
• New Firefox Dev Tools feature that tells you why the CSS property has no effect

Entertaining

• “There will be a musical revolution now”: the history of the launch of iTunes and the reasons for the closure of the service
• Computing Photography . The future of photography is code
• 19 excellent free neural networks
• Moral and legal issues: is society ready to trust itself with artificial intelligence
• Former NPM Technical Director Develops Entropic Distributed Package Repository

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared dersmoll and alekskorovin .