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