The weekly

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

Front-End Front Top Stories The two-value syntax of the CSS Display property https://hacks.mozilla.org/2019/10/the-two-value-syntax-of-the-css-display-property/ The Current State of Styling Selects in 2019 https://css-tricks.com/the-current-state-of-styling-selects-in-2019/ Release Notes for Safari Technology Preview 95 https://webkit.org/blog/9621/release-notes-for-safari-technology-preview-95/ Interactive web animation with SVG https://www.youtube.com/watch?v=8p5SDI4TNDc&feature=youtu.be Are There Random Numbers in CSS? https://css-tricks.com/are-there-random-numbers-in-css/ Everyone uses CSS frameworks https://medium.com/@guerriero_se/everyone-uses-css-frameworks-f99a07ad7d50 What’s New In DevTools (Chrome 79) https://developers.google.com/web/updates/2019/10/devtools svg-autocrop — An NPM module to autocrop and slim down SVGs https://github.com/cncf/svg-autocrop Debugging Front End is not only a matter of tech https://medium.com/@fuladuf/debugging-front-end-is-not-only-a-matter-of-tech-56b4308585d8 Writing Asynchronous Tasks In Modern JavaScript https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/ for more -subscribe to the channel https://t.me/webWekkly

JavaScript Weekly 42 most popular GitHub JS repositories in October 2019 https://itnext.io/42-most-popular-github-js-repositories-in-october-2019-eeb73a803fd5 Easy Micro-Frontends https://itnext.io/prototyping-micro-frontends-d03397c5f770 Modern JavaScript features you may have missed http://www.breck-mckye.com/blog/2019/10/modern-javascript-features-you-may-have-missed/ You Don't Know JS Yet: Getting Started https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/getting-started/README.md Introducing Concurrent Mode (Experimental) https://reactjs.org/docs/concurrent-mode-intro.html Create graphs from your CommonJS, AMD or ES6 module dependencies https://github.com/pahen/madge Exciting new features in Vue 3 https://vueschool.io/articles/vuejs-tutorials/exciting-new-features-in-vue-3/ Lack of cdnjs activity https://github.com/cdnjs/cdnjs/issues/13524 Aurelia vNext: A 2019 Fall Update https://aurelia.io/blog/2019/10/31/aurelia-vnext-2019-fall-update/ The Svelte Handbook https://www.freecodecamp.org/news/the-svelte-handbook/ JavaScript Promises: Zero To Hero Plus Cheat Sheet https://medium.com/dailyjs/javascript-promises-zero-to-hero-plus-cheat-sheet-64d75051cffa 10 Good Practices for Building and Maintaining Large Vue.js Projects https://www.telerik.com/blogs/10-good-practices-building-maintaining-large-vuejs-projects Encapsulation in JavaScript https://medium.com/javascript-scene/encapsulation-in-javascript-26be60e325b4 How to Set Up Angular Unit Testing with Jest https://www.amadousall.com/how-to-set-up-angular-unit-testing-with-jest/ What Is Functional Programming? https://www.sitepoint.com/what-is-functional-programming/ JavaScript labeled statements https://flaviocopes.com/javascript-labeled-statements/ Migrating a 50K SLOC Flow + React Native app to TypeScript https://blog.usejournal.com/migrating-a-flow-react-native-app-to-typescript-c74c7bceae7d JavaScript is C https://v4.chriskrycho.com/2018/javascript-is-c.html vue-interactive-paycard https://github.com/muhammederdem/vue-interactive-paycard Web Extension starter to build "Write Once Write on any Browser" extension https://github.com/abhijithvijayan/web-extension-starter Highlight unused dependencies in your package.json https://marketplace.visualstudio.com/items?itemName=juliensanmartin.vscode-depcheck#depcheck immer v5.0.0 https://github.com/immerjs/immer/releases/tag/v5.0.0 Idiomatic Redux: Redux Starter Kit 1.0 https://blog.isquaredsoftware.com/2019/10/redux-starter-kit-1.0/ Vue.js wrapper for Chart.js https://github.com/apertureless/vue-chartjs I tested a React app with Jest, Enzyme, Testing Library and Cypress. Here are the differences. https://medium.com/javascript-in-plain-english/i-tested-a-react-app-with-jest-testing-library-and-cypress-here-are-the-differences-3192eae03850 React Hooks for Remote Data Fetching https://swr.now.sh/ React Conf 2019 Day 1 https://www.youtube.com/watch?v=RCiccdQObpo Wait, you’re not using <React.StrictMode>?! https://medium.com/nmc-techblog/wait-youre-not-using-react-strictmode-a9713927a33b DNS Record Crash Course for Web Developers https://dev.to/chrisachard/dns-record-crash-course-for-web-developers-35hn 5 things you can do with CSS instead of JavaScript https://dev.to/bnevilleoneill/5-things-you-can-do-with-css-instead-of-javascript-975 vue-devtools 5.3.0 https://github.com/vuejs/vue-devtools/releases/tag/v5.3.0 Vue 3: Start Using it Today https://www.vuemastery.com/blog/vue-3-start-using-it-today FOUC and the Death of Progressive Enhancement by Kyle Simpson https://www.youtube.com/watch?v=HVSkcnIJEC0&feature=em-uploademail **for more -subscribe to the channel: ** https://t.me/webWekkly

Node Weekly Hands-on guide: developing and deploying Node.js apps in Kubernetes https://learnk8s.io/nodejs-kubernetes-guide/ Puppeteerv2.0.0 https://pptr.dev/ What happened to NodeSource https://nodesource.com/blog/what-happened-to-NodeSource Anatomy of AWS Lambda https://dev.to/sosnowski/anatomy-of-aws-lambda-1i1e How To Build and Deploy a Node.js Application To DigitalOcean Kubernetes Using Semaphore Continuous Integration and Delivery https://www.digitalocean.com/community/tutorials/how-to-build-and-deploy-a-node-js-application-to-digitalocean-kubernetes-using-semaphore-continuous-integration-and-delivery 7 Methods for Working With Directories in NodeJS https://coderrocketfuel.com/article/7-methods-for-working-with-directories-in-node-js How to Build an Excellent Stripe Integration with Node.js: 4 Best Practices and Examples https://www.freecodecamp.org/news/stripe-and-node-js-4-best-practices-and-examples/ How to Build Your First Telegram Chatbot with Node.js https://www.sitepoint.com/how-to-build-your-first-telegram-chatbot-with-node-js/ Learn how to uploads files in Node.js and React.js with Formidable in 30 minutes https://www.youtube.com/watch?v=jtCfvuMRsxE The Power of Headless Chrome and PWA Automation Using Puppeteer https://engineering.opensooq.com/ qr code generator https://github.com/soldair/node-qrcode Node.js API to control Firefox https://github.com/deepsweet/foxr Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies https://github.com/kroitor/asciichart Parse CLI options, better. https://github.com/JorgeBucaran/getopts How To SELECT ... FOR UPDATE inside MongoDB Transactions https://www.mongodb.com/blog/post/how-to-select--for-update-inside-mongodb-transactions **for more -subscribe to the channel: ** https://t.me/webWekkly

Frontend Focus The problem with dropdown fields (and what you should use instead) https://designsmarts.co/the-problem-with-dropdowns/ CSS utility classes: Your library of extendable styles https://blog.logrocket.com/css-utility-classes-library-extendable-styles/ Bidirectional horizontal rules in CSS https://dev.to/hus_hmd/bidirectional-horizontal-rules-in-css-56f4 Why Are Accessible Websites so Hard to Build? https://css-tricks.com/why-are-accessible-websites-so-hard-to-build/ Why Parcel Has Become My Go-To Bundler for Development https://css-tricks.com/why-parcel-has-become-my-go-to-bundler-for-development/ Speed Up Your Website With WebP https://www.smashingmagazine.com/2019/10/speed-up-your-website-webp/ MAKING A PWA OUT OF THE 1996 SPACE JAM WEB SITE https://www.zachleat.com/web/space-jam/ What's New In DevTools (Chrome 79) https://developers.google.com/web/updates/2019/10/devtools Lightweight scroll animation library https://mciastek.github.io/sal/ Simple demonstration of FitText in CSS https://codepen.io/davatron5000/full/ZEEepRp GRID: A Simple Visual Cheatsheet for CSS Grid Layout http://grid.malven.co/ JAMstack Themes https://jamstackthemes.dev/ Minimal Wim-An experiment in minimal typography https://raffinaderij.booreiland.amsterdam/minimalwim/ Tim Berners-Lee published a document called HTML Tag https://www.webdesignmuseum.org/web-design-history/tim-berners-lee-published-a-document-called-html-tags-1991 Goodbye, Flash https://webmasters.googleblog.com/2019/10/goodbye-flash.html Are There Random Numbers in CSS? https://css-tricks.com/are-there-random-numbers-in-css/ Auditing For Accessibility Problems With Firefox Developer Tools https://hacks.mozilla.org/2019/10/auditing-for-accessibility-problems-with-firefox-developer-tools/ HTMHell - A Collection of Bad Practices in HTML, Copied From Real Websites https://www.htmhell.dev/ Inner & Outer Values of the Display Property https://www.youtube.com/watch?v=4Clyc38U-MA **for more -subscribe to the channel: ** https://t.me/webWekkly