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

• Five-minute Angular podcast # 12 - Battle, Real world app, Render Props, Soviet, ng v7 beta
• Frontend Weekend podcast # 73 - Anna Selezneva about the history of emotional burnout, choosing a city to work with and finding yourself
• Devshacht - podcast ”: # 52: Node.js in backend - myth or harsh necessity?
• Web Standards podcast, Issue # 141: Browsers and extensions, plans for Vue.js 3.0, color scrolling, front-end in Kharkov
• Frontend Youth (18+) podcast # 67 Chronic prostatitis JavaScript
• Vadim Makeyev №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

• Tools:
  • The top 10 VS Code extensions of 2018 for front-end developers
  • Simulation of 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:
  • Accessibility of interfaces. Yandex lecture
  • How to make the Terms & Conditions block available
  • How we made the menus available in Basecamp 3
  • About writing good text alternatives
  

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

CSS

• What happens when creating a Flexbox container?
• “Dispute over empty space” and change in selectors of 4 levels
• First (and strange) public draft of the CSS module of scrollbars
• Debugging and optimization of CSS: Developer tools embedded in the browser , Code quality measurement tools , Minification with CSSO
• The most common uses for Flexbox
• 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
•Broken Image Styling
• 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 a debugger in your browser
• Why should every novice frontend developer know about the publisher-subscriber pattern? AKA: how to understand asynchronous JS code in the least painful way
• Pocket guide to: JavaScript functions , Prototypes in JavaScript
• Server rendering comparison in React and Angular applications

• ES2015 +:
  • HTTP203: JS sentences for JOS 2018
  • JavaScript ES6: weaknesses
  • A practical ES6 guide on how to make an HTTP request using the Fetch API
  • JavaScript arrow functions: how, when (and WHEN NOT) to use their
  

• VueJS:
  • Plans for the next version of Vue.js
  • Why I chose Vue.js instead of React
  • The joy of creating Vue applications on Typescript - part 1: Vue Class Components
  • Creating a SPA clone of Google search 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:
  • Developing React applications using ReasonReact
  • Getting started with React and GSAP Animations
  • React / JSX as a server templating language
  • Death from a thousand 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
  • Testing components in React: what and how to test using Jest and Enzyme
  • These React basics that 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
  • Learn Drag and Drop in the new Angular Material CDK
  • On what to look for when switching from AngularJS to Angular 2.0+
  

• Libs & Plugins:
  • lvovich - Declaring city ​​names, determining gender by name, declining names in cases
  • Cogear.JS is a modern static generator
  • imgToAscii - JavaScript implementation of transferring images to Ascii code
  • ferret - web scraping system for easy data retrieval from web for ui testing, machine learning and analytics
  

Browsers

• Presented a redesigned web-browser Firefox the Focus
• In Firefox will add WebP image format support
• the Google will play in «Assassin's Creed Odyssey" right in Chrome
• Chrome 70 - What's New in DevTools
• the Google changed the requirements for the Chrome extensions
• 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 laid out MS-DOS 1.25 and 2.0 on GitHub
• WordPress 5.0 is scheduled to be released on November 19, 2018
• Microsoft updated Windows 10. What's new?
• Microsoft is the new Apple. Opinion
• A selection of esoteric programming languages
• The next Wi-Fi version will be called Wi-Fi 6
• Phishing forms detected with Cloudflare and Microsoft certificates are found
• Git has fixed a vulnerability that could lead to an attacker's code

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 .