This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
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)
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
• Angular 8 Beta: New update scheme for Ivy in Angular 8.0.0-beta.7
• 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
Animations:
• Inspirational Websites Roundup #2
• Displacement Scroll
• CSS LEGO Minifigure Maker
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Автор: derSmoll