The digest of fresh materials from the world of the front-end for the last week No. 307 (March 19 - 25, 2018)
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
•
Frontend Weekend podcast # 45 - Eugene Fomin about Vue.js and why developers leave the backend in the frontend
•Web Standards podcast, Issue No. 113: New browsers and clipboard, design for layout designers, Vue.js recipes and JS courses, what AMP is
•Five-minute React podcast # 19 - TypeScript 20/80
•“devschacht” podcast: Night frontend # 27 - Again about static typing in JS
•Frontend Youth podcast (18 +) ” # 42 How to win a woman’s heart using HTML
•Podcast“ Frontend Youth (18+) ” “ How to Get Out of IT ”
•
“ ALL YOUR HTML ”# 41: “ ASCII Animation ”
•Video "MinskCSS Meetup # 4 - March 22, 2018"
• Page
size and SEO - is there a connection?
•Aggregator of materials and the latest information on Progressive Web Apps
•A complete guide to background images in letter templates
•WAI-ARIA: the dark side of accessibility
• You will begin to typeset on the Grid Layout today. Argue?
•How Gmail came to the end of support for CSS animations
•Super Mario World, created using just CSS gradients - without JS, embedded images / data URIs and external images (plus very little HTML markup)
•graphql-css - fast CSS-in- library GQL, which converts GraphQL queries to styles for your components
•CSS: bad points (and how to avoid them)
• Front-end debugging : Console
•Fucking rant about fucking const vs fucking let
•Neural networks with graphic acceleration in JavaScript
•Detecting emotions in JavaScript using neural networks
•Machine Learning-Driven Bundling. The Future of JavaScript Tools
•5 Key Learning Concepts for d3.js
•I definitely, probably, suffer from the Stockholm Javascript Syndrome.
•A complete guide to Apollo, a toolkit for GraphQL
•Lazy loading JavaScript modules using ConditionerJS
• Firefox functionality development plan for 2018
• Opera 52 web browser available
•Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet
• Chrome 66 will finalize the blocking mechanism for automatic video playback
•Technical details of Safari Technology Preview 52 release
• How to get to Google: preparation instructions
• Symantec: In the fourth quarter of 2017, the number of cyber attacks using the resources of cryptocurrency mining systems increased 85 times
• Google Assistant learned how to make and request money transfers
• Netflix developed its own font
• In public user repositories 4 million vulnerabilities discovered on GitHub
• “Trust is broken, we must fix it.” Zuckerberg commented on a data leak of 50 million users and spoke about new protective measures
• OK Google: how the search engine decided to defeat Amazon
Last week digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Frontend Weekend podcast # 45 - Eugene Fomin about Vue.js and why developers leave the backend in the frontend•
Web Standards podcast, Issue No. 113: New browsers and clipboard, design for layout designers, Vue.js recipes and JS courses, what AMP is•
Five-minute React podcast # 19 - TypeScript 20/80•
“devschacht” podcast: Night frontend # 27 - Again about static typing in JS•
Frontend Youth podcast (18 +) ” # 42 How to win a woman’s heart using HTML•
Podcast“ Frontend Youth (18+) ” “ How to Get Out of IT ”•
“ ALL YOUR HTML ”# 41: “ ASCII Animation ”•
Video "MinskCSS Meetup # 4 - March 22, 2018"
Web development
• Page
size and SEO - is there a connection? •
Aggregator of materials and the latest information on Progressive Web Apps•
A complete guide to background images in letter templates•
WAI-ARIA: the dark side of accessibility- Performance:
• How to reduce website load time to two seconds using Google Chrome
•How fast is Amp really?
•How WebP format can help you improve web performance
- Tools:
•Reducing Lodash bundles using Webpack and Babel
•imaging-heap - a tool that allows you to measure the effectiveness of responsive images at various screen sizes and ratios
•Added interactive examples to articles on MDN
•Useful tips and tricks for Chrome DevTools
- Animation:
• Weekly selection of beautiful effects on CSS / SVG / JS # 74
• Additive animation using Web Animations API
•Creating PathSlider - carousels with SVG elements using JavaScript (Part 2)
•Creating a fluid effect using WebGL
CSS
• You will begin to typeset on the Grid Layout today. Argue?
•
How Gmail came to the end of support for CSS animations•
Super Mario World, created using just CSS gradients - without JS, embedded images / data URIs and external images (plus very little HTML markup)•
graphql-css - fast CSS-in- library GQL, which converts GraphQL queries to styles for your components •
CSS: bad points (and how to avoid them)
Javascript
• Front-end debugging : Console
•
Fucking rant about fucking const vs fucking let•
Neural networks with graphic acceleration in JavaScript•
Detecting emotions in JavaScript using neural networks•
Machine Learning-Driven Bundling. The Future of JavaScript Tools•
5 Key Learning Concepts for d3.js•
I definitely, probably, suffer from the Stockholm Javascript Syndrome. •
A complete guide to Apollo, a toolkit for GraphQL•
Lazy loading JavaScript modules using ConditionerJS- Theory:
•
How JS works: web page rendering engines and tips for optimizing their performance
•ES6 modules history
•Elegant patterns of modern JavaScript: Ice Factory
•Asynchronous patterns in JavaScript
VueJS:
•Vue.js Moscow Meetup # 1 , video recording
•Vue.js Cookbook - a new section of the official Vue documentation with recipes and examples for solving specific problems
•4 main ES2015 functions for development with Vue.js
•Vue CLI 3: a turning point for frontend development
•GraphQL basics and practical examples with Vue
•Renderless components in Vue.js
•7 secret Vue patterns that consultants don't want you to know about - Chris Fritz report
React:
•Comparison of the main animation JS libraries for use in React applications
•Add context using React
•React state from scratch
•react-testing-library - a simple React DOM testing utility that includes best testing practices
Angular:
•Architecture of the Angular application. We use NgModules
•Introduction to Angular modules - the root module (Root Module)
•Introduction to Angular: what it is and why you need to use it
•All Things Angular: immersion in key Angular concepts and hot topics: Angular Labs, Angular Elements, Progressive Web Apps , Service Workers, AoT Compilation, UI Libraries and more
- Libs & Plugins:
•ScrollBooster - a nice library for drag-to-scroll functionality
Browsers
• Firefox functionality development plan for 2018
• Opera 52 web browser available
•
Chrome 66 Beta: CSS Typed Object Model, Async Clipboard API, AudioWorklet• Chrome 66 will finalize the blocking mechanism for automatic video playback
•
Technical details of Safari Technology Preview 52 release
Entertaining
• How to get to Google: preparation instructions
• Symantec: In the fourth quarter of 2017, the number of cyber attacks using the resources of cryptocurrency mining systems increased 85 times
• Google Assistant learned how to make and request money transfers
• Netflix developed its own font
• In public user repositories 4 million vulnerabilities discovered on GitHub
• “Trust is broken, we must fix it.” Zuckerberg commented on a data leak of 50 million users and spoke about new protective measures
• OK Google: how the search engine decided to defeat Amazon
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 .