Programming & AI Tips 💡

Writing middleware for use in Express.js apps 🔥 Overview 🔎 Middleware functions are functions that have access to the request object (req), the response object (res), and the next function in the application’s request-response cycle. The next function is a function in the Express router which, when invoked, executes the middleware succeeding the current middleware. ⏭ Middleware can perform 💎 • Execute any code. • Make changes to the request and the response objects. • End the request-response cycle. • Call the next middleware in the stack. 🔸🔹🔸🔹 Configurable middleware 📥 If you need your middleware to be configurable, export a function which accepts an options object or other parameters, which, then returns the middleware implementation based on the input parameters.

in my-middleware.js

module.exports = function(options) {
  return function(req, res, next) {
    // Implement the middleware function 
    next();
  }
}

🔸🔹🔸🔹 Usage Middleware 📤 The middleware can now be used as shown below.

const mddleware = require('./my-middleware.js')
app.use(mddleware({ option1: '1', option2: '2' }))

https://t.me/pgimg/77 〰〰〰〰〰〰 #JavaScript #Express #Middleware @ProgrammingTip

Why I am in love with ES6❓ ES6 brings many new features to vanilla javascript making the language do more with less syntax. 🔥 New features like let and fat arrows let us manage scope very easily too. 🙇🏻 Some of ES6 new features 💎 : • Fat arrows • Rest/Spread Operators • Object Deconstruction • Default Parameters • import & export keywords https://t.me/pgimg/76 [ Article ] : http://bit.do/es6 〰〰〰〰〰〰 #JavaScript #ES6 @ProgrammingTip

Improving ASP.NET MVC Routing Configuration ✅ This post covers some ways you can improve the testability and reduce framework coupling when configuring routing in an ASP.NET MVC application. 🔥 https://t.me/pgimg/75 [ Article ] : http://bit.do/aspcr 〰〰〰〰〰〰 #AspMvc #Decoupling @ProgrammingTip

Angular 4 Custom Validation for Template Driven forms 🅰️ This article consists an example for a custom email validator using regex. 🌐 Angular 4 Already has a built-in validator for this “ng-pattern”. ⚠️ But this article is more focused on creating a base for custom validators so you could improve and use it for other use cases. 💎 Usage :

<input type="email" emailvalidator>

https://t.me/pgimg/74 [ Website ] : http://bit.do/anva 〰〰〰〰〰〰 #JavaScript #Angular #Forms @ProgrammingTip

The difference between ForEach, and For… In 💫 This is going to be a quick introduction to foreach, and for...in in JavaScript. ☝🏻 This article was written to introduce you to new methods that you can you can use instead of always using for loops.⚡️ https://t.me/pgimg/73 [ Article ] : http://bit.do/jsfor 〰〰〰〰〰〰 #JavaScript @ProgrammingTip

Semantic UI React ⚛️ Semantic UI React is the official React integration for Semantic UI .🙅🏻‍♂️ 🔸 jQuery Free 🔹 Declarative API 🔸 Augmentation 🔹 Shorthand Props 🔸 Sub Components 🔹 Auto Controlled State https://t.me/pgimg/72 [ Usage ] : https://react.semantic-ui.com/usage [ Website ] : https://react.semantic-ui.com 〰〰〰〰〰〰 #React #Semantic #FrontEnd @ProgrammingTip

All Kyle Simpson's (You Don't Know JS author) courses are free 💸 untill the next monday❗️ https://t.me/pgimg/71 [ Website ] : http://bit.do/ksim 〰〰〰〰〰〰 #JavaScript #ES6 #Tutorial @ProgrammingTip

What is Dynamic Proxy❓ A proxy, in its most general form, is a class functioning as an interface to something else. ↗️ The proxy could interface to anything : • A network connection 🌐 • A large object in memory 🗂 • A file 📄 • Some other resource that is expensive or impossible to duplicate. 💸 🔹🔸🔹🔸🔹🔸 One way of thinking about proxies, is by the analogy to The Matrix 🕶 by Krzysztof Koźmic 🤔 :

“People in the matrix aren’t the actual people ( “The spoon does not exist”, remember❓)

They’re proxies to the actual people that can be… wherever.🌍

They look like ones, they behave like ones, but at the same time, they are not them actually.🙅🏻‍♂️

Another implication is the fact that different rules apply to proxies.✳️

Proxies can be what the proxied objects are, but they can be more (flying, running away from bullets, that kind of stuff).✈️

One more important thing, is that proxies ultimately delegate the behavior to the actual objects behind them (kind of like – “if you’re killed in the matrix, you die in the real life as well”☠️).”

A dynamic proxy is a proxy that is generated on the fly at runtime. ✅ https://t.me/pgimg/70 〰〰〰〰〰〰 #Proxy #DynamicProxy @ProgrammingTip

Cool, the " Ranges " feature is planned for C# 7.3❗️ [ Github ] : http://bit.do/csran 〰〰〰〰〰〰 #CSharp @ProgrammingTip

