The digest of fresh materials from the world of the frontend for the last week №342 (December 3 - 9, 2018)
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, Release # 150: Edge is now Chrome, Flutter for the Web, accessibility.
• Podcast "Weekend a Frontend" # 82 - Maxim Salnikov about how to move to Oslo and become a Google Developer Expert'om
• Devshahta - podcast: 60: Price of abstraction
• Podcast "Frontend Youth (18+)" # 74 Chinese treshka
• Video Blog Vadim Makeev: 12. How to insert twenty videos from YouTube and not download an elephant
• My JavaScript Story podcast: 088: Nicholas Zakas
• WordPress 5.0 has been released (with Gutenberg on React), laying the foundation for a new platform
• Progressive web applications: examples and uses of PWA
• Introduction to Background Fetch
• HTML Canvas API guide
• Protecting the site as if it were now 1999
• Going Offline First (Video Series)
• Why you should use GatsbyJS to create static sites
• Responsive images using SVG instead of Srcset
• Interactive repulsion effect using Three.js
• Microsoft has officially confirmed that Edge is switching to the Chromium engine
• A variety of browsers begins with us
• The release of the Chrome 71 web browser
• The head of Mozilla criticized Microsoft’s transition to Chromium
• Qualcomm and Mozilla are working on the Firefox browser for Windows on ARM
• Painless CSS lint with stylelint
• Fill the gap between CSS and JavaScript: CSS modules, PostCSS and the future of CSS
• Venn diagram on CSS
• Creating switches with CSS variables
• CSS programming
• What do you call color variables for?
• A selection of creative text shadows on CSS with CodePen
• Imba: a JavaScript-compatible language for quick work with the DOM
• Little-known JavaScript features
• This year in JavaScript: 2018 review and npm predictions for 2019
• Should Data Science professionals be trained in JavaScript?
• Unbutable web applications
• How an 8-year-old boy became the highest paid YouTube in 2018
• HackerOne introduced hacking skills sandboxes
• Chinese Google dilemma: The history of the development of the Dragonfly search engine and protests against the “threat to free Internet”
• Officially: Google will close the messenger Allo in March 2019 and focus on the development of Messages, Duo and Hangouts for business
• Google personalizes the output even in incognito-mode - DuckDuckGo study
• UX status in 2019
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Web Standards Podcast, Release # 150: Edge is now Chrome, Flutter for the Web, accessibility.
• Podcast "Weekend a Frontend" # 82 - Maxim Salnikov about how to move to Oslo and become a Google Developer Expert'om
• Devshahta - podcast: 60: Price of abstraction
• Podcast "Frontend Youth (18+)" # 74 Chinese treshka
• Video Blog Vadim Makeev: 12. How to insert twenty videos from YouTube and not download an elephant
• My JavaScript Story podcast: 088: Nicholas Zakas
Web development
• WordPress 5.0 has been released (with Gutenberg on React), laying the foundation for a new platform
• Progressive web applications: examples and uses of PWA
• Introduction to Background Fetch
• HTML Canvas API guide
• Protecting the site as if it were now 1999
• Going Offline First (Video Series)
• Why you should use GatsbyJS to create static sites
• Responsive images using SVG instead of Srcset
• Interactive repulsion effect using Three.js
- Tools:
• 16 DevTools tips and tricks that every CSS developer should know
• screenshoteer: take screenshots and emulate mobile devices directly from the command line
• CI monitoring tools for frontend
- Accessibility:
• Development of accessible interfaces
• “D” in DOM
• Available SVG icons with inline sprites
• What can be learned from the accessibility situation in Gutenberg?
• Disability is a spectrum, not a binary value
• Web Content Accessibility Guide 2.1 - for those who have not read the updates
• Accessibility at a Glance - a series of short videos from Microsoft developers dedicated to accessibility research
Browsers
• Microsoft has officially confirmed that Edge is switching to the Chromium engine
• A variety of browsers begins with us
• The release of the Chrome 71 web browser
• The head of Mozilla criticized Microsoft’s transition to Chromium
• Qualcomm and Mozilla are working on the Firefox browser for Windows on ARM
CSS
• Painless CSS lint with stylelint
• Fill the gap between CSS and JavaScript: CSS modules, PostCSS and the future of CSS
• Venn diagram on CSS
• Creating switches with CSS variables
• CSS programming
• What do you call color variables for?
• A selection of creative text shadows on CSS with CodePen
Javascript
• Imba: a JavaScript-compatible language for quick work with the DOM
• Little-known JavaScript features
• This year in JavaScript: 2018 review and npm predictions for 2019
• Should Data Science professionals be trained in JavaScript?
• Unbutable web applications
- Releases:
• Microsoft implemented IntelliCode for TypeScript / JavaScript and C ++
• Google announced Flutter 1.0, the first stable version of the Dart framework
• Babel 7.2.0 release: private instance methods
• What's new in Typescript 3.2?
• react-redux 6.0.0 release
- Theory:
• About the composition of functions in JavaScript
• A guide to handling errors in JavaScript
• Why do you have to unsubscribe from the Observable?
• You may not know JS: ideas from the JavaScript Bible
• Goodbye Transform-Streams, long live ES9 asynchronous generators
- Node:
• How to protect your Node.js application from malicious dependencies
• How to use TypeScript to create a Node API with Express
- VueJS:
• VueJS: Arguments for , Arguments against . New videos from Ilya Klimov on JavaScript.Ninja channel
• “We are testing a real Vue app” , - Nikita Sobolev's talk with Krasnodar Dev Days on how to test easily and quickly
• eslint-plugin-vue - the official ESLint plugin for Vue.js
• Development on Vue in 2019: what you need to know
• How to create an application on Vue.js using the Single-File Components, without CLI.
- React:
• Creating animated applications on React using React Spring
• 10 more things you didn’t know about Create React App
• Tips and tricks for your React-Redux application
• How does React distinguish class from function?
• Layout components in React using the Context API
• React Podcast - 31: Hooks are Mixins with Ryan Florence
- Angular:
• Optimizing Angular Applications
• How to start working with Angular on Windows
• Meta-programming, high-level components and impurities with Angular Ivy
• Angular Console: what is it and why is it valuable to you?
• Progressive web applications with Angular: part 2 - lazy download
- Libs & Plugins:
• sharp - high-performance image processing on Node.js
• 6 JavaScript libraries for user authentication for 2019
• ForgJs is an easy object validator in javascript
• How to fill the database with thousands of users using Knex.js and Faker.js
Entertaining
• How an 8-year-old boy became the highest paid YouTube in 2018
• HackerOne introduced hacking skills sandboxes
• Chinese Google dilemma: The history of the development of the Dragonfly search engine and protests against the “threat to free Internet”
• Officially: Google will close the messenger Allo in March 2019 and focus on the development of Messages, Duo and Hangouts for business
• Google personalizes the output even in incognito-mode - DuckDuckGo study
• UX status in 2019
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 .