The digest of fresh materials from the world of the frontend for the last week No. 348 (January 14 - 20, 2019)
We offer you a selection with links to new materials from the front-end area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Web Standards podcast, Issue # 157: JavaScript in universities, JS ten years ago, browsers and text in VR / AR, HTML modules in JS.
•
Frontend Weekend podcast # 87 - Mikhail Troshev on how to effectively manage a distributed team in Yandex
•
CSSSR podcast: News 512 - Issue No. 34 (Jan 14 - Jan 20 )
•
Dev Shakhta # 66: Platform Commands
•
ALL YOUR HTML »# S2e5: “ Pasta Monster of Stripes and Shaders ”
• Video from Odessa Frontend MeetUps # 7-9
•
Electron: developing desktop applications using HTML, CSS and JavaScript
•
12 strange things that can happen after installing the npm package
•
Types of inputs in HTML5: what is now with them?
•
New to JAMstack? Everything you need to know to get started with it
•
Web standards: what, why, and how
•
It’s better to see once than hear a hundred times, faces and barcodes - Shape Detection API
•
Why GraphQL benefits from traditional APIs
• GraphQL: Beginner's Guide
•
How CSS specificity works in a browser
•
Creating a WEB component to control the audio channel | Non-standard approach to the use of CSS Grid
• Animation CSS Grid Layout, what do we have?
• Same story, only with CSS
•
How well do you know CSS Layout?
•
Using a pseudo-class: lang with a lang attribute selector for language styles
•
2019 CSS Wish List by Chris Coyier
•
In defense of Utility-First CSS
•
A complete guide to SCSS / SASS .
• We
transfer 30,000 lines of code from Flow to TypeScript
•
Learn Vanilla JS - a detailed plan for learning vanilla JS, along with training resources and design ideas to help you get started.
•
URL animation with Javascript and Emojis
•
How to remove unused code using DevTools
•
Vue vs React: choosing the best tool for your project in 2019
•
How to remove duplicate arrays in ES6
•
Why I stopped exporting default values from my JavaScript modules
•
Does the method mutate data
• Mozilla minimizes the Test Pilot program and Firefox Screenshots service
• Firefox 67 will start using separate profiles for different installations
• In Firefox 69, it is planned to disable Flash support by default
•
Firefox Retrospective DevTools WebConsole 2018
•
Augmented Reality and Browser - Experimental Application
• Hello world! Or English-language Habr, v1.0
• WordPress.com collected $ 2.4 million from Google and partners to create the Newspack news publishing platform
• Big Data History (Big Data) part 1 , Part 2
• Microsoft: Cortana voice assistant will no longer compete with Alexa and Google Assistant
• Opinion: why 10 year challenge is the perfect flash mob for learning AI
• How India came to become Google CEO: the story of Sundar Pichai
• Microsoft will bid farewell to Windows 10 Mobile at the end of this year
• A dump containing 773 million email addresses and 21 million unique passwords
Digest from last week .
Material prepared dersmoll and alekskorovin .

Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Web Standards podcast, Issue # 157: JavaScript in universities, JS ten years ago, browsers and text in VR / AR, HTML modules in JS. •
Frontend Weekend podcast # 87 - Mikhail Troshev on how to effectively manage a distributed team in Yandex•
CSSSR podcast: News 512 - Issue No. 34 (Jan 14 - Jan 20 )•
Dev Shakhta # 66: Platform Commands•
ALL YOUR HTML »# S2e5: “ Pasta Monster of Stripes and Shaders ”• Video from Odessa Frontend MeetUps # 7-9
Web development
•
Electron: developing desktop applications using HTML, CSS and JavaScript•
12 strange things that can happen after installing the npm package•
Types of inputs in HTML5: what is now with them? •
New to JAMstack? Everything you need to know to get started with it•
Web standards: what, why, and how•
It’s better to see once than hear a hundred times, faces and barcodes - Shape Detection API•
Why GraphQL benefits from traditional APIs• GraphQL: Beginner's Guide
- Performance:
•
Using the Chrome DevTools audit feature to measure and optimize performance (part 1)
•
How to use Chrome Dev Tools to find performance bottlenecks
•
How improving website performance can help save the planet
•
What are Client Hints and whether to use them
•
Optimization browser rendering for front-end development
- The Tools:
• Puppeteer for crawling a site and save them in the pages of Markdown's
•
the STAR (Design the S ystems + T ypeScript + A pollo GraphQL + the R Eact): a new generation of front-end development tools
•
How to upgrade to 4.0 Gulp.js
•
WPK - Advanced , but intuitive unofficial CLI for webpack
•
Function code visualizer with export to SVG
- Accessibility:
•
How to develop website mockups for screen readers
•
Why the implementation of web accessibility continues to fail
•
A big judicial victory for web accessibility in the case of Domino's Pizza , whose site did not respond to ADA Compliance
- Animation:
•
Advanced Three.js: shader materials and post-processing
•
Guide to creating a set of interactive particles on Three.js
•
How to create a glitch effect for text and images in CSS
•
SVG Filters 101 . A Sara Soueidan guide that helps you understand what SVG filters are and shows how to use them to create your own visual effects.
CSS
•
How CSS specificity works in a browser•
Creating a WEB component to control the audio channel | Non-standard approach to the use of CSS Grid• Animation CSS Grid Layout, what do we have?
• Same story, only with CSS
•
How well do you know CSS Layout? •
Using a pseudo-class: lang with a lang attribute selector for language styles•
2019 CSS Wish List by Chris Coyier •
In defense of Utility-First CSS•
A complete guide to SCSS / SASS .
Javascript
• We
transfer 30,000 lines of code from Flow to TypeScript•
Learn Vanilla JS - a detailed plan for learning vanilla JS, along with training resources and design ideas to help you get started. •
URL animation with Javascript and Emojis•
How to remove unused code using DevTools•
Vue vs React: choosing the best tool for your project in 2019•
How to remove duplicate arrays in ES6•
Why I stopped exporting default values from my JavaScript modules•
Does the method mutate data- Theory:
•
JavaScript: questions and answers
• A brief history of JavaScript. Part 3
•
JavaScript Modules: from IIFE to CommonJS and ES6
•
A Practical Guide to Writing More Functional JavaScript
•
Working with Time Zones in JavaScript
React:
•
Reusable form input in React. Simple and flexible!
•
Introduction to React Hooks
•
Using React Portals to draw child elements outside the DOM hierarchy
•
How to create a progressive web application on React (PWA)
Angular:
•
Add support for multilingual in Angular
•
How to set up Webpack 4 with Angular 7: complete tutorial
•
Angular, Autoprefixer, IE11, and CSS Grid go to the bar ...
•
Manage the status of Angular applications using Firebase
•
Pros and cons of choosing Angular web application development
VueJS:
•
8 worst questions in a Vue.js interview
•
Vue RFCs (request for comments) - for significant changes / additions in the Vue core
•
Designing a Progressive Web App using Vue CLI 3
- Libs & Plugins:
•
defi.js - a reactive library based on Object.defineProperty
• Facebook has published Spectrum 1.0.0, an image library
•
shiny - Add shiny reflections to text, background and borders on devices that support the DeviceMotion event.
•
jsdiff: finding the difference in the text, implemented in JavaScript
Browsers
• Mozilla minimizes the Test Pilot program and Firefox Screenshots service
• Firefox 67 will start using separate profiles for different installations
• In Firefox 69, it is planned to disable Flash support by default
•
Firefox Retrospective DevTools WebConsole 2018•
Augmented Reality and Browser - Experimental Application
Entertaining
• Hello world! Or English-language Habr, v1.0
• WordPress.com collected $ 2.4 million from Google and partners to create the Newspack news publishing platform
• Big Data History (Big Data) part 1 , Part 2
• Microsoft: Cortana voice assistant will no longer compete with Alexa and Google Assistant
• Opinion: why 10 year challenge is the perfect flash mob for learning AI
• How India came to become Google CEO: the story of Sundar Pichai
• Microsoft will bid farewell to Windows 10 Mobile at the end of this year
• A dump containing 773 million email addresses and 21 million unique passwords
We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.
Digest from last week .
Material prepared dersmoll and alekskorovin .