The digest of fresh materials from the world of the frontend for the last week №337 (October 29 - November 4, 2018)
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 №145: Dark mode in Safari, WebAssembly in Chrome, what's new in CSS, sorting CSS properties, variable fonts with foldback, why designers don't get hooks, or React in new ways.
•
Frontend Weekend podcast # 77 - Alexander Amosov about why you should start working with 3D in the browser
•
Frontend Youth (18+) podcast # 71 To work for Ilona Mask via rectal hooks
•
Devshakhta podcast: # 55: Being a Team Leader
• CSSSR
Podcast News 512 - Issue No. 27 (10.29 - 04.11)
•
Vadim Makeyev's Video Blog # 8. Who are the developers, manual SVG and exciting underscore
•
DevShow from loftblog # 86: PostCSS, junk javascript, caching
•
Creating your own dysfunctional SPA in five easy steps.
•
Tags to DOM . How HTML tags are transformed into building blocks that form what we see on the screen
•
The importance of using standards in development teams
•
How I do full-fledged web development from my iPad Pro
• Learning a CSS Grid in 5 minutes
•
Implementing a variable font with a web-based fallback
•
CSS working group at TPAC: what's new in CSS?
•
About switching from HEX & RGB to HSL
•
How to organize your CSS using modular architecture (OOCSS, BEM, SMACSS)
•
How to write really awful CSS
•
Simple naming in the Grid Area
•
Animation of preview images in grids
•
Wormholes in JavaScript
• Refactoring in NodeJS using higher-order functions
• Google denies logging into an account when JavaScript is disabled in the browser
•
GraphQL is bad and good
•
Orientation in the creepy JavaScript world
•
Personal review of tools for automated testing in the JavaScript world
•
Full modern javascript reference
• Firefox 63 , technical review by Marat Tanalin.
• Firefox 65 will support WebP image format.
• Firefox Lite 1.0.0 compact mobile browser is available.
• New machine learning systems from Facebook and Google. Code for coloring black and white photos
•
WebAssembly Threads are ready for testing in Chrome 70
•
Lessons after defeat: remove the old debugger from Firefox
• Compilation of fresh courses for IT specialists from famous universities
• Google launches reCAPTCHA v3, which automatically recognizes bad traffic
• Facebook has been developing AI, which will make it easier for people with disabilities to watch
• It was or wasn’t: a review of the Bloomberg investigation of Chinese spy chips
• 10 years : what to expect next
• «Cloud profession of the future": what will be engaged in the IoT-architect and AI-programmer
• Founder of ABBYY David Yang - about Yva service to analyze the behavior of employees, the dangers of AI and role models
• Chronology Dr. technology Vitia: humanoid robots
•Who needs all this: the reaction of developers and designers to new devices from Apple
Digest from last week .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

• CSSSR

•

•

Web development
•

•

•

•

- Performance:
•How we managed to speed up the mobile version of the Carousell site by 3 times
•Performance as a first class object - Section 1: continuous measurement and instrumentation
•2019 is the year marked by Page Speed. You are ready?
•Three types of performance testing
- Tools:
•Prettier, ESLint, Husky, Lint-Staged and EditorConfig: neat code writing tools
•5 ways DevTools made my life easier
•Introducing FuseBox, an alternative to Webpack
•Storybook 4.0 release , an interactive UI component for developing and testing React , React Native, Vue, Angular and Ember
- Accessibility:
•Ramp for the site - a report by Ivan Bakaidov at DevFest Moscow
•An introduction to web accessibility that I would like to have
•Destruction of five myths of digital accessibility
CSS
• Learning a CSS Grid in 5 minutes
•

•

•

•

•

•

•

Javascript
•

• Refactoring in NodeJS using higher-order functions
• Google denies logging into an account when JavaScript is disabled in the browser
•

•

•

•

- Theory:
•Higher-order functions in JavaScript
• Why the map function does not work with some arrays in JavaScript and what to do about it
•4 uses Array.map () in JavaScript that you should know about
•Evolution of asynchronous JavaScript: from callbacks to promises and Async / Await
•Design Patterns in JavaScript
•Copying Objects in Javascript
VueJS:
•Vuex demystification - state container for for Vue
•Voice-controlled web visualization using Vue.js and Machine Learning
•Creating a plugin for WordPress using Vue
•Arguments to switch your company to Vue
•Creating a SPA using Go and Vue
•The smart way to call Vue API
•Full Stack Radio 99.5: Sébastien Chopin - Building Universal Vue.js Apps with Nuxt.js
React:
• What and how to test using Jest and Enzyme. Complete React Component Testing Instruction
•Applying the SOLID Principles to Developing React Applications
•Understanding React Hooks , Deng Abramov's article
•React hooks: no magic, just arrays
•Everything you need to know about React Hooks
•React Hooks Collection
•Different ways State Management in React
•The relationship of love and hate between React Router and React Components
•Create React App 2.0: what's new?
•Lazy-loading components in React 16.6
•Redux briefly for React developers (hint: it's not difficult)
Angular:
•Learning Angular 6 to build full-stack applications
•What's new in Angular 7.0 and how you can upgrade
•GreenSock usage patterns in Angular
•A lesson on creating a simple PWA using Angular and Lighthouse - a clone of Hacker News
- Libs & Plugins:
•PWA Install Prompt
•Introduction to plotly.js - open-source graphics library
•simple-keyboard - a virtual keyboard for Javascript compatible with your projects on ES6, React, Vue, Angular or jQuery
•ervy : graphics in terminals
Browsers
• Firefox 63 , technical review by Marat Tanalin.
• Firefox 65 will support WebP image format.
• Firefox Lite 1.0.0 compact mobile browser is available.
• New machine learning systems from Facebook and Google. Code for coloring black and white photos
•

•

Entertaining
• Compilation of fresh courses for IT specialists from famous universities
• Google launches reCAPTCHA v3, which automatically recognizes bad traffic
• Facebook has been developing AI, which will make it easier for people with disabilities to watch
• It was or wasn’t: a review of the Bloomberg investigation of Chinese spy chips
• 10 years : what to expect next
• «Cloud profession of the future": what will be engaged in the IoT-architect and AI-programmer
• Founder of ABBYY David Yang - about Yva service to analyze the behavior of employees, the dangers of AI and role models
• Chronology Dr. technology Vitia: humanoid robots
•Who needs all this: the reaction of developers and designers to new devices from Apple
A few ads at the end: the next frontend digest will be the last in the Zfort Group corporate blog. In a week, all articles will be published from the alexzfort account , as well as in the blog of the official website of the company . Among other things, there is an opportunity to subscribe to the mailing list, the plans have advanced versions, new formats, personalization and other buns in the context of improving usability of this kind of content.
Digest from last week .
Material prepared dersmoll and alekskorovin .