FRONT-END WEEKLY DIGEST (MARCH 4 - MARCH 10, 2019)

Let's see what's new on front-end development. Check all the carefully selected insights on CSS, HTML, and JavaScript below. Stay tuned with the latest blog updates and news highlights by joining us on social on Facebook, Linkedin, and Twitter

Web-development

• Real virtuality: connecting real things to virtual reality using web technologies
• Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM
• The state of web analytics 📊
• HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World
• Browser DevTools Secrets: Start-up, Network and Performance
• What's New In DevTools (Chrome 74)

• Animations:

  • Inspirational Websites Roundup #2
  • Displacement Scroll
  • CSS LEGO Minifigure Maker

CSS

• Building Robust Layouts With Container Units
• How to combine SASS color functions and CSS Variables
• Mask Compositing: The Crash Course
• Variable Fonts
• RFS (Responsive Font Size) - a font size engine which automatically calculates the appropriate font size based on the dimensions of the browser viewport.
• How to convince your team to adopt CSS Grid

JavaScript

• A perfect guide for cracking a JavaScript interview (A developer’s perspective)
• JavaScript Performance Pitfalls in V8
• Maintaining large JavaScript applications. Lessons learned from long-term projects
• When does JavaScript SEO matter?. The second episode of the JavaScript SEO series
• TypeScript vs PureScript
• JavaScript naming conventions: do’s and don’ts

• Theory:

  • Understanding Memoization In JavaScript
  • JavaScript Fundamentals: Master the DOM! Part 1, Part 2
  • Javascript Classes and Inheritance ES6, ES5
  • Promises: The Definitive Guide. Learn Why They Kinda Suck :/
  • How to use the apply(💅), call(📞), and bind(➰) methods in JavaScript
  • JavaScript Symbols: But Why?

• VueJS:

  • 10 Tips to Increase your Productivity when Coding in Vue.js
  • Vue.js - How to Build Your First Package & Publish It on NPM
  • Point of Vue — Part 3 — Facing React
  • Shoptalk Show #350: Maintaining Vue.js with Evan You

• React:

  • useTypescript — A Complete Guide to React Hooks and TypeScript
  • How Are Function Components Different from Classes?
  • Create React App is Way Too Bloated
  • Rendering large lists with react-window
  • Unit Testing React Components
  • My Intuition on When to Use Custom React Hooks

• Angular:

  • How to get the best performance out of your Angular apps
  • Top 10 ways to use Interceptors in Angular

• Libs & Plugins:

  • ThanosJS - Reduce the file size of your project down to 50%, by randomly deleting half of the files.
  • Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code.
  • iro.js - Color wheel widget for JavaScript - with zero dependencies and a lovely SVG-based UI