The weekly

Frontend Focus Let's Define CSS 4 https://github.com/w3c/csswg-drafts/issues/4770 A Complete Guide to Data Attributes https://css-tricks.com/a-complete-guide-to-data-attributes/ Redefining the Technical Possibilities of CSS” by Rachel Andrew https://aneventapart.com/news/post/making-things-better-aea-video Styling The Good Ol' Button Element https://ishadeed.com/article/styling-the-good-old-button/ Browse Old Web Pages The Old Way with Virtual Browsers http://oldweb.today/ Introducing the Page Visibility API https://levelup.gitconnected.com/introducing-the-page-visibility-api-2fe50ee3dcfa Create Diagonal Layouts Like It's 2020 https://9elements.com/blog/pure-css-diagonal-layouts/ UX Tips to Avoid Losing Users' Attention https://www.youtube.com/watch?v=-pixBU3EJfU How to Setup Webpack and Babel 7 for React https://hackernoon.com/how-to-setup-webpack-and-babel-7-for-react-6xpy3615 MDN Browser Compatibility Survey https://qsurvey.mozilla.com/s3/4f853f5f79cc Making images lazy load with Chrome DevTools https://www.youtube.com/watch?v=D_M7LvDvlSg Release Notes for Safari Technology Preview 101 https://webkit.org/blog/10031/release-notes-for-safari-technology-preview-101/ Google PageSpeed Insights: The Truth About Scoring 100/100 https://kinsta.com/blog/google-pagespeed-insights/ Blisk -the first developer-oriented browser https://blisk.io/ Paged.js: Formats HTML Content Suitably for Creating PDF Output https://www.pagedjs.org/ svelte-grid https://svelte-grid.now.sh/ monica.css https://meowni.ca/posts/monica-dot-css/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories A Complete Guide to Data Attributes https://css-tricks.com/a-complete-guide-to-data-attributes/ Building an accessible autocomplete control https://adamsilver.io/articles/building-an-accessible-autocomplete-control/ Understanding Map and Set in JavaScript https://www.taniarascia.com/understanding-map-and-set-javascript/ “CSS4” Update https://css-tricks.com/css4-update/ Release Notes for Safari Technology Preview 101 https://webkit.org/blog/10031/release-notes-for-safari-technology-preview-101/ Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords https://medium.com/@elad/understanding-the-initial-inherit-and-unset-css-keywords-2d70b7121695 monica.css https://meowni.ca/posts/monica-dot-css/ Styling The Good Ol' Button Element https://ishadeed.com/article/styling-the-good-old-button/ Redefining the Technical Possibilities of CSS” by Rachel Andrew https://aneventapart.com/news/post/making-things-better-aea-video Accessibility Dont’s, Learn From Basic Mistakes in Web Design https://pineco.de/accessibility-donts-learn-from-basic-mistakes-in-web-design/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Aborting a fetch request https://meetguns.com/blog/aborting-a-fetch-request/ Fixing memory leaks in web applications https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/ Announcing TypeScript 3.8 https://devblogs.microsoft.com/typescript/announcing-typescript-3-8/ A Guide to Console Commands https://css-tricks.com/a-guide-to-console-commands/ WebAssembly Summit 2020 https://www.youtube.com/playlist?list=PL6ed-L7Ni0yQ1pCKkw1g3QeN2BQxXvCPK#wassummit2020 What's coming in ESLint v7.0.0 https://eslint.org/blog/2020/02/whats-coming-in-eslint-7.0.0 Here is what Cloudflare Workers do https://www.youtube.com/watch?v=48NWaLkDcME Angular 9: What’s New? https://auth0.com/blog/angular-9-whats-new/ How To Use The HTML Drag-And-Drop API in React https://www.smashingmagazine.com/2020/02/html-drag-drop-api-react/ The JavaScript Set Object https://typeofnan.dev/the-javascript-set-object/ Make your own DevTools https://kentcdodds.com/blog/make-your-own-dev-tools Introducing the Page Visibility API https://levelup.gitconnected.com/introducing-the-page-visibility-api-2fe50ee3dcfa Building an Images Gallery using PixiJS and WebGL https://css-tricks.com/building-an-images-gallery-using-pixijs-and-webgl/ Reactivity: Vue 2 vs Vue 3 https://www.vuemastery.com/blog/Reactivity-Vue2-vs-Vue3/ How to Make a Simple JavaScript Quiz https://www.sitepoint.com/simple-javascript-quiz/ Moving from React to Ember 2020 https://medium.com/@nowims/moving-from-react-to-ember-2020-86e082477d45 Building an application with Vue and TypeScript. https://stefan-bauer.online/building-an-application-with-vue-and-type-script-best-practices-thoughts-and-recommendations/ Angular 9: Lazy Loading Components https://johnpapa.net/angular-9-lazy-loading-components/ What is type coercion in vanilla JavaScript? https://gomakethings.com/what-is-type-coercion-in-vanilla-javascript/ Build a full-featured Tinder-like Carousel in vanilla JavaScript https://www.hackdoor.io/articles/8MNPqDpV/build-a-full-featured-tinder-like-carousel-in-vanilla-javascript Paged.js: Formats HTML Content Suitably for Creating PDF Output https://www.pagedjs.org/ Hex Engine: A Modern 2D Game Engine for the Browser https://github.com/suchipi/hex-engine Panolens.js: A Panorama Viewer Control https://pchen66.github.io/Panolens/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly NodeJS Security Deep Dive https://www.andreigaspar.com/nodejs-security-deep-dive/ Git Command Explorer https://gitexplorer.com/ The Main npm Repository Suffered an Outage on Monday https://github.com/npm/cli/issues/836 Node v13.9.0 https://nodejs.org/en/blog/release/v13.9.0/ Kasaya: A Scripting Language and Runtime for Browser Automation https://github.com/syscolabs/kasaya Node v12.16.1 (LTS) https://nodejs.org/en/blog/release/v12.16.1/ Mining my mailbox for top email service providers https://obem.be/2020/02/18/mining-my-mailbox-for-top-email-service-providers.html A Practical Introduction to GeoJSON with Node.js http://thecodebarbarian.com/a-practical-introduction-to-geojson-with-node-js.html Building a Circuit Breaker in Node.js (Part 1) https://blog.bearer.sh/build-a-circuit-breaker-in-node-js/ Prettier for File Structures https://github.com/benawad/destiny Package Diff: See a Diff Between Two Versions of an npm Package https://diff.intrinsic.com/ J.A.R.V.I.S: Just Another Rudimentary Verbal Interface Shell https://github.com/hliyan/jarvis Micro AWS Lambda: A No Dependency Lambda Library for Node https://github.com/Albert-Gao/micro-aws-lambda Gateman.js: A MongoDB-Powered Roles and Authorization System for Node Apps https://github.com/NwangwuOsitadinma/gateman The Lounge: A Modern, Self Hosted Web-Based IRC Client https://github.com/thelounge/thelounge ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Understanding CSS Grid Template Areas https://www.smashingmagazine.com/2020/02/understanding-css-grid-template-areas/ Why JavaScript is Eating HTML https://css-tricks.com/why-javascript-is-eating-html/ A Complete Guide to Links and Buttons https://css-tricks.com/a-complete-guide-to-links-and-buttons/ While You Weren’t Looking, CSS Gradients Got Better https://css-tricks.com/while-you-werent-looking-css-gradients-got-better/ Scroll To Text Fragment https://chromestatus.com/feature/4733392803332096 Resize Observer https://www.w3.org/TR/resize-observer-1/ Same HTML, Different CSS https://ishadeed.com/article/same-html-different-css/ Performant front-end architecture https://www.debugbear.com/blog/performant-front-end-architecture 4 Creative Ways to JavaScript Timing in Browsers https://blog.omaralshaker.com/creative-ways-to-javascript-timing/ Make a WebGL powered US Counties Map with D3 and Three.js https://tips4devs.com/articles/make-a-webgl-powered-us-counties-map-with-d3-and-three-js.html Build a full-featured Tinder-like Carousel in vanilla JavaScript https://www.hackdoor.io/articles/8MNPqDpV/build-a-full-featured-tinder-like-carousel-in-vanilla-javascript Building an Images Gallery using PixiJS and WebGL https://css-tricks.com/building-an-images-gallery-using-pixijs-and-webgl/ Aborting a fetch request https://meetguns.com/blog/aborting-a-fetch-request/ How to Apply CSS3 Transforms to Background Images https://www.sitepoint.com/css3-transform-background-image/ Use a:visited in your CSS stylesheet https://evertpot.com/visited-links/ Don't touch my clipboard https://alexanderell.is/posts/taking-over-my-clipboard/ Squarespace, Wix, & Weebly: Accessibility Review http://terrillthompson.com/1203 4 Reasons to Use SASS in Your Frontend Project https://blog.bitsrc.io/4-reasons-to-use-sass-in-your-frontend-project-bce88631c602 JetBrains Mono. A typeface for developers https://www.jetbrains.com/lp/mono/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Why JavaScript is Eating HTML https://css-tricks.com/why-javascript-is-eating-html/ CO2 emissions on the web https://dannyvankooten.com/website-carbon-emissions/ Understanding CSS Grid: Grid Template Areas https://www.smashingmagazine.com/2020/02/understanding-css-grid-template-areas/ Release Notes for Safari Technology Preview https://webkit.org/blog/10024/release-notes-for-safari-technology-preview-100/ Firefox 73 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/73 What is CSS4? https://www.quirksmode.org/blog/archives/2020/02/what_is_css4.html Neumorphism.io Generate Soft-UI CSS code https://neumorphism.io/#55b9f3 Sticky Table of Contents with Scrolling Active States https://css-tricks.com/sticky-table-of-contents-with-scrolling-active-states/ Chameleonic Header https://codyhouse.co/tutorials/chameleonic-header-effect Same HTML, Different CSS https://ishadeed.com/article/same-html-different-css/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Make a 6yt7hWebGL powered US Counties Map with D3 and Three.js https://tips4devs.com/articles/make-a-webgl-powered-us-counties-map-with-d3-and-three-js.html Under Discussion: The Maintenance of Large Open-Source Projects https://www.welcometothejungle.com/en/articles/btc-discussion-open-source-maintenance A collection of free single-purpose online tools for web developers... https://tiny-helpers.dev/ 7 really good reasons not to use TypeScript https://medium.com/javascript-in-plain-english/7-really-good-reasons-not-to-use-typescript-166af597c466 FullCalendar: A Full Sized JavaScript Calendar Control https://fullcalendar.io/ Why JavaScript is Eating HTML https://css-tricks.com/why-javascript-is-eating-html/ Building a Continuous Integration & Deployment Pipeline Using Docker (CI/CD) https://www.taniarascia.com/continuous-integration-pipeline-docker/ Bouncing balls simulation using plain JavaScript https://github.com/MTrajK/bouncing-balls How to Publish an Updated Version of an npm Package https://cloudfour.com/thinks/how-to-publish-an-updated-version-of-an-npm-package/ 70 JavaScript Interview Questions https://dev.to/macmacky/70-javascript-interview-questions-5gfi 4 Methods to Search Through Arrays in JavaScript https://alligator.io/js/array-search-methods/ Fast by default: algorithmic performance optimization in practic https://www.youtube.com/watch?v=bwA9i6wjfhw Building Bridges with Other Departments in Developer Relations https://dev.to/drnugent/building-bridges-with-other-departments-in-developer-relations-5ecb How To Create Maps With React And Leaflet https://www.smashingmagazine.com/2020/02/javascript-maps-react-leaflet/ Grouper component for Svelte. https://pace.dev/blog/2020/02/01/grouper-component-for-svelte-by-mat-ryer debug Visualizer: Visualize Data While Debugging in VS Code https://javascriptweekly.com/issues/475 plink-plonk.js: Listen to Web Pages As Their DOM Changes https://gist.github.com/tomhicks/6cb5e827723c4eaef638bf9f7686d2d8 Type Route: A Flexible, Type-Safe Routing Library https://www.type-route.org/ Announcing Ionic 5! https://ionicframework.com/blog/announcing-ionic-5/ An extremely fast JavaScript bundler and minifier https://github.com/evanw/esbuild Vue 3 Composition API - Converting Over A Vue 2 Component https://www.youtube.com/watch?v=NM71cqoNt3w Let’s pair program gravity simulation https://www.youtube.com/watch?v=-UX74Oe72zU ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node.js CLI Apps Best Practices https://github.com/lirantal/nodejs-cli-apps-best-practices Node v12.16.0 (LTS) https://nodejs.org/en/blog/release/v12.16.0/ A Day in the Life of npm Security https://blog.npmjs.org/post/190665497245/a-day-in-the-life-of-npm-security The 'Request' Package is Now 'Fully Deprecated' https://github.com/request/request#deprecated Beluga: Create Node-Powered E-Commerce Sites https://belugajs.com/ Baretest: An 'Extremely Minimalistic' Alternative to Jest https://volument.com/baretest Vendure: A Headless GraphQL E-commerce Backend Framework https://github.com/vendure-ecommerce/vendure Automate versioning and package publishing https://github.com/release-it/release-it Lightweight job scheduling for Node.js https://github.com/agenda/agenda ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Mozilla lost the browser wars. It still thinks it can save the internet. https://www.protocol.com/mozilla-plan-fix-internet-privacy Protecting users from insecure downloads in Google Chrome https://security.googleblog.com/2020/02/protecting-users-from-insecure_6.html What is CSS4? https://www.quirksmode.org/blog/archives/2020/02/what_is_css4.html Should you self-host Google Fonts? https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/ Firefox 73 is upon us https://hacks.mozilla.org/2020/02/firefox-73-is-upon-us/ Sticky Table of Contents with Scrolling Active States https://css-tricks.com/sticky-table-of-contents-with-scrolling-active-states/ Some Imaginary CSS https://cloudfour.com/thinks/some-imaginary-css/ Dealing with Third Parties with Karolina Szczur https://chasingwaterfalls.io/episodes/episode-four-with-karolina-szczur/ Getting Acquainted With Svelte, the New Framework on the Block https://css-tricks.com/getting-acquainted-with-svelte-the-new-framework-on-the-block/ Building an accessible autocomplete control https://adamsilver.io/articles/building-an-accessible-autocomplete-control/ Vue 3 Testing Framework from Scratch https://vuejs-course.com/screencasts/vue-3-testing-framework-from-scratch Create A React Custom Hooks For Your Web Components https://medium.com/@david.dalbusco/create-a-react-custom-hooks-for-your-web-components-f4319bb4bc35 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Old CSS, new CSS https://eev.ee/blog/2020/02/01/old-css-new-css/ Custom Styling Form Inputs With Modern CSS Features https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ Get Moving (or not) with CSS Motion Path https://danielcwilson.com/blog/2020/01/motion-path-quirks/ A new technique for making responsive, JavaScript-free charts https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp CSS4 https://css-tricks.com/css4/ How I recreated a Polaroid camera with CSS gradients only https://fossheim.io/writing/posts/css-polaroid-camera/ Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature https://catalin.red/svg-favicon-light-dark-theme/ Mini projects built with HTML5, CSS & JavaScript. No frameworks or libraries https://github.com/bradtraversy/vanillawebprojects Transitioning Hidden Elements https://cloudfour.com/thinks/transitioning-hidden-elements/ Quick developer tools tip: simulating dark/light colour mode https://christianheilmann.com/2020/01/30/quick-developer-tools-tip-simulating-dark-light-colour-mode/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Understanding the ECMAScript spec, part 1 https://v8.dev/blog/understanding-ecmascript-part-1 Version 9 of Angular Now Available — Project Ivy has arrived! https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3 JavaScript Libraries Are Almost Never Updated Once Installed https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/ Electron 8.0.0 https://www.electronjs.org/blog/electron-8-0 Ecma TC39 JavaScript Decimal proposal https://github.com/littledan/proposal-decimal Getting Acquainted With Svelte, the New Framework on the Block https://css-tricks.com/getting-acquainted-with-svelte-the-new-framework-on-the-block/ Formatting dates in JavaScript with Intl.DateTimeFormat https://www.valentinog.com/blog/datetime/ Babel F# pipeline operator http://codereform.com/blog/post/babel-fsharp-pipeline-operator/ Building an accessible autocomplete control https://adamsilver.io/articles/building-an-accessible-autocomplete-control/ List of functions which you can use to replace moment.js + ESLint Plugin https://github.com/you-dont-need/You-Dont-Need-Momentjs Implementing 2D Physics in Javascript https://martinheinz.dev/blog/15 Building a Vue Testing Framework from Scratch https://vimeo.com/388980496 Use Cloudflare JavaScript Workers to Deploy Your Static Generated Site (SSG) https://levelup.gitconnected.com/use-cloudflare-javascript-workers-to-deploy-you-static-generated-site-ssg-1c518e078646 How To Create A Headless WordPress Site On The JAMstack https://www.smashingmagazine.com/2020/02/headless-wordpress-site-jamstack/ 3 Ways To Access Object Properties in JavaScript https://dmitripavlutin.com/access-object-properties-javascript/ 10 Array Methods You Should Know 👀 https://dev.to/rebeccauranga/10-array-methods-you-should-know-nn5 CheerpJ 2.0 released — now with WebAssembly support https://medium.com/leaningtech/cheerpj-2-0-released-381f6d03e4e vue cli v4.2.0 https://github.com/vuejs/vue-cli/releases/tag/v4.2.0 Angular 9 - What's New? What changed? https://www.youtube.com/watch?v=TcdhAxDWWxM React Router 6.0 Alpha Released https://github.com/ReactTraining/react-router/releases/tag/v6.0.0-alpha.0 React Libraries in 2020 https://www.robinwieruch.de/react-libraries Building a Piano with React Hooks https://cloudnweb.dev/2020/02/building-a-piano-with-react-hooks/ Using React (Hooks) with D3 https://www.youtube.com/watch?v=bXN9anQN_kQ How to use SVGs in React https://blog.logrocket.com/how-to-use-svgs-in-react/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Node.js release fixes a critical HTTP security vulnerability https://snyk.io/blog/node-js-release-fixes-a-critical-http-security-vulnerability/ Node v13.8.0 https://nodejs.org/en/blog/release/v13.8.0/ Electron 8.0.0 https://www.electronjs.org/blog/electron-8-0 Changes to npm Unpublish Policy https://blog.npmjs.org/post/190553543620/changes-to-npm-unpublish-policy-january-2020 Ultimate guide to concurrent logging in Node.js https://itnext.io/ultimate-guide-to-concurrent-logging-in-node-js-4e47bd2eae37 Testing Node serverless applications — AWS Lambda functions https://blog.logrocket.com/testing-node-serverless-applications-aws-lambda-functions/ Beginner's Guide to using Node.js and the Express.js framework https://zeroequalsfalse.com/posts/beginners-guide-to-using-express-js-and-node-js-framework/ JSON Parser with JavaScript https://lihautan.com/json-parser-with-javascript/ MongoDB One-to-Many Relationship tutorial with Mongoose examples https://bezkoder.com/mongoose-one-to-many-relationship/ puppeteer v2.1.0 https://github.com/puppeteer/puppeteer/releases/tag/v2.1.0 High performance Node.js/PostgreSQL job queue https://github.com/graphile/worker Lightweight job scheduling for Node.js https://github.com/agenda/agenda Adonis 2.8: A Node App Framework That Prioritizes Developer Ergonomics https://adonisjs.com/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Chrome 80 - What’s New in DevTools https://www.youtube.com/watch?v=2EiPb1opH3g New in Chrome 80: Module Workers, Optional Chaining, New Origin Trials, and more! https://www.youtube.com/watch?v=lM0qZpxu0Fg&feature=em-uploademail CO2 emissions on the web https://dannyvankooten.com/website-carbon-emissions/ Old CSS, new CSS https://eev.ee/blog/2020/02/01/old-css-new-css/ How Smashing Magazine Manages Content: Migration From WordPress To JAMstack https://www.smashingmagazine.com/2020/01/migration-from-wordpress-to-jamstack/ A new technique for making responsive, JavaScript-free charts https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp Bringing the Microsoft Edge DevTools to more languages https://blogs.windows.com/msedgedev/2020/02/04/localizing-edge-devtools/ HTML attributes to improve your users' two factor authentication experience https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete Exploring the Frontend Performance of the National Rail Website with Chrome DevTools https://www.youtube.com/watch?v=WRwxOonOYK0 Transitioning Hidden Elements https://cloudfour.com/thinks/transitioning-hidden-elements/ How I recreated a Polaroid camera with CSS gradients only https://fossheim.io/writing/posts/css-polaroid-camera/ How To Create A Headless WordPress Site On The JAMstack https://www.smashingmagazine.com/2020/02/headless-wordpress-site-jamstack/ Using the CSS line-height Property to Improve Readability https://alligator.io/css/line-height/ Possibly The Easiest Way to Run an SSG https://css-tricks.com/possibly-the-easiest-way-to-run-an-ssg/ Tiny API mocking microservice for generating fake JSON data. https://jaymock.now.sh/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Animating CSS Width and Height Without the Squish Effect https://pqina.nl/blog/animating-width-and-height-without-the-squish-effect/ A list of 300+ CSS properties https://www.web4college.com/css-play/index.php Can you make a countdown timer in pure CSS? https://www.chenhuijing.com/blog/can-you-make-a-countdown-timer-in-pure-css/ What’s the Difference Between Width/Height in CSS and Width/Height HTML attributes? https://css-tricks.com/whats-the-difference-between-width-height-in-css-and-width-height-html-attributes/ Today, the Trident Era Ends https://schepp.dev/posts/today-the-trident-era-ends/ Seven different types of CSS attribute selectors https://gist.github.com/emmabostian/ed933bc7f9711acdc565f42f1b159407 Smooth Scrolling Sticky ScrollSpy Navigation https://www.bram.us/2020/01/10/smooth-scrolling-sticky-scrollspy-navigation/ Bundling JavaScript for Performance: Best Practices https://calendar.perfplanet.com/2019/bundling-javascript-for-performance-best-practices/ Use and Reuse Everything in SVG… Even Animations! https://css-tricks.com/use-and-reuse-everything-in-svg-even-animations/ Optimising SVGs for the Web https://css-irl.info/optimising-svgs-for-the-web/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly GSAP 3.1 Released‏ https://greensock.com/3-1 Introducing Yarn 2 ! https://dev.to/arcanis/introducing-yarn-2-4eh1 Tooltip & Popover Positioning Engine https://popper.js.org/ JavaScript Libraries Are Almost Never Updated Once Installed https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/ Puppeteer 2.1: The Headless Chrome Node.js API https://github.com/puppeteer/puppeteer/releases/tag/v2.1.0 An In-Depth Look at TypeScript's enums https://2ality.com/2020/01/typescript-enums.html BxJS - Building simple HTTP server with Deno https://www.youtube.com/watch?v=z9hJMZo-pFM Typing objects in TypeScript https://2ality.com/2020/01/typing-objects-typescript.html 5 Best Practices to Write Quality Arrow Functions https://dmitripavlutin.com/javascript-arrow-functions-best-practices/ 🚀 Visualizing memory management in V8 Engine https://deepu.tech/memory-management-in-v8/ Building a Reusable Dialog Module with Angular Material https://itnext.io/building-a-reusable-dialog-module-with-angular-material-4ce406117918 Google Sheets for Node Developers https://www.youtube.com/watch?v=77toMO9-kQc Why The TypeScript Team is using Gatsby for Its New Site https://www.gatsbyjs.org/blog/2020-01-23-why-typescript-chose-gatsby/ 10 Array Methods You Should Know 👀 https://dev.to/rebeccauranga/10-array-methods-you-should-know-nn5 Create graphics with a hand-drawn, sketchy, appearance https://roughjs.com/posts/release-4.0/ Calculate the real cost to run your JS app or lib to keep good performance https://github.com/ai/size-limit Meteor 1.9 https://blog.meteor.com/meteor-1-9-node-js-12-and-new-roadmaps-cb993277d444 OctoLinker: Links Together, on GitHub, What Belongs Together https://octolinker.now.sh/ Why Did You Render v4 Released https://github.com/welldone-software/why-did-you-render#readme Getting Started with Styled Components https://www.youtube.com/watch?v=eQkkoUEVY-Q JavaScript Promise in 100 Seconds https://www.youtube.com/watch?v=RvYYCGs45L4 8 MODERN RESOURCES FOR VUE.JS THAT YOU SHOULD BOOKMARK https://www.youtube.com/watch?v=J6KByOYTwu0 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Introducing Yarn 2 ! 🧶🌟 https://dev.to/arcanis/introducing-yarn-2-4eh1 Google Sheets for Developers https://www.youtube.com/watch?v=77toMO9-kQc How I write backends https://github.com/fpereiro/backendlore February 2020 Security Releases https://nodejs.org/en/blog/vulnerability/february-2020-security-releases/ A simplified Jira clone built with React/Babel (Client), and Node/TypeScript (API). https://github.com/oldboyxx/jira_clone 3 steps to add tests on existing code when you have short deadlines https://understandlegacycode.com/blog/3-steps-to-add-tests-on-existing-code-when-you-have-short-deadlines/ How to Build a Speech to Emotion Converter with the Web Speech API and Node.js https://www.freecodecamp.org/news/speech-to-sentiment-with-chrome-and-nodejs/ Anonymous Web Scraping with Node.js, Tor, Puppeteer and cheerio https://levelup.gitconnected.com/anonymous-web-scrapping-with-node-js-tor-apify-and-cheerio-3b36ec6a45dc Build a Weight Tracker App with Node.js and PostgreSQL https://scotch.io/tutorials/build-a-weight-tracker-app-with-nodejs-and-postgresql Visualizing memory management in V8 Engine https://deepu.tech/memory-management-in-v8/ Microsoft Application Inspector: A New Source Code Analyzer https://github.com/Microsoft/ApplicationInspector OAuth Middleware for Express, Koa and Hapi https://github.com/simov/grant NPM Release: 6.13.7 https://blog.npmjs.org/post/190518620405/release-6137 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus The Trident Era Ends https://schepp.dev/posts/today-the-trident-era-ends/ 4 CSS layouts without using media queries https://polypane.app/blog/4-css-layouts-without-using-media-queries/ JavaScript Libraries Are Almost Never Updated Once Installed https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/ Understanding CSS Grid: Grid Lines https://www.smashingmagazine.com/2020/01/understanding-css-grid-lines/ Use and Reuse Everything in SVG… Even Animations! https://css-tricks.com/use-and-reuse-everything-in-svg-even-animations/ Microsoft is helping Google improve Chrome’s tab management https://www.theverge.com/2020/1/27/21083299/microsoft-google-chrome-tab-management-chromium-improvements-feature Humans can't read URLs. How can we fix it? https://www.youtube.com/watch?v=0-wB1VY3Nrc&feature=youtu.be Cookie consent tools are being used to undermine EU privacy rules, study suggests https://techcrunch.com/2020/01/10/cookie-consent-tools-are-being-used-to-undermine-eu-privacy-rules-study-suggests/ Intrinsic Sizing In CSS https://ishadeed.com/article/intrinsic-sizing-in-css/ Can you make a countdown timer in pure CSS? https://www.chenhuijing.com/blog/can-you-make-a-countdown-timer-in-pure-css/ How to Create Procedural Clouds Using Three.js Sprites https://tympanus.net/codrops/2020/01/28/how-to-create-procedural-clouds-using-three-js-sprites/ Accessibility with the new Microsoft Edge https://support.microsoft.com/en-us/help/4538354/microsoft-edge-new-accessibility Mozilla has banned nearly 200 malicious Firefox add-ons over the last two weeks https://www.zdnet.com/article/mozilla-has-banned-nearly-200-malicious-firefox-add-ons-over-the-last-two-weeks/ Simple Image Placeholders with SVG https://cloudfour.com/thinks/simple-svg-placeholder/ PurgeCSS 2.0 https://medium.com/full-human/purgecss-2-0-c0e812e6c4f6 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories The CSS Cascade https://wattenberger.com/blog/css-cascade Rolling Range Slider https://codepen.io/pwambach/pen/MWWNaJO Navigating the web with a gamepad https://www.voorhoede.nl/en/blog/navigating-the-web-with-a-gamepad/ Magical Rainbow Gradients with CSS Houdini and React Hooks https://www.joshwcomeau.com/posts/rainbow-button/ The Web in 2020: Extensibility and Interoperability https://css-tricks.com/the-web-in-2020-extensibility-and-interoperability/ Goodbye, Clean Code https://overreacted.io/goodbye-clean-code/ CSS Grid Template Areas In Action https://ishadeed.com/article/grid-area/ Why You Should Choose HTML5 <article> Over <section> https://www.smashingmagazine.com/2020/01/html5-article-section/ Release Notes for Safari Technology Preview 99 https://webkit.org/blog/9992/release-notes-for-safari-technology-preview-99/ Re-creating the ‘His Dark Materials’ Logo in CSS https://css-irl.info/recreating-the-his-dark-materials-logo-in-css/ Is Reduce() Bad? https://www.youtube.com/watch?v=TnZ7jMFCa4Y ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly A Look at Deno: Could It Supplant Node https://www.youtube.com/watch?v=puXyo1jGQys ESLint configuration and best practices https://blog.geographer.fr/eslint-guide TypeOfNaN JavaScript Quizzes https://quiz.typeofnan.dev/ Node library to automate Chromium, Firefox and WebKit with a single API https://github.com/microsoft/playwright The 10 most important JavaScript frameworks of the past decade https://blog.logrocket.com/10-most-important-javascript-frameworks-past-decade/ Replacing Mocha with Jest https://akoskm.com/2020/01/22/mocha-jest-react-testing.html JavaScript Visualized: Generators and Iterators https://dev.to/lydiahallie/javascript-visualized-generators-and-iterators-e36 How To Pass Data Between Components In Vue.js https://www.smashingmagazine.com/2020/01/data-components-vue-js/ Writing dependency-free JavaScript https://magnushoff.com/blog/dependency-free-javascript/ JavaScript tree shaking, like a pro https://medium.com/@bluepnume/javascript-tree-shaking-like-a-pro-7bf96e139eb7 The Best Way to build reactive sub-forms with Angular https://medium.com/@tomastrajan/angular-reactive-sub-forms-type-safe-without-duplication-dbd24225e1e8 Efficient TDD with Karma and Webpack https://bambooengineering.io/efficient-tdd-with-karma-and-webpack/ TypeScript's Secret Parallel Universe https://dev.to/loilo/typescript-s-secret-parallel-universe-54i6 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Deno: Will It Replace Node? https://www.youtube.com/watch?v=puXyo1jGQys Playwright: A Node Library to Automate Chromium, Firefox and WebKit https://github.com/microsoft/playwright Node v13.7.0 https://nodejs.org/en/blog/release/v13.7.0/ Ava 3.0 Released: The Popular Test Runner https://github.com/avajs/ava/releases/tag/v3.0.0 Inside node: What happens when we execute a script? https://blog.s1h.org/inside-node-executing-a-script/ Building a sentiment analysis app with Node.js https://blog.logrocket.com/sentiment-analysis-node-js/ Amazing Code Reviews: Creating a Superhero Collective https://www.youtube.com/watch?v=ly86Wq_E18o Fast, disk space efficient package manager https://github.com/pnpm/pnpm Node-core streams for userland https://github.com/nodejs/readable-stream Reverse shell through a node.js math parser https://blog.truesec.com/2020/01/17/reverse-shell-through-a-node-js-math-parser/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly