Frontend Weekly Digest #34 (20–26 November 2017)

Web Development

• Progressive Web Apps: A Crash Course
• The Front-End Checklist — The Front-End Checklist Application is perfect for modern websites and meticulous developers!
• Localisation and Translation on the Web
• Common Security Issues in Web Applications. Part 1

• Performance:
  • First Contentful Paint Explained
  • What Is HEIF and Will It Replace JPEG?
  • Chrome DevTools- Performance monitor. Now you can measure many different app performance metrics in the real time. And have an easy way to measure the CSS/JS improvements!
• Tools:
  • stacks-cli — Analyze website stack from the terminal 💻
  • Clean-mark convert an article into a clean text
• Accessibility:
  • A Content Slider
  • HTML Email and Accessibility
  • Advocating for Accessible UI Design
• Aniamtions:
  • Shredder Redux — A reimplementation of the Polygon Shredder using instancing, Built with three.js, Maf.js and dat.gui
  • CSS-only Todo List Checkbox Animation

CSS

• Faux Grid Tracks by Eric Meyer
• CSS for Teams
• Upgrade Your Project with CSS Selector and Custom Attributes
• Grid by Example
• On the Growing Popularity of Atomic CSS
• The Art of Solving Problems with CSS
• Optimizing CSS: Tweaking Animation Performance with DevTools
• 23 Minutes of Work for Better Font Loading

JavaScript

• 77% of 433,000 Sites Use Vulnerable JavaScript Libraries
• Meet the JavaScript pattern of the year or how to handle async like a boss
• PlainJS — A heap of vanilla JavaScript utilities and plugins for accomplishing common front-end tasks. Lots of demos and code examples heres
• An Introduction to Regular Expressions (Regex) In JavaScript
• How JavaScript works: A comparison with WebAssembly + why in certain cases it’s better to use it over JavaScript
• Why we have banned default exports in Javascript and you should do the same
• Implementing JavaScript Functors and Monads

• Frameworks:
  • An 11 part series comparing Aurelia, Ember, Dojo, Vue, React and Angular reaches its conclusion by looking at the pros and cons of each.
  • JavaScript Frameworks by the Numbers — Fall 2017
  • Modern Front-End Frameworks should be less of a “frame” and more of a “work”
  • Angular vs React: Popularity
• Theory:
  • Basic JavaScript Event Throttling
  • Types in JavaScript: why you should care
  • How JavaScript variable scoping is just like multiple levels of government
  • How to make your life easier using functional programming in TypeScript
  • Learn how to handle JavaScript Errors with Try, Throw, Catch, & Finally

• VueJS:
  • Progressively migrating from AngularJS to Vue.js at Unbabel
  • A Progressive Web Application with Vue JS, Webpack & Material Design
  • How I started using Vue

• React:
  • Advanced React.js Lectures FREE!
  • How to greatly improve your React app performance
  • bemto-components Smart components for using BEM methodology with React. Best used together with styled-components.
  • “React is better than Angular” and other nonsense
  • The Performance Cost of Server Side Rendered React on Node.js

• Angular:
  • Using Angular Components with Third-Party Libraries
  • A Look at Angular Alongside Vue — Familiar Code
  • How To Style Angular Application Loading With Angular CLI Like a Boss
  • Angular 5 Service Worker
• Libs & Plugins:
  • Scrollama — a modern & lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events.
  • Chartkick — Create beautiful JavaScript charts with one line of React
  • imaskjs — vanilla javascript input mask
  • raspchat — An IRC like chat system written in Node.js
  • z — Native Pattern Matching for Javascript
  • AWS Amplify — a declarative library for application development using Cloud services with JavaScript

Browsers

• New in Firefox 58: Developer Edition
• Comparing Browser Page Load Time: An Introduction to Methodology
• Your first Firefox (Web)extension in Kotlin

See more on https://www.zfort.com/blog/