- PVSM.RU - https://www.pvsm.ru -

Frontend Weekly Digest (4 – 10 Mar 2019)

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.

Frontend Weekly Digest (4 – 10 Mar 2019) - 1

Frontend Weekly Digest (4 – 10 Mar 2019) - 2 Web-development

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

Frontend Weekly Digest (4 – 10 Mar 2019) - 9 CSS

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

Frontend Weekly Digest (4 – 10 Mar 2019) - 16 JavaScript

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

Animations:

• en Inspirational Websites Roundup #2 [42]
• Displacement Scroll [43]
• CSS LEGO Minifigure Maker [44]

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.

Автор: derSmoll

Источник [45]

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/javascript/311143

Ссылки в тексте:

[1] Real virtuality: connecting real things to virtual reality using web technologies: https://hacks.mozilla.org/2019/03/connecting-real-things-to-virtual-worlds-using-web/

[2] Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM: https://css-tricks.com/extracting-text-from-content-using-html-slot-html-template-and-shadow-dom/

[3] The state of web analytics : https://areknawo.com/the-state-of-web-analytics/

[4] HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World: https://css-tricks.com/hmtl-css-and-js-in-an-add-ocd-bi-polar-dyslexic-and-autistic-world/

[5] Browser DevTools Secrets: Start-up, Network and Performance: https://www.sitepoint.com/browser-devtools-secrets-start-up-network-and-performance/

[6] What's New In DevTools (Chrome 74): https://developers.google.com/web/updates/2019/03/devtools

[7] Building Robust Layouts With Container Units: https://www.smashingmagazine.com/2019/03/robust-layouts-container-units-css/

[8] How to combine SASS color functions and CSS Variables: https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables

[9] Mask Compositing: The Crash Course: https://css-tricks.com/mask-compositing-the-crash-course/

[10] Variable Fonts: https://andi1984.de/en/post/variable-font/

[11] RFS (Responsive Font Size): https://github.com/twbs/rfs

[12] How to convince your team to adopt CSS Grid: https://css-irl.info/how-to-convince-your-team-to-adopt-grid/

[13] A perfect guide for cracking a JavaScript interview (A developer’s perspective): https://medium.com/@SilentHackz/a-perfect-guide-for-cracking-a-javascript-interview-a-developers-perspective-cb1716d35381

[14] JavaScript Performance Pitfalls in V8: https://ponyfoo.com/articles/javascript-performance-pitfalls-v8

[15] Maintaining large JavaScript applications: https://9elements.com/io/maintaining-large-javascript-projects/

[16] When does JavaScript SEO matter?: https://www.youtube.com/watch?v=Mqi9aLZElgc&t=0s&index=4&list=PLKoqnv2vTMUPOalM1zuWDP9OQl851WMM9&linkId=64439568

[17] TypeScript vs PureScript: https://blog.logrocket.com/typescript-vs-purescript-not-all-compilers-are-created-equal-c16dadaa7d3e

[18] JavaScript naming conventions: do’s and don’ts: https://medium.freecodecamp.org/javascript-naming-conventions-dos-and-don-ts-99c0e2fdd78a

[19] Understanding Memoization In JavaScript: https://scotch.io/tutorials/understanding-memoization-in-javascript

[20] Part 1: https://itnext.io/javascript-fundamentals-master-the-dom-part-1-82433084fb40

[21] Part 2: https://itnext.io/javascript-fundamentals-master-the-dom-part-2-bef36405598e

[22] Javascript Classes and Inheritance ES6, ES5: https://medium.com/@_jmoller/javascript-clases-and-inheritance-1f8de29c845c

[23] Promises: The Definitive Guide: https://itnext.io/promises-the-definitive-guide-6a49e0dbf3b7

[24] How to use the apply(), call(), and bind() methods in JavaScript: https://medium.freecodecamp.org/how-to-use-the-apply-call-and-bind-methods-in-javascript-80a8e6096a90

[25] JavaScript Symbols: But Why?: https://medium.com/intrinsic/javascript-symbols-but-why-6b02768f4a5c

[26] 10 Tips to Increase your Productivity when Coding in Vue.js: https://www.telerik.com/blogs/10-tips-to-increase-your-productivity-when-coding-in-vuejs

[27] Vue.js — How to Build Your First Package & Publish It on NPM: https://www.telerik.com/blogs/vuejs-how-to-build-your-first-package-publish-it-on-npm

[28] Point of Vue — Part 3 — Facing React: https://medium.com/js-dojo/point-of-vue-part-3-facing-react-3328d8b505b2

[29] Shoptalk Show #350: Maintaining Vue.js with Evan You: https://shoptalkshow.com/episodes/350/

[30] useTypescript — A Complete Guide to React Hooks and TypeScript: https://levelup.gitconnected.com/usetypescript-a-complete-guide-to-react-hooks-and-typescript-db1858d1fb9c

[31] How Are Function Components Different from Classes?: https://overreacted.io/how-are-function-components-different-from-classes/

[32] Create React App is Way Too Bloated: https://hackernoon.com/create-react-app-is-way-too-bloated-5db07c3511

[33] Rendering large lists with react-window: https://addyosmani.com/blog/react-window/

[34] Unit Testing React Components: https://medium.com/javascript-scene/unit-testing-react-components-aeda9a44aae2

[35] My Intuition on When to Use Custom React Hooks: https://frontarm.com/james-k-nelson/react-hooks-intuition/

[36] How to get the best performance out of your Angular apps: https://medium.freecodecamp.org/how-to-get-the-best-performance-out-of-your-angular-apps-d5132a6c3335

[37] Angular 8 Beta: New update scheme for Ivy in Angular 8.0.0-beta.7: https://medium.com/swlh/angular-8-beta-new-update-scheme-for-ivy-in-angular-8-0-0-beta-7-d5f3541e5ed3

[38] Top 10 ways to use Interceptors in Angular: https://blog.angularindepth.com/top-10-ways-to-use-interceptors-in-angular-db450f8a62d6

[39] ThanosJS: https://thanosjs.org/

[40] Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code.: https://hackernoon.com/handtrackjs-677c29c1d585

[41] iro.js: https://github.com/jaames/iro.js

[42] Inspirational Websites Roundup #2: https://tympanus.net/codrops/2019/03/05/inspirational-websites-roundup-2/

[43] Displacement Scroll: https://codepen.io/mwmwmw/full/VgemeN

[44] CSS LEGO Minifigure Maker: https://codepen.io/joshbader/full/MZMzjr

[45] Источник: https://habr.com/ru/post/443204/?utm_campaign=443204