The digest of fresh materials from the world of the front-end for the last week No. 373 (July 22 - 28, 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
•
Podcast Web Standards , Issue No: 186. Firefox, JSON, Every Layout, Monoreps, a11y, Slack and JS
• Frontend Weekend podcast # 95 - Ekaterina Petrova on how to become a frontend department manager from a mobile developer
• CSSSR Podcast : 512 News - New Features in JS, PageSpeed, GraphQL Video, Slack Acceleration, and Github Blocking
• CSSSR Podcast : News 512 - HTTP / 2, serverless pieces, CORS, Oracle security releases, releases, and other news
• React Five Minute Podcast : SOLID with TypeScript Examples
• Podcast Frontend Youth (18+) : # 100 Sotochka
•
Repozitorro # 22 - Head over heels in React!
• Frontreview # 16 - Professional Burnout Programmer
•
Fractal of element names
• Standard Browser API Payment Request
•
The best newsletters for front-end developers
• Designing and building a progressive web application without a framework: Part 1 , Part 2
• SPA SEO: A Guide to Promoting a One Page Google Home Page
')
• I wrote a custom CSS engine in JavaScript
• Why you should definitely learn to use CSS-in-JS
• Everything you need to know about margin in CSS
• CSS Generated Content Availability
• A selection of libraries for CSS animation
• Really responsive CSS grid with minmax () and min ()
• Do not separate the comma: focus-within if you need deep browser support
• Responsive iframes
• How to add a fallback to Flexbox for CSS Grid
• The easiest way to load CSS asynchronously
• Multi-column manipulation
• The 5 Commandments of TypeScript Developer
• How to talk with the microcontroller from JS
• Tips for creating your own lazy image upload
• Understanding SEO in JavaScript
• Practical Ways to Write JavaScript Better
• What's New in JavaScript: Summary of Google I / O 2019
• Introduction to Svelte
• What are you, Rendering Engine? Or how the browser display module works
• Firefox Reality browser became available for Oculus Quest headsets
• Google will block root certificates issued by DarkMatter
• In Firefox 70, pages opened over HTTP will be marked as insecure
• Google will begin to remove extensions for Chrome that abuse user data collection
• What's New in DevTools (Chrome 77)
• What should a team lead: roles, responsibilities and skills
• Facebook, Twitter and Google outsource moderation to the Philippines. How it turned out - Washington Post report
• Research: why IT professionals choose medium-sized companies
• How to replace Google products: a selection of alternatives that will not follow you
• Research: sites lose up to 10% of user revenue due to regulations on the protection of personal data of the European Union
• GitHub blocks developers from countries that are subject to US sanctions
A.
Last week digest .
Material prepared by dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Podcast Web Standards , Issue No: 186. Firefox, JSON, Every Layout, Monoreps, a11y, Slack and JS•
Frontend Weekend podcast # 95 - Ekaterina Petrova on how to become a frontend department manager from a mobile developer•
CSSSR Podcast : 512 News - New Features in JS, PageSpeed, GraphQL Video, Slack Acceleration, and Github Blocking•
CSSSR Podcast : News 512 - HTTP / 2, serverless pieces, CORS, Oracle security releases, releases, and other news•
React Five Minute Podcast : SOLID with TypeScript Examples•
Podcast Frontend Youth (18+) : # 100 Sotochka•
Repozitorro # 22 - Head over heels in React!•
Frontreview # 16 - Professional Burnout Programmer
Web development
•
Fractal of element names•
Standard Browser API Payment Request•
The best newsletters for front-end developers•
Designing and building a progressive web application without a framework: Part 1 , Part 2•
SPA SEO: A Guide to Promoting a One Page Google Home Page')
- Performance:
• 12 tips for improving JavaScript application performance
• 7 CSS optimization tips to speed up page loading
• How Google PageSpeed ​​Works: Improve Your Rank and Search Engine Rankings
• Performance tuning of JavaScript sites using Chrome DevTools
- Accessibility:
• Inclusive components: tooltips and togltypes
• Maybe you should ignore type = search
• Non-tagged value: Accessibility Object Model
CSS
•
I wrote a custom CSS engine in JavaScript•
Why you should definitely learn to use CSS-in-JS•
Everything you need to know about margin in CSS•
CSS Generated Content Availability•
A selection of libraries for CSS animation•
Really responsive CSS grid with minmax () and min ()•
Do not separate the comma: focus-within if you need deep browser support•
Responsive iframes•
How to add a fallback to Flexbox for CSS Grid•
The easiest way to load CSS asynchronously•
Multi-column manipulation
Javascript
•
The 5 Commandments of TypeScript Developer•
How to talk with the microcontroller from JS• Tips for creating your own lazy image upload
•
Understanding SEO in JavaScript•
Practical Ways to Write JavaScript Better•
What's New in JavaScript: Summary of Google I / O 2019•
Introduction to Svelte- News:
• Founder of QEMU and FFmpeg publishes QuickJS JavaScript engine
• Facebook opened Hermes JavaScript engine code
• TypeScript 3.6 Beta Announcement
- Theory:
• JavaScript lexical scope and closure
• JavaScript Concepts: Closures
• Cleaning Your Code: Avoid Conditions
VueJS:
• Error handling in Vue
• Creating SPA on Vue.js and Headless WordPress
• Component Composition: Vue Function API vs Renderless Components
• What I like about Vue
• OverVue, a Vue prototyping tool
React:
• Structuring React Applications
• Creating a Switch Component on React
• The most convenient way to process alerts in React
• How to hire and train developers if you are not using React
Angular:
• Prototyping with Angular
• Introduction to @ ngrx / effects
• Understanding the magic behind Angular Elements
• What I learned in 3 years of development on Angular 2+
• 7 errors to prevent when switching from AngularJS to Angular
- Ember:
• Ember 3.11 Release
• Setting link activity is a modern way
• Skill tree for learning Ember.js in 2019
• Integrate any backend into Ember with Custom Adapters & Serializers
- Libs & Plugins:
• cesiumjs: open-source library for creating three-dimensional globes and maps
• json-complete - can turn almost any standard JavaScript object or value into a JSON-compatible serialized form and vice versa.
• Moveable: library for adding functions of drag and drop, rotation, resizing and scaling
Browsers
•
What are you, Rendering Engine? Or how the browser display module works• Firefox Reality browser became available for Oculus Quest headsets
• Google will block root certificates issued by DarkMatter
• In Firefox 70, pages opened over HTTP will be marked as insecure
• Google will begin to remove extensions for Chrome that abuse user data collection
•
What's New in DevTools (Chrome 77)
Entertaining
• What should a team lead: roles, responsibilities and skills
• Facebook, Twitter and Google outsource moderation to the Philippines. How it turned out - Washington Post report
• Research: why IT professionals choose medium-sized companies
• How to replace Google products: a selection of alternatives that will not follow you
• Research: sites lose up to 10% of user revenue due to regulations on the protection of personal data of the European Union
• GitHub blocks developers from countries that are subject to US sanctions
A.
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 by dersmoll and alekskorovin .
Source: https://habr.com/ru/post/461655/
All Articles