The weekly

Frontend Focus Six Web Performance Technologies to Watch in 2020 https://simonhearne.com/2019/2020-predictions/ Accessibility Testing by People with Disabilities https://www.24a11y.com/2019/accessibility-testing-by-people-with-disabilities/ Understanding the Difference Between CSS Resolution and Device Resolution https://medium.com/@elad/understanding-the-difference-between-css-resolution-and-device-resolution-28acae23da0b Creating a JAMstack Site with Open Authoring Using Netlify CMS https://dev.to/remotesynth/creating-a-jamstack-site-with-open-authoring-using-netlify-cms-5ab5 A fun and colorful explanation of how DNS works. https://howdns.works/ Z’s Still Not Dead Baby, Z’s Still Not Dead https://24ways.org/2019/zs-still-not-dead-baby-zs-still-not-dead/ Firefox 71: A year-end arrival https://hacks.mozilla.org/2019/12/firefox-71-a-year-end-arrival/ Chrome 79 released with tab freezing, back-forward caching, and loads of security features https://www.zdnet.com/article/chrome-79-released-with-tab-freezing-back-forward-caching-and-loads-of-security-features/ Web Design And Development Advent Roundup For 2019 https://www.smashingmagazine.com/2019/12/web-design-development-advent-roundup-2019/ prefers-color-scheme in SVG Favicons for Dark Mode https://blog.tomayac.com/2019/09/21/prefers-color-scheme-in-svg-favicons-for-dark-mode-icons/ Beautiful Scrolling Experiences – Without Libraries https://24ways.org/2019/beautiful-scrolling-experiences-without-libraries/ How to fight back against Google AMP as a web user and a web developer https://markosaric.com/google-amp/ Building responsive layouts - Designing in the Browser https://www.youtube.com/watch?v=K1POS8yPqa8 Manage Global State with Context API and Hooks https://react.christmas/2019/7 Vue 3 & A First Look at the Composition API https://www.youtube.com/watch?v=V-xK3sbc7xI&feature=em-uploademail Flutter Crash Course https://www.youtube.com/watch?v=1gDhl4leEzA Where do Browser Styles Come From? https://www.youtube.com/watch?v=spK_S0HfzFw ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

