The digest of fresh materials from the world of the frontend for the last week No. 350 (January 28 - February 3, 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, Release №159: Three years on the air, Events, JS Developers for TV, Chrome, Safari, PWA, Safari and JS Core, CSS vs. JS, ES2019
•
FrontSpot Show # 1. Is Dan Abramov an impostor? Flow not float? And who is he - the king of nishtyakov?
•
RadioJS podcast Issue 55: Node.js on the backend - is it a real backend?
•
devschacht podcast: 68: Inconvenient questions to GraphQL
• Frontend
Youth (18+) podcast # 82 How lodash changed javascript
•
Tournament: “Best web feature 2018” (PART 1)
• How to write good and understandable code
• HTML, CSS and vanishing entry points to the industry
• GraphQL guide for beginners
• CSS and JS at war: how to stop it
•
HTML is and has always been the goal of compiling - can we do something with this?
•
The Google Play store is now open for Progressive Web Apps.
•
“Backend” front-end development.
•
An overview of the most interesting offers for the web platform related to web components.
• How position: sticky in CSS actually works
•
A look at CSS shifts in 2019
•
Many ways to change SVG fills when hovering (and when to use them)
•
CSS-in-JS and static rendering
•
CSSans Pro is a new color creative font
• The
price of composition in the Javascript world
•
EcmaScript 10 — this year's JavaScript
•
Why is TypeScript the basis of every new web application in PayPal?
• What's new in javascript 2019
•
Future javascript: what else is missing?
•
Static vs Unit vs Integration vs E2E testing for frontend applications
•
React vs Angular: detailed comparison
•
Three more ways to visualize JavaScript status
•
New releases: TypeScript 3.3 , Babel 7.3 , Jest 24
•
In 2020, Microsoft will stop supporting Internet Explorer 10
• Release Firefox 65 , as well as details for web developers on Marat Tanalin’s blog
• WebRender for AMD / Intel video cards and protection against MITM attacks in Firefox
• Mozilla introduced another mobile browser
• Users complained about problems with certificates after installing Firefox 65
• What will happen to ad blockers after updating the Chromium API: Yandex Browser, AdGuard and Adblock Plus views
• Answers to the most frequently asked questions about the Gutenberg
• Full disable Google+ for ordinary users is scheduled for April 2, the company warns of complete removal of data
• JavaScript has overtaken Java Rating HackerRank developer preferences
• As a virtual trading game artifacts may affect the real life
• What is the quantum computer and how it works
• The state of artificial intelligence in 2019
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

• Frontend

•

Web development
• How to write good and understandable code
• HTML, CSS and vanishing entry points to the industry
• GraphQL guide for beginners
• CSS and JS at war: how to stop it
•

•

•

•

- Performance:
•Optimize page speed: metrics, tools and ways to improve
•Improve web font performance with examples
- Tools:
•tris-webpack-boilerplate - webpack-boilerplate to create for static sites, which has all the necessary modern tools and built-in optimization tools.
•11 JavaScript extensions for Visual Studio Code
•What's new in DevTools (Chrome 73)
•New in Firefox DevTools 65
- Accessibility:
•Using artificial intelligence to create alternate text on images
•Tools and strategies for developing accessible web applications
•How do you use the figure element?
- Animation:
•Deconstruction of Taotajima.jp WebGL
•Creating wave animations on Three.js
•Custom effects for the cursor
CSS
• How position: sticky in CSS actually works
•

•

•

•

- Codepen demo:
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map
Javascript
• The

•

•

• What's new in javascript 2019
•

•

•

•

•

- Theory:
•JavaScript: Public and private class fields
•How to master the async / await syntax: a real example
• How to work with async / await in JavaScript cycles
• A brief history of the asynchronous Javascript capabilities
•Immerse yourself deeper into JavaScripts . A Closer Look at JavaScript Object Descriptors
VueJS:
•7 problems you can avoid by using Nuxt.js for your next Vue application
•Optimizing the performance of the Vue.js application: Part 1 - Introduction to performance optimization and deferred loading.
•Mastering Computed Properties in VueJS
•How to create simple social media monitoring on NodeJS, GraphQL and Vue
•Using Vue.js to create an interactive weather panel with an API
•What does Vue 3.0 mean for web development?
React:
•(New) React life cycle methods in simple accessible language
•React as a UI Runtime , a recent blog post by Dena Abramova
•Creating progressive web applications with React. Part 1
•addimated - interruptible declarative animation library for React.
•React Custom Scroll 4.0 - a small customizable component for creating a custom scroll
•5 ways to animate ReactJs applications in 2019.
•Why is Gatsby so fast
Angular:
•Introducing NG-VDOM: a new way of writing applications on Angular
•Create ready-to-production PWA with Angular and Firebase
•Angular 7 | 6 Tutorial: Creating and submitting forms
•Angular DI: Introducing Ivy NodeInjector
- Libs & Plugins:
•flexsearch - Library of full-text text search in browsers and Node.js
•readability.js - a separate version of the library used for reader mode in Firefox
•webaudio-synth: Web Audio API polyphonic synthesizer
Browsers
•

• Release Firefox 65 , as well as details for web developers on Marat Tanalin’s blog
• WebRender for AMD / Intel video cards and protection against MITM attacks in Firefox
• Mozilla introduced another mobile browser
• Users complained about problems with certificates after installing Firefox 65
• What will happen to ad blockers after updating the Chromium API: Yandex Browser, AdGuard and Adblock Plus views
Entertaining
• Answers to the most frequently asked questions about the Gutenberg
• Full disable Google+ for ordinary users is scheduled for April 2, the company warns of complete removal of data
• JavaScript has overtaken Java Rating HackerRank developer preferences
• As a virtual trading game artifacts may affect the real life
• What is the quantum computer and how it works
• The state of artificial intelligence 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 .