The digest of fresh materials from the world of the front-end for the last week No. 357 (March 18 - 24, 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
•
Podcast “Devshahta / Night Front End” 73: Questions about arrow functions and experimental modules in Node.js
•
Podcast “CSSSR” News 512 - Issue No. 43 (16.03 - 22.03)
•
Podcast “Frontend Youth (18+)” # 88 Corporations destroy OpenSource
•
podcast “proConf” # 2, FrontEnd Con 2018 . In the podcast, the facilitators discuss technical conferences, from Highload ++ to Bulbacon
•
“ALL YOUR HTML” # s2e7: “Flying Triangles”
•
On mitap # 3 from HTML Academy : live discussion about juniors in the frontend with Andrey Melikhov and Alexei Simonenko
•
“It's time to get out of the front-end”: Andrey Sitnik about stagnation of the community, open-source and more
• Front-end craft
•
Top 5 megatrends of front -end development
•
Web development trends 2019
•
All about mailto: Links
•
Series of articles about web components : from introducing and creating a custom component from scratch to encapsulating styles and structure with ShadowDOM and advanced tools
•
How to make a progressive web application from your existing site
•
SVG Circle decomposition in Paths
•
How to create smooth WebGL transitions when scrolling using Phenomenon
•
Why it is impossible to set the font size of the visited link
• Things in CSS that no one has ever told me about.
•
Add SVG filters using CSS
•
Folded borders . Eric Meyer on creative options for combining border styles.
•
CSS gets trigonometric functions to help web developers avoid JavaScript
•
Complex CSS breaks
•
Blurred CSS borders
• CSS
visibility
•
Everything you need to know about word wrapping in CSS
•
Flexulator - Space allocation calculator when using Flexbox
•
Finally, a CSS solution for: hover on touchscreens
• Periodic table in HTML (built using CSS grid)
•
Development of simple modern JavaScript applications using Webpack and advanced web technologies
•
Home page for JavaScript specification
•
Introduction to RxJS concepts in vanilla JavaScript
•
How to use JavaScript to determine which color scheme a user prefers
•
Firefox 66: Sound of silence
• Release of Firefox 66 : block video with sound, smooth scrolling, tab search. Plus, details for developers on Marat Tanalin’s blog
• Opera has released an Android browser with built-in VPN
• Mozilla has released a new Firefox browser for iPad
• Google will give European Android users the opportunity to choose alternative search engines and browsers
• In Chrome, they transferred two popular features from Microsoft Edge
•
I surfed the Internet for a day in Internet Explorer 8
•
First look at the new Microsoft Edge browser on the Chromium platform
Last week digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers
Media
•

•

•

•

•

•

Web development
•

• Front-end craft
•

•

•

•

•

•

•

- Performance:
•Preload, prefetch, and other <link> tags
•Measuring the performance impact of third-party scripts
•Who has the fastest site in F1?
•How we created the fastest conferencing site in the world
•10 web performance metrics to monitor
- Accessibility:
• What is accessibility? Translating the appropriate section to MDN
•Creating accessible websites and applications is a moral obligation
•Web accessibility for beginners
CSS
•

• Things in CSS that no one has ever told me about.
•

•

•

•

•

• CSS

•

•

•

• Periodic table in HTML (built using CSS grid)
Javascript
•

•

•

•

- Theory:
•Features of using the Symbol data type in JavaScript
• Implementing quick sorting in JavaScript
•I do not hate arrow functions, but ...
•A list of books and articles on JS for discerning web developers.
React:
•Rewriting the test case for junior frontend to TypeScript and react-hooks
• Asynchronous Redux without Middlewares - using ES2017
•React Router v5 release
•Getting started with React (according to 2019)
•What I learned about React after a month dedicated to it Learning (From Angular Developer’s point of view)
•Affordable React routing
•React State: choose wisely
•How to create a real-time logo detection application with React Native, Google Vision API and Crowdbotics
VueJS:
•Vue 2.6.6 Release part1
•The difference between Computed Properties, Methods and Watchers in Vue
•How to reduce the size of the bundle in Vue.JS using Webpack
•Deep immersion in Vuex
•TradingVue.js - an extensible library for traders to build charts
•Starting to write class-based Vue.js applications using TypeScript
•Nuxt.js: a minimalistic framework for creating hybrid Vue.js applications
•Evan You - State of the Vue community , VueJS Amsterdam 2019
Angular:
•Tips for optimizing your Angular application
•Tips for debugging your Angular applications
•How to publish the Angular library developed by NPM, and is it worth it
- Libs & Plugins:
•construct-js - A library for creating byte level data structures.
•fromfrom - a library for transforming a sequence of data from one format to another
•CrumbsJS : a lightweight library written in vanilla ES6 for working with cookies and local storage.
Browsers
•

• Release of Firefox 66 : block video with sound, smooth scrolling, tab search. Plus, details for developers on Marat Tanalin’s blog
• Opera has released an Android browser with built-in VPN
• Mozilla has released a new Firefox browser for iPad
• Google will give European Android users the opportunity to choose alternative search engines and browsers
• In Chrome, they transferred two popular features from Microsoft Edge
•

•

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 digest .
Material prepared dersmoll and alekskorovin .