front-End Front Top Stories Having a Little Fun With Custom Focus Styles https://css-tricks.com/having-a-little-fun-with-custom-focus-styles/ Dark Mode Favicons https://css-tricks.com/dark-mode-favicons/‏ Firefox 71: A year-end arrival https://hacks.mozilla.org/2019/12/firefox-71-a-year-end-arrival/ Who Can Use https://whocanuse.com/ Making a Better Custom Select Element https://24ways.org/2019/making-a-better-custom-select-element/ How to Use New CSS “:is()” for Easy Element Targeting https://webdesign.tutsplus.com/articles/new-css-is-for-easy-element-targeting--cms-34223 CSS: An Art, a Science, a Nightmare (Everything You Should Know) https://www.taniarascia.com/overview-of-css-concepts/ CSS Layout: a collection of popular layouts and patterns made with CSS https://csslayout.io/ There is no Myths of Color Contrast Accessibility https://www.creativejuiz.fr/blog/en/user-experience/there-is-no-myths-of-color-contrast-accessibility Semantic sidenotes for the web https://www.kooslooijesteijn.net/blog/semantic-sidenotes Test for Text Label Issues using the Firefox Accessibility Inspector https://www.youtube.com/watch?v=YhlAVlfH0rQ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly JavaScript, ES6, ES7, ES10 where are we? https://medium.com/engineered-publicis-sapient/javascript-es6-es7-es10-where-are-we-8ac044dfd964 Optional Chaining just achieved Stage 4 at TC39! https://twitter.com/robpalmer2/status/1202312626891452416 WebAssembly is Now a W3C Recommendation https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en What's New for Node.js in 2020 https://developer.okta.com/blog/2019/12/04/whats-new-nodejs-2020 What People in Tech Said About JavaScript On Its Debut https://medium.com/dailyjs/heres-what-people-in-tech-had-to-say-about-javascript-when-it-debuted-in-1995-a4b81dc05b71 The Advent of Code 2019 https://adventofcode.com/ Learning Modern JavaScript with Tetris https://medium.com/@michael.karen/learning-modern-javascript-with-tetris-92d532bcd057 JavaScript Promises: 9 Questions https://danlevy.net/javascript-promises-quiz/?s=r How I created 488 "live images" https://bitsofco.de/how-i-created-488-live-images/ An Easy Way to Build a Tree in JavaScript Using Object References https://typeofnan.dev/an-easy-way-to-build-a-tree-with-object-references/ NanoNeuron: 7 Simple Functions to Demo Simple Machine Learning https://github.com/trekhleb/nano-neuron Coding a complete snake game in JavaScript https://www.youtube.com/watch?v=jRstJFiWnDQ How ... works in Javascript https://javascript.christmas/2019/2 Migrating to Apollo + GraphQL at Airbnb https://www.youtube.com/watch?v=pywcFELoU8E Algorithms and data structures implemented in JavaScript with explanations and links to further readings https://github.com/trekhleb/javascript-algorithms Native ESM Package Manager https://github.com/mikeal/reg Introducing React View, an Interactive Playground for Your Components https://baseweb.design/blog/introducing-react-view/ creepyface Make your face alive! https://creepyface.io/ create-react-app 3.3.0 https://github.com/facebook/create-react-app/releases/tag/v3.3.0 Get started with animations in React https://react.christmas/2019/3 React to the Future https://www.youtube.com/watch?v=5fG_lyNuEAw Top ways to learn Vue 3 https://www.vuemastery.com/blog/top-ways-to-learn-Vue-3/ Create a lazy-loading image component for faster Vue.js apps https://stegosource.com/create-lazy-loading-image-component-faster-vue-js-apps/ MERN Stack - React.js Node, Express & MongoDB Crash Course - Tutorial for Beginners https://www.youtube.com/watch?v=2yddJwL1Tpg ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly What's New for Node.js in 2020 https://developer.okta.com/blog/2019/12/04/whats-new-nodejs-2020 Got 10: A 'Human-Friendly and Powerful' HTTP Request Library GOTO 2019 • Going Docker, Swarm and Kubernetes Production Like a Pro • Bret Fisher https://www.youtube.com/watch?v=5zY5_iTGIsU How To Create a Node.js Module https://www.digitalocean.com/community/tutorials/how-to-create-a-node-js-module Patching your node_modules https://opensource.christmas/2019/4 Audit your app https://javascript.christmas/2019/4 Stylish, intuitive and user-friendly prompts. https://github.com/enquirer/enquirer Native ESM Package Manager https://github.com/mikeal/reg Bring charts to terminal.| https://www.chunqiuyiyu.com/ervy/ Reverse engineer PostgreSQL database as a detailed JS Object. https://www.pg-structure.com/ Npm Release: 6.13.2 https://blog.npmjs.org/post/189456212240/release-6132 Node v13.3.0 https://nodejs.org/en/blog/release/v13.3.0/ How I created 488 "live images" https://bitsofco.de/how-i-created-488-live-images/ Going serverless with your Node.js apps https://blog.logrocket.com/going-serverless-with-your-node-js-apps/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Switch it up with CSS custom properties https://css.christmas/2019/2 The Firefox UI is now built with Web Components https://briangrinstead.com/blog/firefox-webcomponents/ An Introduction to the Picture-in-Picture Web API https://css-tricks.com/an-introduction-to-the-picture-in-picture-web-api/ Edge vs. Chrome: Microsoft's Tracking Prevention hits Google the hardest https://www.zdnet.com/article/with-its-new-edge-browser-microsoft-takes-dead-aim-at-google/ Making a Better Custom Select Element https://24ways.org/2019/making-a-better-custom-select-element/ Bootstrap 4.4.0 https://blog.getbootstrap.com/2019/11/26/bootstrap-4-4-0/ Mozilla launches Firefox Replay for Nightly builds on macOS https://www.neowin.net/news/mozilla-launches-firefox-replay-for-nightly-builds-on-macos How to Use New CSS “:is()” for Easy Element Targeting https://webdesign.tutsplus.com/articles/new-css-is-for-easy-element-targeting--cms-34223 Do This to Improve Image Loading on Your Website https://www.youtube.com/watch?v=4-d_SoCHeWE STATUS UPDATE ON WEB GAMES TECHNOLOGIES https://www.w3.org/blog/2019/11/status-update-on-web-games-technologies/ Labels are a last resort https://refactoringui.com/previews/labels-are-a-last-resort/ Lessons learned from performance monitoring in Chrome https://www.youtube.com/watch?v=ctavZT87syI Predictive prefetching for the Web https://www.youtube.com/watch?v=FS5NYN_n7_k Create HTML5 Native games in Ionic Capacitor apps using Phaser https://medium.com/enappd/create-html5-native-games-in-ionic-capacitor-apps-using-phaser-2e1673af9628 Checklist to avoid the most common accessibility errors https://www.brucelawson.co.uk/2019/checklist-to-avoid-the-most-common-accessibility-errors/ Building animated draggable interfaces with Vue.js and Tailwind https://www.binarcode.com/blog/building-animated-draggable-interfaces-with-vuejs-and-tailwind/ When JavaScript Bytes | performance.now() 2019 https://www.youtube.com/watch?v=JvJ0v5OohNg ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Scaling SVG Elements https://wattenberger.com/guide/scaling-svg The Thought Process Behind a Flexbox Layout https://css-tricks.com/the-thought-process-behind-a-flexbox-layout/ Firefox Replay https://firefox-replay.com/ Using CSS custom properties to reduce the size of your CSS https://codyhouse.co/blog/post/using-css-custom-properties-to-reduce-the-size-of-your-css Does JavaScript keep you too busy to care about CSS? Here are recent features you want to know about! https://pawelgrzybek.com/does-javascript-keep-you-too-busy-to-care-about-css-here-are-recent-features-you-want-to-know-about/ Case Study: lynnandtonic.com 2019 refresh https://lynnandtonic.com/thoughts/entries/case-study-2019-refresh/ Must-Watch JavaScript Talks 🔥 https://github.com/AllThingsSmitty/must-watch-javascript Avoiding jagged edges on gradients https://medium.com/pixel-and-ink/avoiding-jagged-edges-on-gradients-f485cc7401f5 A Web Developers New Working Week https://www.alwaystwisted.com/articles/a-web-developers-new-working-week The 2019 State of JavaScript Survey https://survey.stateofjs.com/?source=frontendfront ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Faster JavaScript Apps with JSON.parse() https://www.bram.us/2019/11/25/faster-javascript-apps-with-json-parse/ It's Time to Take the State of JavaScript 2019 Survey https://stateofjs.com/?source=jsweekly List of languages that compile to JS https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS Promises From Scratch In A Post-Apocalyptic Future https://www.youtube.com/watch?v=4GpwM8FmVgQ Redux Style Guide https://redux.js.org/style-guide/style-guide An Introduction to the Picture-in-Picture Web API https://css-tricks.com/an-introduction-to-the-picture-in-picture-web-api/ Understanding Streams in Node.js https://nodesource.com/blog/understanding-streams-in-nodejs Outside the web: standalone WebAssembly binaries using Emscripten https://v8.dev/blog/emscripten-standalone-wasm Building animated draggable interfaces with Vue.js and Tailwind https://www.binarcode.com/blog/building-animated-draggable-interfaces-with-vuejs-and-tailwind/ Backreferences in JavaScript regular expressions https://www.stefanjudis.com/today-i-learned/backreferences-in-javascript-regular-expressions/ For the Sake of Your Event Listeners, Use Web Workers https://macarthur.me/posts/use-web-workers-for-your-event-listeners WebGLStudio.js: A 3D Graphics Editor in the Browser https://github.com/jagenjo/litegraph.js Compress JSON into URL friendly strings https://github.com/KilledByAPixel/JSONCrush I created the exact same app in React and Svelte. Here are the differences. https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-svelte-here-are-the-differences-c0bd2cc9b3f8 A new beginning for React Native at WalmartLabs Online Grocery https://medium.com/walmartlabs/a-new-beginning-for-react-native-at-walmartlabs-online-grocery-c30b27db57d3 Gatsby with Kyle Mathews and Sam Bhagwat https://softwareengineeringdaily.com/2019/11/11/gatsby-with-kyle-mathews-and-sam-bhagwat/ Evan You - What's Coming in Vue.js http://www.fullstackradio.com/129 A domain-driven Vue.js Architecture https://medium.com/bauer-kirch/a-domain-driven-vue-js-architecture-77771c20f0da 5 Amazing Tools I Use Everyday As A Web Developer https://www.youtube.com/watch?v=2X7iXMWGo0E ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Publishing npm Packages https://medium.com/@nodejs/publishing-npm-packages-c4c615a0fc6b Easier Node.js streams via async iteration https://2ality.com/2019/11/nodejs-streams-async-iteration.html Announcing core Node.js support for ECMAScript modules https://medium.com/@nodejs/announcing-core-node-js-support-for-ecmascript-modules-c5d6dc29b663 Understanding Streams in Node.js https://nodesource.com/blog/understanding-streams-in-nodejs NSQ Tutorial: Build a simple message queue using NSQ https://dev.to/vguleaev/nsq-tutorial-build-a-simple-message-queue-using-nsq-43eh Promises From Scratch In A Post-Apocalyptic Future https://www.youtube.com/watch?v=4GpwM8FmVgQ A First Look at Github Actions https://blog.testdouble.com/posts/2019-11-21-first-look-at-github-actions/ Guide to Helm 3 with an Express.js microservice https://github.com/alexellis/helm3-expressjs-tutorial Microsoft SQL Server client for Node.js https://github.com/tediousjs/node-mssql Lightweight web framework for your serverless applications https://github.com/jeremydaly/lambda-api How to secure Twilio webhook URLs in Node.js https://www.twilio.com/blog/how-to-secure-twilio-webhook-urls-in-nodejs 5 Things I love about Strapi, a Node.js headless CMS https://www.jsmonday.dev/articles/44/5-things-i-love-about-strapi-a-node-js-headless-cms Create a Restful API Using Mongoose and Joi https://www.youtube.com/watch?v=QyLkPyojz3o ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories 2019 End-of-Year Thoughts https://css-tricks.com/category/2019-end-of-year-thoughts/ Lite YouTube Embed – A faster youtube embed https://github.com/paulirish/lite-youtube-embed Multiple-column Layout and column-span in Firefox 71 https://hacks.mozilla.org/2019/11/multiple-column-layout-and-column-span-in-firefox-71/ Highlights from Chrome Dev Summit 2019 https://bitsofco.de/chrome-dev-summit-2019/ Release Notes for Safari Technology Preview 96 https://webkit.org/blog/9658/release-notes-for-safari-technology-preview-96/ What’s New in ES2019? http://www.zsoltnagy.eu/whats-new-in-es2019/ Single div CSS Tesla Cybertruck https://codepen.io/lynnandtonic/full/NWWmzjr How Do You Remove Unused CSS From a Site? https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/ Responsible JavaScript: Part III https://alistapart.com/article/responsible-javascript-part-3/ Adaptive Loading - Improving Web Performance on low-end devices https://dev.to/addyosmani/adaptive-loading-improving-web-performance-on-low-end-devices-1m69 ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Announcing core Node.js support for ECMAScript modules https://medium.com/@nodejs/announcing-core-node-js-support-for-ecmascript-modules-c5d6dc29b663 Postwoman: An API Request Builder and Tester https://github.com/liyasthomas/postwoman The State of JavaScript on the Web by the HTTP Archive https://almanac.httparchive.org/en/2019/javascript Composing Angular Components with Typescript Mixins https://blog.bitsrc.io/composing-angular-components-with-typescript-mixins-31e3833560f7 Cropping Images to a specific Aspect Ratio with JavaScript https://pqina.nl/blog/cropping-images-to-an-aspect-ratio-with-javascript/ I created the exact same app in React and Svelte. Here are the differences. |https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-svelte-here-are-the-differences-c0bd2cc9b3f8 Pika Opens Its 'Write Once, Run Natively Everywhere' JavaScript Registry for Early Access https://www.pika.dev/registry jQuery Core Migrating from AMD Modules to ES Modules https://github.com/jquery/jquery/commit/d0ce00cdfa680f1f0c38460bc51ea14079ae8b07 Getting Started With An Express And ES6+ JavaScript Stack https://www.smashingmagazine.com/2019/11/express-es6-javascript-stack-mongodb-mongoose-servers/ Techniques for instantiating classes https://2ality.com/2019/11/creating-class-instances.html We should rebrand JavaScript. Yep? Nope? https://changelog.com/jsparty/101 Compile-time Immutability in TypeScript https://www.sitepoint.com/compile-time-immutability-in-typescript/ Having fun with ES6 proxies https://blog.logrocket.com/having-fun-with-es6-proxies/ Angular - Build a Budget Calculator Application https://www.youtube.com/watch?v=sU4z4Ti-8OQ EasyDB A one-click database. No server required. https://easydb.io/ Real-time GraphQL API Exploration in VS Code https://github.com/oslabs-beta/GraphQuill Lightweight web framework for your serverless applications https://github.com/jeremydaly/lambda-api The Apple® Siri wave-form replicated in a JS library. https://github.com/kopiro/siriwave The Most Important Feature in Vue https://michaelnthiessen.com/most-important-feature-vue Production-ready Vue SSR in 5 Simple Steps https://medium.com/namecheap-engineering/production-ready-vue-ssr-in-5-simple-steps-39d171904150 CSS Modules in Vue.js https://dev.to/fridanyvall/css-modules-in-vue-js-2267 Time Traveling State Debugger — Reactime — Now Supporting Concurrent Mode, Routers, and more https://blog.usejournal.com/time-traveling-state-debugger-reactime-now-supporting-concurrent-mode-routers-and-more-56f9ca6f7601 Meet Doctor, a new React Native command https://facebook.github.io/react-native/blog/2019/11/18/react-native-doctor Authenticating Your First React App https://auth0.com/blog/authenticating-your-first-react-app/ React component library: Develop a multilingual app https://buttercms.com/blog/react-component-library-develop-a-multilingual-app Create a Modern Dynamic Sidebar Menu in React Using Recursion https://dev.to/jsmanifest/create-a-modern-dynamic-sidebar-menu-in-react-using-recursion-36eo Build your own React https://pomb.us/build-your-own-react/ ----------------------------- **for more -subscribe to the channel ** https://t.me/webWekkly

