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
•

•

•

•

•

• Video from Odessa Frontend MeetUps # 7-9
Web development
•

•

•

•

•

•

•

• 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
•

•

• Animation CSS Grid Layout, what do we have?
• Same story, only with CSS
•

•

•

•

•

Javascript
• We

•

•

•

•

•

•

•

- 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
•

•

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 .