File Ultimate 🔥 File manager control for integrating file browsing, upload & download features into your ASP.NET MVC & WebForms application or site rapidly. 💎 Supports ✨ : • ASP.NET Web Forms ( C# ) • ASP.NET Web Forms ( VB ) • ASP.NET MVC ( C# ) • ASP.NET MVC ( VB ) Features ⚡️ : • Browse and manage files with access control. • Accept files with the advanced upload functionality. • Offer a structured and neat download area. • Preview documents (70+ file formats, including PDF © Microsoft Office), images, audios and videos. 🔹🔸🔹🔸 https://t.me/pgimg/69 [ Github ] : http://bit.do/fgit [ Demo ] : http://bit.do/fmade 〰〰〰〰〰〰 #AspMvc #FileManager #Uploader @ProgrammingTip

NGX Toastr 💎 Easy Toasts for Angular 🅰️ 🔹🔸🔹🔸 Features ✨: • Toast Component Injection without being passed ViewContainerRef 〰〰〰 • No use of *ngFor. Fewer dirty checks and higher performance. 〰〰〰 • AoT compilation and lazy loading compatible 〰〰〰 • Component inheritance for custom toasts 〰〰〰 • SystemJS/UMD rollup bundle 〰〰〰 • Animations using Angular's Web Animations API 〰〰〰 • Output toasts to an optional target directive 〰〰〰 • Individual Options 🔹🔸🔹🔸 https://t.me/pgimg/68 [ Github ] : http://bit.do/ngxg [ Demo ] : http://bit.do/ngxd 〰〰〰〰〰〰 #Angular #Notification #Toastr @ProgrammingTip

Import and export in ES6 📚 Export is ES6' way of saying 🗣 :

“Make this code available for other modules.”

Import is the opposite, and tries to get code from other modules. 🔹What is modules❓ 🔸Diffrence between export and export default https://t.me/pgimg/67 [ Article ] : https://goo.gl/EJ3e6H 〰〰〰〰〰〰 #JavaScript #ES6 #Modules @ProgrammingTip

Axosoft GitKraken: Unleash Your Repo! 🐙 The legendary Git GUI client for Windows, Mac and Linux. 🐧 Axosoft GitKraken is a Git client with efficiency, elegance and reliability at the core. It was made for devs by devs. 🤘 Features You can do all the standard things you should be able to do with a git client; branching, merging, pulling, pushing, reverting, etc. ✨ The range of options you have for each commit 🔥 🔹 Set Upsteam 🔸 Branch from a historic commit 🔹 Cherrypick from commit 🔸 Revert the commit 🔹 Edit the commit message 🔸 Deleting the commit (and remote versions of it) 🔹 Creating a tag from a commit https://t.me/pgimg/66 [Website] : https://gitkraken.com 〰〰〰〰〰〰 #Git #VCS @ProgrammingTip

PopSQL ✨ Modern, collaborative SQL editor for your team. 🗂 🔹Collaborate in realtime, just like a Google Doc 🔹Share queries by URL, and organize them in folders 🔹Visualize your data automatically 🔹Works with many types of databases https://t.me/pgimg/65 [ Website ] : popsql.io 〰〰〰〰〰〰 #SQL #Database #Tools @ProgrammingTip

Programmers Life :))) { @CodeTweets }

Write tests, Not too many, Mostly integration. ✅ A while back, Guillermo Rauch‏ ( Creator of Socket.io ) tweeted something profound :

Write tests. Not too many. Mostly integration.💎 

This is deep, albeit short, so let’s dive in. 🌀 https://t.me/pgimg/62 [ Article ] : http://bit.do/iut 〰〰〰〰〰〰 #UnitTest @ProgrammingTip

JavaScript — Double Equals VS Triple Equals ✨ JavaScript has two visually similar, yet very different, ways to test equality. 🤓 You can test equality with == or === 🔅 Triple Equals ✅ When using triple equals === in JavaScript, we are testing for strict equality. This means both the type and the value we are comparing have to be the same. Example :

77 === '77'
// false (Number v. String)

🔹🔸🔹🔸 Double equals ✅ When using double equals in JavaScript we are testing for loose equality. Double equals also performs type coercion. Example :

77 == '77'
// true

https://t.me/pgimg/61 [ Article ] : http://bit.do/jseq 〰〰〰〰〰〰 #JavaScript #Equality @ProgrammingTip

Overloading VS Overriding 🌓 〰〰〰〰〰〰 #Fun #SimplyExplained @ProgrammingTip

ASP.NET Core Web Optimizer ⚡️ ASP.NET Core middleware for bundling and minification of CSS and JavaScript files at runtime. ⌛️ With full server-side and client-side caching to ensure high performance. 💨 No complicated build process and no hassle. ✅ 🔸🔹🔸🔹 Installation 📥 : 1️⃣ Add the NuGet package LigerShark.WebOptimizer.Core to any ASP.NET Core 2.0 project :

dotnet add package LigerShark.WebOptimizer.Core

2️⃣ Add this to Configure in Startup.cs before app.UseStaticFiles :

app.UseWebOptimizer();

3️⃣ Finally add this to ConfigureServices :

services.AddWebOptimizer();

That's it. 🤚🏻 You have now enabled automatic CSS and JavaScript minification. 💎 🔸🔹🔸🔹 Features 🔥 : • Minification • Bundling • Cache Busting • Inlining Content • Compiling SCSS • Compiling LESS • Compiling TypeScript https://t.me/pgimg/60 [ Demo ] : http://bit.do/optde [ Github ] : http://bit.do/optgit 〰〰〰〰〰〰 #AspMvc #Core #Bundling #Minify @ProgrammingTip

Material-UI ✨ A Set of React Components that Implement Google's Material Design ⚛️ Material-UI is available as an npm package : npm install material-ui https://t.me/pgimg/59 [ Website ] : material-ui.com 〰〰〰〰〰〰 #React #Material #Library @ProgrammingTip