Node Weekly Node.js Feature Livecoding - Anna Henningsen https://www.youtube.com/watch?v=cFzFaPqNy1k Node.js 12.x runtime now available in AWS Lambda https://aws.amazon.com/blogs/compute/node-js-12-x-runtime-now-available-in-aws-lambda/ Updating App Engine with more new runtimes: Nodejs 12, Go 1.13, PHP 7.3 and Python 3.8 https://cloud.google.com/blog/products/application-development/updating-app-engine-with-more-new-runtimes npm Security Insights API Preview Part 3: Behavioral Analysis https://blog.npmjs.org/post/189189888357/npm-security-insights-api-preview-part-3 Natural language processing for Node.js https://blog.logrocket.com/natural-language-processing-for-node-js/ Working with Node.js Stream API https://medium.com/florence-development/working-with-node-js-stream-api-60c12437a1be A declarative way to cache PostgreSQL queries using Node.js https://dev.to/gajus/a-declarative-way-to-cache-postgresql-queries-using-node-js-4fbo Writing A Multiplayer Text Adventure Engine In Node.js: Adding Chat Into Our Game (Part 4) https://www.smashingmagazine.com/2019/11/multiplayer-text-adventure-engine-node-js-part-4/ Publish NPM package with GitHub Actions https://juffalow.com/javascript/publish-npm-package-with-github-actions Real-time GraphQL API Exploration in VS Code https://github.com/oslabs-beta/GraphQuill Liberating disk space from 📁node_modules https://github.com/pranshuchittora/autarky Environment variable validation for Node.js https://github.com/af/envalid GitHub for mobile https://github.com/mobile?ref=weekly Node v12.13.1 https://nodejs.org/en/blog/release/v12.13.1/ NPM Release: 6.13.1 https://blog.npmjs.org/post/189152172465/release-6131 ----------------------------- **for more -subscribe to the channel ** https://t.me/webWekkly

Frontend Focus What Newspapers Can Teach Us About Web Design https://www.smashingmagazine.com/2019/11/newspapers-teach-web-design/ Intent to Explain: Demystifying the Blink Shipping Process https://blog.chromium.org/2019/11/intent-to-explain-demystifying-blink.html GSAP 3 Is Available Now! https://greensock.com/3 Become An HTML Email Geek With These Videos From Rémi Parmentier https://www.smashingmagazine.com/2019/11/html-email-webinar/ Cropping Images to a specific Aspect Ratio with JavaScript https://pqina.nl/blog/cropping-images-to-an-aspect-ratio-with-javascript/ Chrome, Edge, Safari hacked at elite Chinese hacking contest https://www.zdnet.com/article/chrome-edge-safari-hacked-at-elite-chinese-hacking-contest/ Firefox’s fight for the future of the web https://www.theguardian.com/technology/2019/nov/17/firefox-mozilla-fights-back-against-google-chrome-dominance-privacy-fears Interactive web animation with SVG - Cassie Evans https://vimeo.com/373163932 GOTO 2019 • HTTP Headers for the Responsible Developer • Stefan Judis https://www.youtube.com/watch?v=JfjiFsJsO4E How Do You Remove Unused CSS From a Site? https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/ The Component Based WordPress Starter Theme for Developers https://flyntwp.com/ You are doing :focus wrong https://www.youtube.com/watch?v=Mvu5OMGcdVA ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Front-End Front Top Stories Results of the Front-End Tooling Survey 2019 https://ashn.uk/tooling-results-2019 Uncommon Use Cases For Pseudo Elements https://ishadeed.com/article/unusual-use-cases-pseudo-elements/ The 2019 Web Almanac – HTTP Archive’s annual state of the web report https://almanac.httparchive.org/en/2019/ Pac-Man… in CSS! https://css-tricks.com/pac-man-in-css/ CSS Logical Properties https://adrianroselli.com/2019/11/css-logical-properties.html When to Use SVG vs. When to Use Canvas https://css-tricks.com/when-to-use-svg-vs-when-to-use-canvas/ Testing Color Contrast & Simulating Color Blindness with the Firefox Accessibility Inspector https://www.youtube.com/watch?v=eBefjaWud-M The main thread is overworked & underpaid (Chrome Dev Summit 2019) https://www.youtube.com/watch?v=7Rrv9qFMWNM HTMHell – Markup from hell https://www.htmhell.dev/ Build your own React https://pomb.us/build-your-own-react/ ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly Console cheat sheet for JavaScript developers https://levelup.gitconnected.com/console-cheat-sheet-for-javascript-developers-21f0c49604d4 Build your own React https://pomb.us/build-your-own-react/ Announcing the Bytecode Alliance: Building a secure by default, composable future for WebAssembly https://hacks.mozilla.org/2019/11/announcing-the-bytecode-alliance/ The introductory guide to AssemblyScript https://blog.logrocket.com/the-introductory-guide-to-assemblyscript/ The Front-End Tooling Survey 2019 - Results https://ashleynolan.co.uk/blog/frontend-tooling-survey-2019-results Brendan Eich, Inventor of JavaScript, Did a Reddit AMA https://www.reddit.com/r/IAmA/comments/dwfbmf/im_brendan_eich_inventor_of_javascript_and/?sort=top 30 Seconds of Code: A Curated Collection of Useful JS Snippets https://github.com/30-seconds/30-seconds-of-code#readme Handling null and undefined in JavaScript https://medium.com/javascript-scene/handling-null-and-undefined-in-javascript-1500c65d51ae An Early Look at the Vue 3 Composition API in the Wild https://css-tricks.com/an-early-look-at-the-vue-3-composition-api-in-the-wild/ Making an Audio Waveform Visualizer with Vanilla JavaScript https://css-tricks.com/making-an-audio-waveform-visualizer-with-vanilla-javascript/ How to add testing to an existing project https://kentcdodds.com/blog/how-to-add-testing-to-an-existing-project Understanding client side routing by implementing a router in Vanilla JS http://willtaylor.blog/client-side-routing-in-vanilla-js/ How Discord achieves native iOS performance with React Native https://blog.discordapp.com/how-discord-achieves-native-ios-performance-with-react-native-390c84dcd502 Making instagram.com faster: Code size and execution optimizations (Part 4) https://instagram-engineering.com/making-instagram-com-faster-code-size-and-execution-optimizations-part-4-57668be796a8 How TypeScript 3.7 Helps Quality https://killalldefects.com/2019/11/06/how-typescript-3-7-helps-quality/ json-generator https://www.json-generator.com/ Node.js Production Process Manager with a built-in Load Balancer https://github.com/Unitech/pm2 Tiny & elegant HTTP client based on window.fetch https://github.com/sindresorhus/ky The fastest JSON Schema Validator. https://github.com/epoberezkin/ajv Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser https://github.com/fabricjs/fabric.js Logs a progress bar and estimation for how long a Promise will take to complete https://github.com/bvaughn/progress-estimator Spotify client built with vue.js / vuex https://github.com/gk4m/vue-spotify Understanding React's key prop https://kentcdodds.com/blog/understanding-reacts-key-prop How to test React-Redux hooks via Jest http://www.albertgao.xyz/2019/11/05/how-to-test-react-redux-hooks-via-jest/ VueConf Toronto 2019 Talk Slides https://vuetoronto.com/slides/?utm_campaign=Vue.js%20News&utm_medium=email&utm_source=Revue%20newsletter ----------------------------- **for more -subscribe to the channel ** https://t.me/webWekkly

Node Weekly Generating PDFs with Node https://buttercms.com/blog/generating-pdfs-with-node Linkinator: A Tool That Finds Your Site's Broken Links https://github.com/JustinBeckwith/linkinator 🚀 One command to generate REST APIs for any MySql Database. https://github.com/o1lab/xmysql TypeScript Setup for Node.js with VS Code https://zaiste.net/typescript-setup-for-nodejs-with-vscode/ The integration platform built for developers https://pipedream.com/ Handling Errors in Express https://zellwk.com/blog/express-errors/ Serverless: How to Publish Your App and Not Your Source Code https://academy.ilyakam.com/serverless-how-to-publish-your-app-and-not-your-source-code-743e884d22d6 Node.js based forum software built for the modern web https://github.com/NodeBB/NodeBB npm@6.13.0 https://dev.to/ruyadorno/npm-6-13-0-7f3 Node.js Production Process Manager with a built-in Load Balancer https://github.com/Unitech/pm2 FTP client for Node.js, supports explicit FTPS over TLS, passive mode over IPv6, async/await, and Typescript. https://github.com/patrickjuchli/basic-ftp The fastest JSON Schema Validator. https://github.com/epoberezkin/ajv The open-source Conversational Platform with built-in language understanding (NLU), beautiful graphical interface and Dialog Manager (DM). Easily create chatbots and AI-based virtual assistants. https://github.com/botpress/botpress Publish an NPM Package in 7 Minutes | Create & Deploy https://www.youtube.com/watch?v=mpjEvLUUtNg ----------------------------- for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Firefox at 15: its rise, fall, and privacy-first renaissance https://www.fastcompany.com/90428050/firefox-at-15-its-rise-fall-and-privacy-first-renaissance The Front-End Tooling Survey 2019 - Results https://ashleynolan.co.uk/blog/frontend-tooling-survey-2019-results Moving towards a faster web| https://blog.chromium.org/2019/11/moving-towards-faster-web.html Uncommon Use Cases For Pseudo Elements https://ishadeed.com/article/unusual-use-cases-pseudo-elements/ Keynote (Chrome Dev Summit 2019) https://www.youtube.com/watch?v=F1UP7wRCPH8 PRELOADING FONTS: WHEN DOES IT MAKE SENSE? https://betterwebtype.com/articles/2019/11/02/preloading-fonts-when-does-it-make-sense/ Semantic sidenotes for the web https://www.kooslooijesteijn.net/blog/semantic-sidenotes Some Things You Oughta Know When Working with Viewport Units https://css-tricks.com/some-things-you-oughta-know-when-working-with-viewport-units/ HTML isn’t done! (Chrome Dev Summit 2019) https://www.youtube.com/watch?v=ZFvPLrKZywA 🐿 Scurry around your site and find all those broken links. https://github.com/JustinBeckwith/linkinator When to Use SVG vs. When to Use Canvas https://css-tricks.com/when-to-use-svg-vs-when-to-use-canvas/ A Super Weird CSS Bug That Affects Text Selection https://css-tricks.com/a-super-weird-css-bug-that-affects-text-selection/ How to use ffmpeg to combine multiple videos to one https://ma.ttias.be/use-ffmpeg-combine-multiple-videos/ JavaScript isn’t always available and it’s not the user’s fault https://adamsilver.io/articles/javascript-isnt-always-available-and-its-not-the-users-fault/ Nordic.js 2019 • Rachel Andrew - Refactoring (the way we talk about) CSS https://www.youtube.com/watch?v=eaLbSSmhVr0 ----------------------------- *for more -subscribe to the channel* https://t.me/webWekkly

Front-End Front Top Stories Pure CSS Lace https://diana-adrianne.com/purecss-lace/ The Trick to Animating the Dot on the Letter “i” https://css-tricks.com/the-trick-to-animating-the-dot-on-the-letter-i/ Things We Can’t (Yet) Do In CSS https://www.smashingmagazine.com/2019/11/css-things-cant-yet-do/ :is() selector https://twitter.com/argyleink/status/11925623854892605 44 CSS Grid: Restaurant Website https://codepen.io/oliviale/full/LYYrKMV Link Fill on Hover https://codepen.io/kathykato/pen/zYYRGRQ Rethinking the Frontend https://levelup.gitconnected.com/rethinking-the-front-end-c0d86ccbbfe7?source=friends_link&sk=4e44c10ff075d46e3c7d8956097a89fe Auditing For Accessibility Problems With Firefox Developer Tools https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/ Modern JavaScript features you may have missed http://www.breck-mckye.com/blog/2019/10/modern-javascript-features-you-may-have-missed/ CSS Variables With Inline Styles https://ishadeed.com/article/css-variables-inline-styles/ ----------------------------- *for more -subscribe to the channel* https://t.me/webWekkly -------------------------

JavaScript Weekly How a 3D Tunnel Effect is Implemented in 140 Characters of JavaScript http://frankforce.com/?p=7160#shattered Announcing TypeScript 3.7 https://devblogs.microsoft.com/typescript/announcing-typescript-3-7/ How TypeScript 3.7 Improves Code Quality https://medium.com/javascript-in-plain-english/how-typescript-3-7-helps-quality-bb2b143f7425 Learning React as An Angular Developer https://medium.com/better-programming/learning-react-as-an-angular-developer-e064b3505c21 React Conf 2019 https://www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh#reactconfvideos Snyk's JavaScript Frameworks Security Report 2019 https://snyk.io/blog/javascript-frameworks-security-report-2019/ Algebraic Structures: Things I Wish Someone Had Explained About Functional Programming https://jrsinclair.com/articles/2019/algebraic-structures-what-i-wish-someone-had-explained-about-functional-programming/ Understanding the Delete Operator in JavaScript https://blog.bitsrc.io/understanding-the-delete-operator-in-javascript-3791ba6f3a08 A Complete Guide to JavaScript Tooling https://dev.to/hoangbkit/a-complete-guide-to-javascript-tooling-56eg How to Fully Optimize Webpack 4 Tree Shaking https://medium.com/@craigmiller160/how-to-fully-optimize-webpack-4-tree-shaking-405e1c76038 Scaling WebSocket Connections using Shared Workers https://ayushgp.github.io/scaling-websockets-using-sharedworkers/ Client-Side SQL Query Parsing with ANTLR https://rockset.com/blog/client-side-sql-query-parsing-with-antlr/ Google Maps is now an Angular component https://blog.angularindepth.com/google-maps-is-now-an-angular-component-821ec61d2a0 How to send good pull requests on GitHub https://eli.thegreenplace.net/2019/how-to-send-good-pull-requests-on-github/ Breaking Chains with Pipelines in Modern JavaScript https://www.wix.engineering/post/breaking-chains-with-pipelines-in-modern-javascript The extension provides refactoring tools for your React/Javascript/Typescript codebase (למי שפספס את התוסף של בוריס) https://github.com/wix/vscode-glean High performance Node.js image processing https://github.com/lovell/sharp Proton Javascript particle animation engine http://a-jie.github.io/Proton/ Building Great User Experiences with Concurrent Mode and Suspense https://reactjs.org/blog/2019/11/06/building-great-user-experiences-with-concurrent-mode-and-suspense.html Experimenting with the new React Concurrent mode https://swizec.com/blog/experimenting-with-the-new-react-concurrent-mode/swizec/9231 Build your own React in 90 lines of JavaScript https://dev.to/ameerthehacker/build-your-own-react-in-90-lines-of-javascript-1je2 Fun With Bluetooth https://www.youtube.com/watch?v=XDc5HUVMI5U Quasar Vue.js Tutorial - Input and Search With SSR https://www.youtube.com/watch?v=EfSWmdSYIGk for more -subscribe to the channel https://t.me/webWekkly

Node Weekly Unit testing Node.js applications using Mocha, Chai, and Sinon https://blog.logrocket.com/unit-testing-node-js-applications-using-mocha-chai-and-sinon/ Building a native add-on for Node.js in 2019 https://blog.sqreen.com/building-a-native-add-on-for-node-js-in-2019/ Nordic.js 2019 • James Simpson - Building Distributed Systems with Node.js https://www.youtube.com/watch?v=GUtd-zEDgjQ Electron Documentation - Performance https://electronjs.org/docs/tutorial/performance Tutorial: Build a Node.js web app using the JavaScript SDK to manage a SQL API account in Azure Cosmos DB https://docs.microsoft.com/en-us/azure/cosmos-db/sql-api-nodejs-application How to Build Your First Discord Bot with Node.js https://www.sitepoint.com/discord-bot-node-js/ Building a native add-on for Node.js in 2019 https://blog.sqreen.com/building-a-native-add-on-for-node-js-in-2019/ You Cannot Submit an Electron 6 (or 7) App to the Apple Store https://david.dev/you-cannot-submit-an-electron-6-or-7-app-to-the-apple-store Node v13.1.0 https://nodejs.org/en/blog/release/v13.1.0/ Build data-driven GitHub Badges with Node.js and OpenFaaS Cloud https://www.openfaas.com/blog/github-badges/ High performance Node.js image processing https://github.com/lovell/sharp A simple and elegant markdown editor https://github.com/marktext/marktext Add funding support to package.json https://github.com/npm/rfcs/blob/latest/accepted/0017-add-funding-support.md Making things fast in world of build tools by Surma & Jake Archibald https://www.youtube.com/watch?v=fWc3Zu6A3Ws&feature=em-uploademail for more -subscribe to the channel https://t.me/webWekkly

