The digest of fresh materials from the world of the frontend for the last week №269 (June 26 - July 2, 2017)

We offer you a selection with links to new materials from the front-end area and around it.

Web development

CSS

Javascript

Entertaining

Web development

• June news of the world of web standards
• Visual regression testing (how to move quickly in development and do not break anything)
• Validation of forms, Part 1: Checking for restrictions in HTML, Part 2: Validation API (JavaScript), Part 3: Validity State API Polyfill, Part 4: Validation of MailChimp subscription form
• Media:
  
  
  • Podcast Web Standards, Issue # 74 : Browser variety, HTML for people, PE and GD in Shorts, foldback grids, keyboard focus, font tricks, refactoring and responsibility, Uber in the browser, feature from CS to ES.
  • Podcast Frontend Weekend, FW # 9 - How to become a cool developer without specialized education
  • Podcast "Five Minutes React", # 23 - webpack 3.0.0, pnpm 1.0, TypeScript 2.4
  • Progressive degradation - HTML Shorts
  • Yuri Artyukh's stream recording ALL YOUR HTML # 5: Sexy Fragment Shader and throttle-debounce
  • Full compilation of videos from React Amsterdam 2017 + bonus
  
  
• Instruments:
  ')
  
  • JS Foundation: Episode # 0 - sonar: a web lint tool
  • 8 CodePen Properties You Don't Know About
  • Full-size screenshots of pages by native browsers
  
  
• Animations:
  
  
  • GreenSock Beginners Guide to Web Animation (Part 1)
  • Organic Shape Animation with SVG clipPath
  
  
• AMP / PWA:
  
  
  • I decided to disable google amp on my website
  • Any site can become PWA - but we have to do it better.
  • Creating m.uber: developing a high-performance web application for the global marketplace

CSS

• From bootstrap to CSS grids
• Full Flexbox Tutorial
• Apply keyboard focus styles
• Choosing how to structure our CSS components.
• How to define and use custom CSS properties
• The five main stages of CSS development
• Fonts overlay, or how to rename a font in CSS
• Responsive typography with calc (), vw, and Sass superpowers
• reproCSS is a CSS reprocessor using <style> tags. Selection of demos with reproCSS
• Pop-up field labels when typing with: placeholder-shown

Javascripts

• ArrayBuffer and SharedArrayBuffer in JavaScript, Part 2: Introduction to New Language Objects
• JavaScript: Many Faces Functions
• JavaScript: The Fun Parts
• TC39, ECMAScript and the future of JavaScript
• Back to basics: what are callbacks in javascript?
• JavaScript testing: from 0 to 80% code coverage
• Reddit: why we chose Typescript
• Browser loading of modules - can we stop the banding already?
• Javascript development without 'this'
• esprint - Pinterest quick eslint bootloader
• A selection of good questions for a JavaScript developer interview.
• Remy Sharp sticky headlines: part 1 , part 2 , part 3
• Framework:
  
  
  • What happens if you cross React and Angular?
  • Reservoir Dogs: Angular 2 vs React: Report by Evgeny Gusev and Ilya Taratukhin
  • Angular vs. React: what is best for web development?
  • Using AngularJS components in React
  • Migrating from Angular to VueJS
  
  
• Vue:
  
  
  • Vue.js comes on the heels of React and Angular
  • Create web-based real-time applications using Vue.js 2 and Firebase.
  • Impressions after Vue Conf 2017
  • What we learned at at VueConf
  • TypeScript Integration into Your Vue Project
  • Vue.js devtools - new extension to Firefox
  • vetur - Vue VSCode Toolkit
  
  
• React:
  
  
  • Creating a React Real-Time VR Application
  • New section in React Docs about accessibility in React
  • React Native UI Kitten - a mobile framework with easily customizable components
  • The principle of a single component responsibility: object-oriented design in React , - a fresh release of the Front End Center
  
  
• Angular:
  
  
  • Why Angular 2/4 is late
  • Why I don't like Angular 2 (and 4)
  • The power of Angular selectors
  • Angular 4 and testing: angular / cli + gitlab-ci + ng test + PhantomJS + TDD.
  
  
• Libs & Plugins:
  
  
  • Why do I switch from React to Cycle.js
  • Stickybits: an alternative to the polyfill to `position: sticky`
  • share-this: Medium Style Sharing

Entertaining

• More than half of the npm-packages could be compromised due to unreliable access passwords
• EU fined Google € 2.42 billion for violating antitrust laws
• Microsoft boasted that their artificial intelligence deprived the work of a data expert.
• New Gutenberg editor for WordPress is now available for testing as a plugin.
• Mozilla develops the concept of Web of Things
• Petya, NotPetya or Petna? Everything you need to know about the new epidemic
• Very dark things . The material on the tape about darknet
• No man is an island! How blogger Uber won
• "How Kaspersky sound of a pig came up with"
• Project development vs product development - what's the difference
• Why procrastinators procrastinate
• What's the sunset of google

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 last week
Material prepared by dersmoll and alekskorovin