FRONT-END WEEKLY DIGEST (April 22 - April 28, 2019)

This week we have picked the top frontend discussions and share our curated selection of CSS, JavaScript, and HTML links. Check the tips on naming things to improve the accessibility, HTTP headers for the responsive developer, overview of Node.js 12, GraphQL queries validation, a guide to creating music bot using Discord.js and a lot more. Stay tuned!

Web-development

• CORS Tutorial: A Guide to Cross-Origin Resource Sharing
• Commit messages guide
• HTTP headers for the responsible developer
• Why Page Speed Scores can be Dangerous
• Naming things to improve accessibility

• Tools:

  • Moving from Gulp to Parcel
  • Using Parcel as a Bundler for React Applications
  • How I configure VSCode for Everything
  • Top 5 JavaScript Online IDEs to Use in 2019
  • bento-starter - Open-Source Full-Stack solution for fast PWA development

CSS

• Brand New Sass Docs
• You just need to know these properties to start loving CSS
• The CSS Handbook: a handy guide to CSS for developers
• Has CSS finally come of age?
• How to Build a Filtering Component in Pure CSS<
• Diagonal Containers in CSS
• Tailwind CSS: Is it tomorrow’s Bootstrap?
• Progressive Font Enrichment: reinventing web font performance
• Relative sizing with EM units

JavaScript

• Introducing Node.js 12
• After three years of silence, a new jQuery prototype pollution vulnerability emerges once again
• How to validate your GraphQL queries with ESLint
• Svelte 3: Rethinking reactivity
• How to Use Getters and Setters in JavaScript
• An Introduction To Storybook: Organize How You Build JS Components
• How to Build Runnable JavaScript Specifications
• Design Patterns Game - A game to test your familiarity with the ‘Gang of Four’ design patterns implemented in JavaScript.
• Faster input events with Facebook’s first browser API contribution

• Theory:

  • JavaScript’s arrow functions explained by going down a slide
  • Getting To Know The MutationObserver API
  • Common JavaScript “gotchas”

• React:

  • The Circle of a React Lifecycle
  • Building an AMP website with React & Next.js
  • Create React App 3.0 brings some exciting new features including support for Hooks!

• Angular:

  • Building an enterprise-grade Angular project structure
  • Practical RxJS and Angular
  • Angular 8: First Release Candidate released

• VueJS:

  • Thinking in components with Vue.js
  • Discover the power of closures in VueJS
  • Discover the Power of Closures in VueJS

• Libs & Plugins:

  • How to create a music bot using Discord.js
  • glicky: an in-browser task runner for modern web development
  • Uppy 1.0: Your best friend in file uploading
  • faast.js: Serverless batch computing made simple
  • reattempt: give your functions another chance

Browsers

• New in Chrome 74
• What's New In DevTools (Chrome 75)
• New in Firefox 66: animating CSS Grid