Frontend Focus Microsoft unveils new Edge browser logo that no longer looks like Internet Explorer https://www.theverge.com/2019/11/2/20944341/microsoft-edge-chromium-browser-logo-icon-wave-surf-new A Comparison of Static Form Providers https://itnext.io/a-comparison-of-static-form-providers-2adc51c87053 Creating Online Environments That Work Well For Older Users https://www.smashingmagazine.com/2019/11/online-environments-older-users/ The Evolution of Material Design’s Text Fields https://medium.com/google-design/the-evolution-of-material-designs-text-fields-603688b3fe03 New CSS for Styling Underlines on the Web https://www.youtube.com/watch?v=sZS-7RX_c7g The Trick to Animating the Dot on the Letter “i” https://css-tricks.com/the-trick-to-animating-the-dot-on-the-letter-i/ Microsoft confirm their new Chromium-powered Edge browser is coming to Linux https://www.gamingonlinux.com/articles/microsoft-confirm-their-new-chromium-powered-edge-browser-is-coming-to-linux.15352 pure css-lace (למי שפספס) https://diana-adrianne.com/purecss-lace/ Web Extension starter to build "Write Once Write on any Browser" extension https://github.com/abhijithvijayan/web-extension-starter Credit card form with smooth and sweet micro-interactions https://github.com/muhammederdem/vue-interactive-paycard Proposal to allow specifying a text snippet in a URL fragment https://github.com/WICG/ScrollToTextFragment A Business Case for Dropping Internet Explorer https://css-tricks.com/a-business-case-for-dropping-internet-explorer/ Things We Can’t (Yet) Do In CSS https://www.smashingmagazine.com/2019/11/css-things-cant-yet-do/ Getting your sites ready for the new Microsoft Edge https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/#PfqhFj571ggdy3Hw.97 React Conf 2019 https://www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh#reactconfvideos useReducer with TypeScript https://www.youtube.com/watch?v=9BfwPyrFZzA for more -subscribe to the channel https://t.me/webWekkly