Frontend Weekly Digest (21–27 January 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.
Web-development [1] | CSS [2] | Javascript [3]
Web-development
• The Great Divide [4]. Two front-end developers are sitting at a bar. They have nothing to talk about.
• What we learned about 2019 developer hiring trends from analyzing 112,654 coding tests [5]
• How to make VR with the web, a new video series [6]
• How We Moved From WordPress to React and Raised $80 Million [7]
- Performance:
• Web Page Usability Matters [8]
• Prefetching Links using Service Workers [9]
- Tools:
• Webpack: an unexpected journey [10]
• What's New In DevTools (Chrome 73) [11]
• Yarn's Future — v2 and beyond [12]
• rrweb ('record and replay the web'): a tool for recording and replaying users' interactions on the web. [13]
- Animations:
• Creating Your Own Gravity and Space Simulator [14]
• SVG Filter Effects: Outline Text with <feMorphology> [15]
• Les Animales 2019 [16] — outstanding design and animations
CSS
• Table Design Patterns On The Web [17]
• Animating CSS Grid [18]
• Flexbox.ninja [19] — a website made and hosted by Geoffrey Crofte to help you better understand CSS Flexbox Layout Module
• Gradians and Turns: the quiet heroes of CSS angles [20]
• 
Your CSS Layout Toolkit for 2019 — Rachel Andrew [21]
• Firefox DevTools for CSS authors [22]
• Houdini Tutorial: CSS Painting and Custom Properties [23]
JavaScript
• Why every new web app at PayPal starts with TypeScript [24]
• What's New in JavaScript for 2019 [25]
• Diving into JavaScript: How to Create a Hex2RGB Color Converter [26]
• Finding the Most Recurring Character [27]
- TypeScript:
• TypeScript ESLint [28] — Monorepo for all the tooling which enables ESLint to support TypeScript
• The TypeScript Tax [29]
• Functional TypeScript: TypeScript standard for rock solid serverless functions [30]
- Node:
• Free books: Node.js [31]
• Top 7 Node.js Frameworks for Developers [32]
• Instrumenting HTTP requests in node [33]
• Node.js multithreading: What are Worker Threads and why do they matter? [34]
- Theory:
• How to use destructuring in JavaScript (ES6) to its full potential [35]
• JavaScript iterator patterns [36]
• The Ultimate Guide to JavaScript Algorithms [37]
• What is tree shaking and how does it work? [38]
• 15 Useful JS Examples of map(), reduce() and filter() [39]
VueJS:
• 10 Vue.js Pro Tips from Vue Masters [40]
• How to Tell If Vue.js Is the Right Framework for Your Next Project [41]
React:
• React 16.6.0 Goodies [42]
• Email Confirmation with React [43]
• Understanding React Default Props [44]
• How to develop your React superpowers with the Context API [45]
• Using Content Editable Elements in JavaScript (React) [46]
• How to Understand Reducers: You Can Use Them Without Redux [47]
• Understanding Fragments in React [48]
• Why Isn’t X a Hook? [49]
Angular:
• Angular 8: The 2nd beta is here and available for download [50]
• Angular 6 + Travis CI with Headless Chrome [51]
• Angular Optimization. Memoized pipe functions in templates. [52]
• Make Your Angular Form’s Error Messages Magically Appear [53]
- Libs & Plugins:
• Charting the waters (pt. 2): a comparison of JavaScript charting libraries [54]
• autoComplete.js [55] — Simple autocomplete pure vanilla Javascript library
• hotkey: trigger a action on element when keyboard hotkey is pressed [56]
See more at Zfort Blog [57]
Автор: derSmoll
Источник [58]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/306730
Ссылки в тексте:
[1] Web-development: #webdev
[2] CSS: #css
[3] Javascript: #js
[4] The Great Divide: https://css-tricks.com/the-great-divide/
[5] What we learned about 2019 developer hiring trends from analyzing 112,654 coding tests: https://medium.freecodecamp.org/what-we-learned-about-2019-developer-hiring-trends-from-analyzing-112-654-coding-tests-b05a3ba0ca7b
[6] How to make VR with the web, a new video series: https://hacks.mozilla.org/2019/01/how-to-make-vr-with-the-web-video-series/
[7] How We Moved From WordPress to React and Raised $80 Million: https://medium.com/the-hamato-yogi-chronichels/how-we-moved-from-wordpress-to-react-and-raised-80-million-6e80b88be28f
[8] Web Page Usability Matters: https://addyosmani.com/blog/usability/
[9] Prefetching Links using Service Workers: https://blog.bitsrc.io/prefetching-links-using-service-workers-d9f6babfd0b
[10] Webpack: an unexpected journey: https://medium.zenika.com/webpack-an-unexpected-journey-26f987efd1c5
[11] What's New In DevTools (Chrome 73): https://developers.google.com/web/updates/2019/01/devtools
[12] Yarn's Future — v2 and beyond: https://github.com/yarnpkg/yarn/issues/6953
[13] rrweb ('record and replay the web'): a tool for recording and replaying users' interactions on the web.: https://www.rrweb.io/
[14] Creating Your Own Gravity and Space Simulator: https://css-tricks.com/creating-your-own-gravity-and-space-simulator/
[15] SVG Filter Effects: Outline Text with <feMorphology>: https://tympanus.net/codrops/2019/01/22/svg-filter-effects-outline-text-with-femorphology/
[16] Les Animales 2019: https://2019.lesanimals.digital/en
[17] Table Design Patterns On The Web: https://www.smashingmagazine.com/2019/01/table-design-patterns-web/
[18] Animating CSS Grid: https://css-irl.info/animating-css-grid/
[19] Flexbox.ninja: https://flexbox.ninja/
[20] Gradians and Turns: the quiet heroes of CSS angles: https://dev.to/kenbellows/gradians-and-turns-the-quiet-heroes-of-css-angles-7ia
[21] Your CSS Layout Toolkit for 2019 — Rachel Andrew: https://www.youtube.com/watch?v=5XsZnCwbgwA
[22] Firefox DevTools for CSS authors: https://blog.logrocket.com/firefox-devtools-for-css-authors-1511f41d1e3
[23] Houdini Tutorial: CSS Painting and Custom Properties: https://seesparkbox.com/foundry/houdini_tutorial_css_paint_custom_properties_api
[24] Why every new web app at PayPal starts with TypeScript: https://medium.com/paypal-engineering/why-every-new-web-app-at-paypal-starts-with-typescript-9d1acc07c839
[25] What's New in JavaScript for 2019: https://developer.okta.com/blog/2019/01/22/whats-new-in-es2019
[26] Diving into JavaScript: How to Create a Hex2RGB Color Converter: https://medium.freecodecamp.org/diving-into-javascript-how-to-create-a-hex2rgb-color-converter-ce32d32afd1f
[27] Finding the Most Recurring Character: https://scotch.io/courses/the-ultimate-guide-to-javascript-algorithms/finding-the-most-recurring-character
[28] TypeScript ESLint: https://github.com/typescript-eslint/typescript-eslint
[29] The TypeScript Tax: https://medium.com/javascript-scene/the-typescript-tax-132ff4cb175b
[30] Functional TypeScript: TypeScript standard for rock solid serverless functions: https://github.com/transitive-bullshit/functional-typescript
[31] Free books: Node.js: https://devfreebooks.github.io/nodejs/
[32] Top 7 Node.js Frameworks for Developers: https://frontnet.eu/top-7-node-js-frameworks-for-developers/
[33] Instrumenting HTTP requests in node: https://medium.com/@tlivings/instrumenting-http-requests-in-node-5bf48c10f1c0
[34] Node.js multithreading: What are Worker Threads and why do they matter?: https://blog.logrocket.com/node-js-multithreading-what-are-worker-threads-and-why-do-they-matter-48ab102f8b10
[35] How to use destructuring in JavaScript (ES6) to its full potential: https://medium.freecodecamp.org/destructuring-in-javascript-es6-ee963292623a
[36] JavaScript iterator patterns: https://loige.co/javascript-iterator-patterns/
[37] The Ultimate Guide to JavaScript Algorithms: https://scotch.io/courses/the-ultimate-guide-to-javascript-algorithms
[38] What is tree shaking and how does it work?: https://bitsofco.de/what-is-tree-shaking/
[39] 15 Useful JS Examples of map(), reduce() and filter(): https://medium.com/@alex.permyakov/15-useful-javascript-examples-of-map-reduce-and-filter-74cbbb5e0a1f
[40] 10 Vue.js Pro Tips from Vue Masters: https://medium.com/vue-mastery/10-vue-js-pro-tips-from-vue-masters-2bf6131e7fe0
[41] How to Tell If Vue.js Is the Right Framework for Your Next Project: https://www.sitepoint.com/vue-right-framework/
[42] React 16.6.0 Goodies: https://css-tricks.com/react-16-6-0-goodies/
[43] Email Confirmation with React: https://blog.bitsrc.io/email-confirmation-with-react-257e5d9de725
[44] Understanding React Default Props: https://blog.bitsrc.io/understanding-react-default-props-5c50401ed37d
[45] How to develop your React superpowers with the Context API: https://medium.freecodecamp.org/how-to-develop-your-react-superpowers-with-the-context-api-61e0ab952c02
[46] Using Content Editable Elements in JavaScript (React): https://www.taniarascia.com/content-editable-elements-in-javascript-react/
[47] How to Understand Reducers: You Can Use Them Without Redux: https://medium.freecodecamp.org/how-to-understand-reducers-you-can-use-them-without-redux-2935208bdb12
[48] Understanding Fragments in React: https://blog.bitsrc.io/understanding-fragments-in-react-a1b6e534b01a
[49] Why Isn’t X a Hook?: https://overreacted.io/why-isnt-x-a-hook/
[50] Angular 8: The 2nd beta is here and available for download: https://frontnet.eu/angular-8-the-2nd-beta-is-here-and-available-for-download/
[51] Angular 6 + Travis CI with Headless Chrome: https://levelup.gitconnected.com/angular-6-travis-ci-with-headless-chrome-58fab1b394e1
[52] Angular Optimization. Memoized pipe functions in templates.: https://medium.com/@ineedsomemeat/angular-optimization-memoized-pipe-functions-in-templates-75f62e16df5a
[53] Make Your Angular Form’s Error Messages Magically Appear: https://netbasal.com/make-your-angular-forms-error-messages-magically-appear-1e32350b7fa5
[54] Charting the waters (pt. 2): a comparison of JavaScript charting libraries: https://medium.freecodecamp.org/charting-the-waters-pt-2-a-comparison-of-javascript-charting-libraries-96e9fb79b856
[55] autoComplete.js: https://tarekraafat.github.io/autoComplete.js/#/
[56] hotkey: trigger a action on element when keyboard hotkey is pressed: https://github.com/github/hotkey
[57] Zfort Blog: https://www.zfort.com/blog/
[58] Источник: https://habr.com/ru/post/437756/?utm_campaign=437756
Нажмите здесь для печати.