The digest of fresh materials from the world of the frontend for the last week №333 (October 1 - 7, 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

---

Media

• Podcast "Five Minutes Angular" # 12 - Battle, Real world app, Render Props, Soviet, ng v7 beta
• Podcast "Frontend Weekend" # 73 - Anna Selezneva about the history of burnout, choosing a city to work and finding yourself
• “Devshakhta Podcast”: # 52: Node.js in backend - myth or harsh necessity?
• Podcast “Web Standards”, Issue # 141: Browsers and Extensions, Vue.js 3.0 Plans, Color Scrolling, Frontend in Kharkov
• Podcast "Frontend Youth (18+)" # 67 Chronic prostatitis JavaScript
• Vadim Makeev video blog number 4. Navigation, designers and code, relevance, frontend larvae and frameworks
• 3 videos from KharkivFrontend Summer Conference
• SmashingConf Toronto 2018, 11 videos
• Full Stack Fest 2018, 34 videos

Web development

• Node.js Foundation and JS Foundation have announced the merger

• Instruments:
  • 10 best VS Code-extensions of 2018 for front-end developers
  • Simulating mobile devices using Device Mode in Chrome DevTools
  • project-explorer: CLI tool for visualizing any project in the form of a tree with annotations
  

• Accessibility:
  • Interface availability. Yandex lecture
  • How to make the Terms & Conditions block available
  • How we made the menu available in Basecamp 3
  • About writing good text alternatives.
  

• Animation:
  • Multibox Menu - animated navigation consisting of several blocks
  • Move the background with the mouse cursor.
  

')

CSS

• What happens when creating a Flexbox container?
• “Dispute over empty space” and change in level 4 selectors
• The first (and strange) public draft of the CSS scrollbar module
• CSS Debugging and Optimization: Developer Tools Embedded in the Browser , Code Quality Tools , Miniature with CSSO
• Common Flexbox Uses
• Creating flexible layouts with Flexbox
• Sass selectors: to invest or not to invest?
• Scribble-Font - a font for creating a Scribble Font for Prototyping & Wireframing
• Styling broken images
• How I organize CSS in large projects with UFOCSS - part 2

Javascript

• Create a simple game on Vanilla JS
• Explanation of functional programming in JavaScript: Fusion & Transduction
• How to stop using console.log () and start using debugger in your browser
• Why should every novice front-end developer know about the publisher-subscriber pattern? AKA: how to understand asynchronous JS code in the least painful way
• Pocket Guide to: Functions in JavaScript , Prototypes in JavaScript
• Compare server rendering in React and Angular applications

• ES2015 +:
  • HTTP203: offers new syntax for JS in 2018
  • JavaScript ES6: weaknesses
  • Practical ES6 tutorial on how to make an HTTP request using the Fetch API
  • JavaScript arrow functions: how, when (and WHEN NOT) to use them
  

• VueJS:
  • Plans for the next version of Vue.js
  • Why I chose Vue.js instead of React
  • The joy of creating Vue Typescript applications - part 1: Vue Class Components
  • Creating a SPA Google Search Clone on Vue and Flask
  • Unit testing your first component on Vue.js
  • Deep immersion in new Vue Devtools v5.0
  • Free admin templates for vue.js and bootstrap
  

• React:
  • Develop React applications using ReasonReact
  • Getting started with React and GSAP Animations
  • React / JSX as a server templating language
  • Dying thousands of cuts - checklist for getting rid of popular performance problems in React
  • 9 React Styled-Components UI libraries in 2018
  • How to create a PWA game in 5 steps using Preact
  • Component Testing in React: How and What to Test with Jest and Enzyme
  • These React basics you missed can be deadly for you.
  • Migrating from Angular to React
  • Lessons learned from working with a long-term SPA application on React / Redux
  • React Podcast 23: Ditch Authority with Sunil Pai
  

• Angular:
  • Best practices for a clean and productive application on Angular
  • How to use animations in Angular 6
  • How to create a news application using Angular 6 and Material Design
  • Simplified unit testing in Angular
  • We study Drag and Drop in the new Angular Material CDK
  • What to look for when moving from AngularJS to Angular 2.0+
  

• Libs & Plugins:
  • lvovich - Declination of city names, gender definition by name, declination of names by case
  • Cogear.JS - modern static generator
  • imgToAscii - JavaScript implementation of transferring images to Ascii code
  • ferret - web scraping system for easy retrieval of data from the web for subsequent testing, machine learning and analytics
  

Browsers

• Redesigned Firefox Focus web browser introduced.
• WebP image format support will be added to Firefox
• Google will allow you to play Assassin's Creed Odyssey right in Chrome
• Chrome 70 - what's new in DevTools
• Google changed Chrome extensions requirements
• What's new in Microsoft Edge, updated in Windows 10 October 2018 Update

Entertaining

• Microsoft introduced the program Your Phone to run Android applications on the computer
• Microsoft posted MS-DOS 1.25 and 2.0 on GitHub
• WordPress 5.0 release is scheduled for November 19, 2018
• Microsoft has updated Windows 10. What's new?
• Microsoft is the new Apple. Opinion
• Selection of esoteric programming languages
• The next version of Wi-Fi will be called Wi-Fi 6
• Found phishing forms, signed with certificates Cloudflare and Microsoft
• Git fixes a vulnerability that could lead to the execution of an attacker's code
Go

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 .