The weekly

Frontend Focus Updates to form controls and focus https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html Google to resume Chrome updates it paused last week due to COVID-19 https://www.zdnet.com/article/google-to-resume-chrome-updates-it-paused-last-week-due-to-covid-19/ TOAST UI Editor 2.0 Released! https://ui.toast.com/weekly-pick/en_20200318/ Mozilla re-enables TLS 1.0 and 1.1 because of Coronavirus https://www.ghacks.net/2020/03/21/mozilla-re-enables-tls-1-0-and-1-1-because-of-coronavirus-and-google/ What Should You Do When A Web Design Trend Becomes Too Popular? https://www.smashingmagazine.com/2020/03/web-design-trend-popular/ How to Improve Page Speed from Start to Finish (Advanced Guide) https://ahrefs.com/blog/advanced-pagespeed-guide/ The top 10 reasons to switch to the new Microsoft Edge https://blogs.windows.com/windowsexperience/2020/03/30/the-top-10-reasons-to-switch-to-the-new-microsoft-edge/ What Does playsinline Mean in Web Video? https://css-tricks.com/what-does-playsinline-mean-in-web-video/ An exploration into how to make inputs more accessible. https://www.ovl.design/text/inclusive-inputs/ MAKING A RESPONSIVE TWITCH EMBED https://philna.sh/blog/2020/03/23/responsive-twitch-embed/ how to manage HTML DOM https://htmldom.dev/ Bootstrap 5 dropping IE 10 & 11 browser support: where does that leave us? https://themesberg.com/blog/bootstrap/bootstrap-5-ie-11-browser-support Building a Code Editor with CodeMirror http://thecodebarbarian.com/building-a-code-editor-with-codemirror.html 5 Reasons why GraphCMS should be your next backend for MVPs https://www.codemochi.com/blog/2020-03-02-reasons-why-graphcms Designing web applications for the Apple Watch using Toucaan CSS Framework. https://bubblin.io/blog/web-design-recommendations-for-the-apple-watch Different Favicon for Development https://css-tricks.com/different-favicon-for-development/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories CSS :nth-of-class selector https://www.bram.us/2020/03/16/css-nth-of-class-selector/ Different Favicon for Development https://css-tricks.com/different-favicon-for-development/ Embracing modern image formats https://joshwcomeau.com/performance/embracing-modern-image-formats/ <ol> element has start and reversed attributes! https://twitter.com/sulco/status/1240987567459352579 Emojis as Favicons https://twitter.com/LeaVerou/status/1241619866475474946 CSS Can Influence Screenreaders https://blog.benmyers.dev/css-can-influence-screenreaders/ Apple’s attack on service workers https://adactio.com/journal/16619 Indicating Scroll Position on a Page With CSS https://css-tricks.com/indicating-scroll-position-on-a-page-with-css/ To-Do Terrarium https://codepen.io/oliviale/full/oNXJgEM Auto-growing inputs https://remysharp.com/2020/03/06/auto-growing-inputs#:~:text=g%20inputs:~:text=ing%20inputs:~:text=wing%20inputs:~:text=owing%20inputs:~:text=rowing%20inputs:~:text=growing%20inputs:~:text=-growing%20inputs:~:text=o-growing%20inputs:~:text=to-growing%20inputs:~:text=uto-growing%20inputs:~:text=Auto-growing%20inputs ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Prettier 2.0 “2020” https://prettier.io/blog/2020/03/21/2.0.0.html What Happens When the Maintainer of a Major JS Library Goes to Jail? https://www.theregister.co.uk/2020/03/26/corejs_maintainer_jailed_code_release/ how to manage HTML DOM https://htmldom.dev/ Version 9.1 of Angular Now Available — TypeScript 3.8, faster builds, and more https://blog.angular.io/version-9-1-of-angular-now-available-typescript-3-8-faster-builds-and-more-eb292f989428 Measuring the Performance of JavaScript Functions https://felixgerschau.com/measuring-the-performance-of-java-script-functions Building a Code Editor with CodeMirror http://thecodebarbarian.com/building-a-code-editor-with-codemirror.html a javascript oneliner https://www.theritters.online/lastfm.html How to Use the Web Storage API https://blog.bitsrc.io/localstorage-sessionstorage-the-web-storage-of-the-web-6b7ca51c8b2a Optimizing JS for Native-Like Webviews https://medium.com/lime-eng/optimizing-js-for-native-like-webviews-f109683e081a How To Make Life Easier When Using Git https://www.smashingmagazine.com/make-life-easier-when-using-git/ How to use the URL API with vanilla JS https://gomakethings.com/how-to-use-the-url-api-with-vanilla-js/ TOAST UI Editor 2.0 Released! https://ui.toast.com/weekly-pick/en_20200318/ imple, expected, and deterministic best-match sorting of an array in JavaScript https://github.com/kentcdodds/match-sorter A tiny, secure, URL-friendly, unique string ID generator for JavaScript. https://github.com/ai/nanoid A JavaScript implementation of the complete Secure Hash Standard family https://github.com/Caligatio/jsSHA A tiny progress bar that supports promise https://skt-t1-byungi.github.io/rsup-progress/ ElectronCGI 1.0 – Cross-platform GUIs for .Net Core https://www.blinkingcaret.com/2020/03/25/electroncgi-1-0-cross-platform-guis-for-net-core/ Dinero.js is a library for working with monetary values in JavaScript. https://dinerojs.com/ Custom jest matchers to test the state of the DOM https://github.com/testing-library/jest-dom Next.js Static Site Generation (SSG) Tutorial https://www.youtube.com/watch?v=pY0vWYLDDco A GraphQL client without queries https://gqless.dev/ How to test custom React hooks https://kentcdodds.com/blog/how-to-test-custom-react-hooks ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly How to debug a child process in Node and Gatsby.js with Chrome https://indepth.dev/how-to-debug-a-child-process-in-node-and-gatsby-js-with-chrome/ ElectronCGI 1.0 – Cross-platform GUIs for .Net Core https://www.blinkingcaret.com/2020/03/25/electroncgi-1-0-cross-platform-guis-for-net-core/ Node Release cadence due to COVID-19 Pandemic https://github.com/nodejs/Release/issues/553 Full automation of release to NPM and Docker Hub with GitHub Actions and Conventional Commits https://www.asyncapi.com/blog/automated-releases/ Integrating TypeScript with GraphQL https://blog.logrocket.com/integrating-typescript-graphql/ What is a backdoor? Let’s build one with Node.js https://snyk.io/blog/what-is-a-backdoor/ Fixing security vulnerabilities in npm dependencies in less than 3 mins https://itnext.io/fixing-security-vulnerabilities-in-npm-dependencies-in-less-than-3-mins-a53af735261d How to Debug a Node.js Application: Tips, Tricks and Tools https://www.sitepoint.com/debug-node-app-tips-tricks-tools/ Setting Up Git Identities https://www.micah.soy/posts/setting-up-git-identities/ Switching between multiple Node versions with Node Version Manager https://dev.to/bornfightcompany/switching-between-multiple-node-versions-with-node-version-manager-1jb6 SQLite client library for Node.js applications https://github.com/kriasoft/node-sqlite/tree/v4 Log by overwriting the previous output in the terminal. Useful for rendering progress bars, animations, etc. https://github.com/sindresorhus/log-update A Node.js module that generates images from HTML https://github.com/frinyvonnick/node-html-to-image Bluetooth Low Energy (BLE) library written with pure Node.js https://github.com/chrvadala/node-ble Elegant terminal spinner https://github.com/sindresorhus/ora npm@6.14.4 is here! https://blog.npmjs.org/post/613600170698047488/release-6144 Why npm Is My Agency’s Package Manager of Choice to Help Us Grow Quickly https://blog.npmjs.org/post/613509061998215168/why-npm-is-my-agencys-package-manager-of-choice ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus A Practical Overview Of CSS Houdini https://www.smashingmagazine.com/2020/03/practical-overview-css-houdini/ Full Third-Party Cookie Blocking and More https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/ Embracing modern image formats https://joshwcomeau.com/performance/embracing-modern-image-formats/ The Complete AEA DC 2019 Now Online https://aneventapart.com/news/post/the-complete-aea-dc-2019-now-online Chrome Releases Paused: There'll Be No Final Chrome 82 https://twitter.com/ChromiumDev/status/1240322481778569216 Flexbox and absolute positioning https://www.chenhuijing.com/blog/flexbox-and-absolute-positioning/ HOW DO YOU MAKE VIDEO ACCESSIBLE? https://www.webdesignerdepot.com/2020/03/how-do-you-make-video-accessible/ CSS Can Influence Screenreaders https://blog.benmyers.dev/css-can-influence-screenreaders/ Maintaining Performance https://daverupert.com/2020/03/maintaining-performance/ Customize media notifications and playback controls with the Media Session API https://web.dev/media-session/ How to create an accordion hover effect with box-shadows https://fossheim.io/writing/posts/css-box-shadow-animation/ How to use the URL API with vanilla JS https://gomakethings.com/how-to-use-the-url-api-with-vanilla-js/ Playing With Particles Using the Web Animations API https://css-tricks.com/playing-with-particles-using-the-web-animations-api/ How to use the currentColor value in CSS http://www.js-craft.io/blog/how-to-use-the-currentcolor-value-in-css/ Indicating Scroll Position on a Page With CSS https://css-tricks.com/indicating-scroll-position-on-a-page-with-css/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Complete Guide to calc() in CSS https://css-tricks.com/a-complete-guide-to-calc-in-css/ Positioning Text Along a Path with CSS https://css-irl.info/positioning-text-along-a-path-with-css/ Flexbox and absolute positioning https://www.chenhuijing.com/blog/flexbox-and-absolute-positioning/ CSS Viewport Units https://ishadeed.com/article/viewport-units/ Tools for Optimizing SVG https://css-tricks.com/tools-for-optimizing-svg/ For of loops in Javascript one loop to rule them all https://www.jonathancreamer.com/for-of-loops-in-javascript-one-loop-to-rule-them-all/ Web Accessibility Checklist https://websitesetup.org/web-accessibility-checklist/ ‘CSS X’ https://www.w3.org/blog/2020/03/css-x/ A Practical Overview Of CSS Houdini https://www.smashingmagazine.com/2020/03/practical-overview-css-houdini/ JS Interview question: removing duplicates from an array http://www.js-craft.io/blog/js-interview-question-removing-duplicates-from-an-array/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly μPlot A small , fast chart for time series, lines, areas, ohlc & bars https://github.com/leeoniya/uPlot npm is joining GitHub https://github.blog/2020-03-16-npm-is-joining-github/ Adopt a modern JavaScript framework for use with MediaWiki https://phabricator.wikimedia.org/T241180 16 Hand-Picked JavaScript Podcasts Still Running in 2020 https://snipcart.com/blog/javascript-podcasts Babel 7.9.0 Released https://babeljs.io/blog/2020/03/16/7.9.0 vue v3.0.0-alpha.9 https://github.com/vuejs/vue-next/releases/tag/v3.0.0-alpha.9 Introduction to AntV https://observablehq.com/@jiazhewang/introduction-to-antv Implementing Infinite Scroll And Image Lazy Loading In React https://www.smashingmagazine.com/2020/03/infinite-scroll-lazy-image-loading-react/ Javascript Proxies : Real world use cases https://www.arbazsiddiqui.me/javascript-proxies-real-world-use-cases/ How to Cancel a Fetch Request https://davidwalsh.name/cancel-fetch Five practical tips when using React hooks in production https://techblog.commercetools.com/five-practical-tips-when-using-react-hooks-in-production-990a79745229 Using watchers for form input validation in Vue.js https://blog.logrocket.com/form-input-validation-in-vue-js-using-watchers/ Uppload: A 'Better' JavaScript Image Uploader https://uppload.js.org/ The fastest JavaScript priority queue out there. Zero dependencies. https://github.com/luciopaiva/heapify Introducing Gretchen: Making Fetch Happen in TypeScript https://www.truework.com/blog/engineering/2020-03-04-introducing-gretchen/ Tippy.js 6.1: Highly Customizable Tooltip and Popover Library https://atomiks.github.io/tippyjs/ Seafox: A Fast Spec-Compliant JavaScript Parser Written in Typescript https://github.com/KFlash/seafox Vue.js – Updated Roadmap https://github.com/vuejs/vue/projects/6 Vue.js Amsterdam 2020 Conference Talks https://www.youtube.com/watch?v=n2JQ0-BWRV8&list=PLCxzy-hmQq9FnnpckFDeDtbpsUqxdheQn React Production Performance Monitoring https://kentcdodds.com/blog/react-production-performance-monitoring What is the N+1 Problem in GraphQL? https://itnext.io/what-is-the-n-1-problem-in-graphql-dd4921cb3c1a ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly npm is joining GitHub https://github.blog/2020-03-16-npm-is-joining-github/ Announcing NestJS 7: What’s New ? https://trilon.io/blog/announcing-nestjs-7-whats-new npm- Next Phase Montage https://blog.npmjs.org/post/612764866888007680/next-phase-montage Build a Node.js Tool to Record and Compare Google Lighthouse Reports https://css-tricks.com/build-a-node-js-tool-to-record-and-compare-google-lighthouse-reports/ Visualizing data from your Node JS app with Prometheus + Grafana https://sergeypotekhin.com/visualizing-data-from-the-node-js-app/ NextJS OAuth with Passport + Github https://zemuldo.com/blog/nextjs-oauth-with-passport-+-github-5e6d256f7f7b5b001984784f The fastest directory crawler for NodeJS. Crawls 1m files in < 1s https://github.com/thecodrr/fdir npm-Release: 6.14.3 https://blog.npmjs.org/post/613030043329921024/release-6143 Swiss Army knife for Unix permissions https://github.com/ehmicky/unix-permissions Premium Queue package for handling distributed jobs and messages in NodeJS. https://github.com/OptimalBits/bull Scratch Node.js Docker Images https://github.com/astefanutti/scratch-node Watch an object or array for changes https://github.com/sindresorhus/on-change fast HTTP/1.1 benchmarking tool written in Node.js https://github.com/mcollina/autocannon Ervy: Bring Bar, Pie, and Other Charts to the Terminal https://www.chunqiuyiyu.com/ervy/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus ‘CSS X’ https://www.w3.org/blog/2020/03/css-x/ 16 Things to Improve Your Website Accessibility https://websitesetup.org/web-accessibility-checklist/ A Complete Guide to calc() in CSS https://css-tricks.com/a-complete-guide-to-calc-in-css/ The CSS Podcast https://pod.link/thecsspodcast HAPPY 31ST BIRTHDAY, WORLD WIDE WEB! https://www.w3.org/blog/2020/03/happy-31st-birthday-world-wide-web/ CSS :nth-of-class selector https://www.bram.us/2020/03/16/css-nth-of-class-selector/ New media queries you need to know https://blog.logrocket.com/new-media-queries-you-need-to-know/ learn box alignment https://ishadeed.com/article/learn-box-alignment/ The problem with snackbars and what to use instead https://adamsilver.io/articles/the-problem-with-snackbars-and-what-to-use-instead/ how to animate css and svg's with animejs https://developerbacon.ca/articles/how-to-animate-css-and-svg-s-with-anime-js/ How to use CSS Scroll Snap https://blog.logrocket.com/how-to-use-css-scroll-snap/ Build a Node.js Tool to Record and Compare Google Lighthouse Reports https://css-tricks.com/build-a-node-js-tool-to-record-and-compare-google-lighthouse-reports/ How Does HTML Microdata Help With Accessibility? https://scottvinkle.me/blogs/blog/how-html-microdata-helps-with-accessibility ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Block Links Are a Pain (and Maybe Just a Bad Idea) https://css-tricks.com/block-links-are-a-pain-and-maybe-just-a-bad-idea/ Why 543 KB keep me up at night https://www.matuzo.at/blog/why-543kb-keep-me-up-at-night/ Bootstrap is about to drop IE support https://github.com/twbs/bootstrap/pull/30377 Pure CSS Landscape - An Evening in Southwold https://codepen.io/ivorjetski/pen/xxGYWQG Understanding Generators in JavaScript https://www.taniarascia.com/understanding-generators-in-javascript/ Fluid Width Video https://css-tricks.com/fluid-width-video/ TIL CSS can check for a font installed locally before fetching it remotely! https://twitter.com/argyleink/status/1223026734817087488 Setting Height And Width On Images Is Important Again https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/ Use a:visited in your CSS stylesheet https://evertpot.com/visited-links/ Firefox 74 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/74 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Bringing full-stack to the JAMstack https://redwoodjs.com/ JavaScript: The First 20 Years http://www.wirfs-brock.com/allen/posts/866 How I made a 3D game in only 2KB of JavaScript http://frankforce.com/?p=7427 Why Svelte is our choice for a large web project in 2020 https://github.com/feltcoop/why-svelte Next.js 9.3 https://nextjs.org/blog/next-9-3 Aborting a signal: How to cancel an asynchronous task in JavaScript https://ckeditor.com/blog/Aborting-a-signal-how-to-cancel-an-asynchronous-task-in-JavaScript/ Demystifying Async Programming in Javascript https://yunchi.dev/posts/demystifying-async/ Designing the perfect Typescript schema validation library https://vriad.com/blog/zod/ What is a Higher-Order Function? https://typeofnan.dev/what-is-a-higher-order-function/ Build a Native Desktop GIF Searcher App Using NodeGui https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/ Slow Code HATES him! Optimising a web app from 1 to 60fps https://blog.scottlogic.com/2020/02/17/minesweeper-optimisation.html Why I Don’t Use Classes https://spin.atomicobject.com/2020/03/12/why-i-dont-use-classes/ Understanding Vue's Deep CSS Selector https://www.telerik.com/blogs/understanding-vue-deep-css-selector Angular 9's Best Hidden Feature: Strict Template Checking https://auth0.com/blog/angular-9s-best-hidden-feature-strict-template-checking/ Future-proofing Firefox’s JavaScript Debugger Implementation https://hacks.mozilla.org/2020/03/future-proofing-firefoxs-javascript-debugger-implementation/ An HTML to Markdown converter written in JavaScript https://github.com/domchristie/turndown VS Code extension that allows you to record and playback guided tours of codebases, directly within the editor https://github.com/vsls-contrib/codetour Watch an object or array for changes https://github.com/sindresorhus/on-change Should I useState or useReducer? https://kentcdodds.com/blog/should-i-usestate-or-usereducer React Typescript Cheatsheet https://dev.to/bendman/react-typescript-cheatsheet-1f2h Flutter vs Native vs React-Native: Examining performance https://medium.com/swlh/flutter-vs-native-vs-react-native-examining-performance-31338f081980 Repl.it - CLUI: Building a Graphical Command Line https://blog.repl.it/clui ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Building a GitHub App With Node.js http://thecodebarbarian.com/building-a-github-app-with-node-js.html The (Ongoing) Node 14.0 Pull Request https://github.com/nodejs/node/pull/32181 Node 13.11.0 (Current) Released https://github.com/nodejs/node/releases/tag/v13.11.0 Delightful Node.js packages and resources https://github.com/sindresorhus/awesome-nodejs Build a Native Desktop GIF Searcher App Using NodeGui https://www.sitepoint.com/build-native-desktop-gif-searcher-app-using-nodegui/ Puppeteer + Node.js = Web Scraping Prices on Amazon https://www.youtube.com/watch?v=1d1YSYzuRzU Three Things You Didn't Know You Could Do with npm Scripts https://www.twilio.com/blog/npm-scripts What's New in Mongoose 5.9: SchemaType Default Options and Better Populate Limit http://thecodebarbarian.com/whats-new-in-mongoose-59-schematype-default-options-and-per-document-populate.html 7 Types of Native Errors in JavaScript You Should Know https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492 Recursive Worker Threads in NodeJS https://github.com/sinclairzx81/threadbox The easy way to write Telegram bots in Node.js https://github.com/mullwar/telebot A robust, performance-focused and full-featured Redis client for Node.js. https://github.com/luin/ioredis Fabulously kill processes. Cross-platform. https://github.com/sindresorhus/fkill-cli ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The Performance Benefits of Variable Fonts. https://medium.com/@mandy.michael/the-performance-benefits-of-variable-fonts-79af8c4ff56c Setting Height And Width On Images Is Important Again https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/ Many podcast episodes won’t play in web browsers later this year https://blog.pacific-content.com/many-podcast-episodes-wont-play-in-web-browsers-later-this-year-19bfe7d6f76c The History of the URL https://blog.cloudflare.com/the-history-of-the-url/ Firefox 74 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/74 More accessible defaults, please! https://hiddedevries.nl/en/blog/2020-03-01-more-accessible-defaults-please How We Created a Static Site That Generates Tartan Patterns in SVG https://css-tricks.com/how-we-created-a-static-site-that-generates-tartan-patterns-in-svg/ Scroll snapping after layout changes https://web.dev/snap-after-layout/ Scroll animations https://cssanimation.rocks/scroll-animations/ Intersection Observer API Makes Lazy Loading a Snap https://www.telerik.com/blogs/intersection-observer-api-makes-lazy-loading-a-snap How to Build a File Upload Form with Express and DropzoneJS https://www.sitepoint.com/file-upload-form-express-dropzone-js/ Animated Counter With JavaScript https://www.youtube.com/watch?v=a6XIMIKmj9k Why Svelte is our choice for a large web project in 2020 https://github.com/feltcoop/why-svelte Announcing mobile first indexing for the whole web https://github.com/WebKit/explainers/tree/master/IsLoggedIn Modal vs Page: A Decision Making Framework https://uxplanet.org/modal-vs-page-a-decision-making-framework-34453e911129 Reverse Geocoding API https://geo-info.co/ Browser-Based SVG Editors https://css-tricks.com/browser-based-svg-editors/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Why the World Needs CSS Developers https://medium.com/@elad/why-the-world-needs-css-developers-318025a6f5c1 Selectors Explained https://hugogiraudel.github.io/selectors-explained/ HTML: The Inaccessible Parts https://daverupert.com/2020/02/html-the-inaccessible-parts/ Why Are We Talking About CSS4? https://www.smashingmagazine.com/2020/03/css4-pros-cons-discussion/ The Slideout Footer https://css-tricks.com/the-slideout-footer/ Release Notes for Safari Technology Preview 102 https://webkit.org/blog/10067/release-notes-for-safari-technology-preview-102/ Currying in CSS? https://www.trysmudford.com/blog/currying-in-css/ 3 Rules of React State Management https://dmitripavlutin.com/react-state-management/ How We Created a Static Site That Generates Tartan Patterns in SVG https://css-tricks.com/how-we-created-a-static-site-that-generates-tartan-patterns-in-svg/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Introduction to D3 https://observablehq.com/@mitvis/introduction-to-d3 Understanding the ECMAScript spec, part 2 https://v8.dev/blog/understanding-ecmascript-part-2 p5.js 1.0 is Here! https://medium.com/processing-foundation/p5-js-1-0-is-here-b7267140753a rollup 2.0.0 https://github.com/rollup/rollup/releases/tag/v2.0.0 Node.js Best Practices https://github.com/goldbergyoni/nodebestpractices#readme 4 Best Practices To Write Quality JavaScript Modules https://dmitripavlutin.com/javascript-modules-best-practices/ The Perils of Rehydration: An Eye-Opening Realization about Gatsby and React https://joshwcomeau.com/react/the-perils-of-rehydration 7 Types of Native Errors in JavaScript You Should Know https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492 JavaScript Deployments with Brian LeRoux https://softwareengineeringdaily.com/2020/03/04/javascript-deployments-with-brian-leroux/ Animated Counter With JavaScript (HTML, CSS) https://www.youtube.com/watch?v=a6XIMIKmj9k 3 Ways to Render Large Lists in Angular https://blog.bitsrc.io/3-ways-to-render-large-lists-in-angular-9f4dcb9b65 In Favor of Small Modules and Plumbing https://javascriptweekly.com/issues/478 Introduction to Vue.js Computed Properties and Watchers https://levelup.gitconnected.com/introduction-to-vue-js-computed-properties-and-watchers-2707e4b0413d Test your tests with mutation testing. https://stryker-mutator.io/ Vue Formulate -to build forms with Vue https://vueformulate.com/ Deep Dive into Redux Toolkit with React - Complete Guide (מאוד ארוך!) https://www.youtube.com/watch?v=9lCmbth63k0 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly ES modules in Node today https://blog.logrocket.com/es-modules-in-node-today/ AWS Lambda@Edge now supports Node 12.x and Python 3.8 https://aws.amazon.com/about-aws/whats-new/2020/03/lambda-at-edge-node12-python38/ A Growing Collection of 86 Node.js Best Practices https://github.com/goldbergyoni/nodebestpractices#readme Node v13.10.0 (Current) https://nodejs.org/en/blog/release/v13.10.0/ Automated Headless Browser scripts in Node.js with Puppeteer https://www.twilio.com/blog/writing-automated-headless-browser-scripts-in-node-js-with-puppeteer How to Build a File Upload Form with Express and DropzoneJS https://www.sitepoint.com/file-upload-form-express-dropzone-js/ MAKING IT EASIER TO WORK WITH LOCAL NPM PACKAGES https://www.aaron-powell.com/posts/2020-03-02-making-it-easier-to-work-with-local-npm-packages/ JavaScript Deployments with Brian LeRoux https://softwareengineeringdaily.com/2020/03/04/javascript-deployments-with-brian-leroux/ In Favor of Small Modules and Plumbing https://blog.webb.page/2020/small-modules-and-plumbing isomorphic-git 1.0: It's git but in Pure JavaScript https://isomorphic-git.org/blog/2020/02/25/version-1-0-0 Introducing a Preview of AdonisJS v5 https://blog.adonisjs.com/introducing-adonisjs-v5/ Minimal interactive command-line prompts https://github.com/klaussinani/qoa Ops by Example: test-npm-dependants https://cto.ai/blog/ops-by-example-test-npm-dependants/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Why the GOV.UK Design System team changed the input type for numbers https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/ Safari to Snub New Security Certs Valid for More Than 13 Months https://www.theregister.co.uk/2020/02/20/apple_shorter_cert_lifetime/ rolling code standards https://bradfrost.com/blog/post/rolling-code-standards/ FOUR FIRST PUBLIC WORKING DRAFTS PUBLISHED BY THE CSS WORKING GROUP https://www.w3.org/blog/news/archives/8343 Brave browser now automatically points to Wayback Machine on 404 https://www.theverge.com/2020/2/26/21154096/brave-browser-wayback-machine-404-internet-archive-lost-pages Stop Using ‘Drop-down’ https://adrianroselli.com/2020/03/stop-using-drop-down.html 10 Ways to Hide Elements in CSS https://www.sitepoint.com/hide-elements-in-css/ Currying in CSS? https://www.trysmudford.com/blog/currying-in-css/ HTML: The Inaccessible Parts https://daverupert.com/2020/02/html-the-inaccessible-parts/ What frontend engineers should know about backend https://terrastruct.com/blog/what-frontend-engineers-should-know-about-backend/ Negative margins in CSS https://www.quirksmode.org/blog/archives/2020/02/negative_margin.html How to use requestAnimationFrame() with vanilla JS https://gomakethings.com/how-to-use-requestanimationframe-with-vanilla-js/ The Mindset of Component Composition in Vue https://www.telerik.com/blogs/the-mindset-of-component-composition-in-vue Build a Single Page Application (SPA) Site With Vanilla.js https://blog.jeremylikness.com/blog/build-a-spa-site-with-vanillajs/ Shadows: A Box Shadow Generator https://brumm.af/shadows A set of free MIT-licensed high-quality SVG icons for UI development. https://github.com/refactoringui/heroicons 500+ CSS Icons. Customizable, Retina Ready with API & NPM https://github.com/astrit/css.gg Javascript panorama viewer based on Three.js https://github.com/pchen66/panolens.js ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories When CSS Blocks https://timkadlec.com/remembers/2020-02-13-when-css-blocks/ Responsive Grid Magazine Layout in Just 20 Lines of CSS https://css-tricks.com/responsive-grid-magazine-layout-in-just-20-lines-of-css/ A Guide to Console Commands https://css-tricks.com/a-guide-to-console-commands/ A lot of people get frustrated with CSS https://twitter.com/KevinJPowell/status/1231979370446802945 Rome: An experimental JavaScript toolchain https://github.com/facebookexperimental/rome Inspiring high school students with HTML and CSS https://blog.stephaniestimac.com/posts/2020/01/inspiring-high-school-students-tech/ Fixing memory leaks in web applications https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/ A flexible Sass mixin for creating BEM-style buttons. https://github.com/hsnaydd/buttono 4 Best Practices To Write Quality JavaScript Modules https://dmitripavlutin.com/javascript-modules-best-practices/ Lighthouse extension available for Firefox https://addons.mozilla.org/en-US/firefox/addon/google-lighthouse/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Vue.js: The Documentary https://www.youtube.com/watch?v=OrxmtDw4pVI An experimental JavaScript toolchain https://github.com/facebookexperimental/rome How Autotracking Works https://www.pzuraq.com/how-autotracking-works/ V8 release v8.1 https://v8.dev/blog/v8-release-81 React v16.13.0 https://reactjs.org/blog/2020/02/26/react-v16.13.0.html Metrics, Logs, and Traces in JavaScript Tools https://www.swyx.io/writing/js-tools-metrics-logs-traces/ Make Your Test Fail https://kentcdodds.com/blog/make-your-test-fail How to use requestAnimationFrame() with vanilla JS https://gomakethings.com/how-to-use-requestanimationframe-with-vanilla-js/ Getting Started with Ember Octane: Building a Blog https://emberigniter.com/getting-started-ember-octane-tutorial/ Automated Headless Browser scripts in Node.js with Puppeteer https://www.twilio.com/blog/writing-automated-headless-browser-scripts-in-node-js-with-puppeteer The Mindset of Component Composition in Vue https://www.telerik.com/blogs/the-mindset-of-component-composition-in-vue Getting started with Vuex: A beginners guide https://codesource.io/getting-started-with-vuex-a-beginners-guide/ What is a type in TypeScript? Two perspectives https://2ality.com/2020/02/understanding-types-typescript.html Building a Reusable Pagination Component in VueJS https://www.youtube.com/watch?v=M033S_-uHkQ How to architect epic Angular app in less than 10 minutes! https://medium.com/@tomastrajan/how-to-build-epic-angular-app-with-clean-architecture-91640ed1656 Announcing Scala.js 1.0.0 https://www.scala-js.org/news/2020/02/25/announcing-scalajs-1.0.0/ The fastest and most versatile JS EXIF reading library https://github.com/MikeKovarik/exifr Hooks for fetching, caching and updating asynchronous data in React https://github.com/tannerlinsley/react-query How To Use The HTML Drag-And-Drop API in React https://www.smashingmagazine.com/2020/02/html-drag-drop-api-react/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Source maps in Node.js https://medium.com/@nodejs/source-maps-in-node-js-482872b56116 Introduction to machine learning in Node.js https://jaxenter.com/node-js-machine-learning-168284.html Ava 3.4: The Popular Node Test Runner https://github.com/avajs/ava/releases/tag/v3.4.0 Curveball - A typescript microframework https://evertpot.com/curveball-typescript-framework-update/ NPM Release: 6.14.0 https://blog.npmjs.org/post/610961677488357376/release-6140 Node 14 Likely to Drop Windows 7 Support https://github.com/nodejs/node/pull/31954 Understanding and implementing rate limiting in Node.js https://blog.logrocket.com/rate-limiting-node-js/ A One Stop Shop for Using Postgres from Node.js https://node-postgres.com/ Serialize JavaScript 3.0: Serialize Objects to a Superset of JSON https://github.com/yahoo/serialize-javascript A toolkit for building GitHub Actions in Node.js https://github.com/JasonEtco/actions-toolkit Announcing TypeScript 3.8 https://devblogs.microsoft.com/typescript/announcing-typescript-3-8/ StormDB: A Tiny, Lightweight, JSON-Based 'Database' https://github.com/tomprograms/stormdb ----------------------------- for more -subscribe to the channel https://t.me/webWekkly