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
• 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)
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
• 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.
- 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
• 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
- Codepen demo:
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map
Javascript
• 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
- 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
• 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
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 .