Programming Tips 💡

Ngrok 🔥 Ngrok allows you to expose a web server running on your local machine to the internet. 🌐 Just tell ngrok what port your web server is listening on :👂🏻

ngrok http [port] -host-header="localhost:[port]"

Result ✅ :

Tunnel Status : online
Version : 2.0/2.0
Web Interface : 127.0.0.1:4040
Forwarding : http://92832de0.ngrok.io
Forwarding : https://92832de0.ngrok.io

You can now access your website from ✨ : http://92832de0.ngrok.io When you start ngrok, it will display a UI in your terminal with the public URL of your tunnel and other status and metrics information about connections made over your tunnel 🛠. Inspecting Your Traffic 📊 Ngrok provides a real-time web UI where you can introspect all of the HTTP traffic running over your tunnels. 👀 After you've started ngrok, just open http://localhost:4040 in a web browser to inspect request details. 🌀 https://t.me/pgimg/122 [ Docs ] : ngrok.com/docs 〰〰〰〰〰〰 #Ngrok #Testing @ProgrammingTip

Avoid Lazy Loading Entities in ASP.NET Applications 🙅🏻‍♂️ Lazy Loading is an Entity Framework feature that lets you worry less about the specific amount of data you need to fetch with a given query. 😌 Instead, you write simple queries, and Entity Framework will load the minimal amount of data (which is a good thing), and then will only fetch additional data on an as-needed basis. ✅ That is, rather than eager loading all of the related data a given entity might have, lazy loading is a technique that has EF perform the minimal amount of work needed up front, and then only performs additional work if it turns out to be necessary. ⚠️ This sounds like a great feature, but you should turn it off in your ASP.NET web apps. 🚫 This article explains why you should do this. 🧐 https://t.me/pgimg/121 [ Article ] : bit.do/lazyy 〰〰〰〰〰〰 #AspMvc #LazyLoading @ProgrammingTip

Blazor 🔥 An experimental .NET web framework using C#/Razor and HTML that runs in the browser via WebAssembly that is supported by Microsoft. 💎 Blazor is a .NET web framework that runs in any browser. 🌐 Blazor uses only the latest web standards. No plugins or transpilation needed. ✅ It runs in the browser on a real .NET runtime (Mono) implemented in WebAssembly that executes normal .NET assemblies. ⚡️ It works in older browsers too by falling back to an asm.js based .NET runtime. 👴🏿 Blazor will have all the features of a modern web framework, including ✨ : • Components • Routing • Layouts • Forms and validation • Dependency injection • JavaScript interop • Live reloading • Server-side rendering • Full .NET debugging https://t.me/pgimg/120 [ Github ] : bit.do/blazor [ Learn ] : learn-blazor.com [ Flight Finder ] : bit.do/ffinder [ Sample CRUD ] : bit.do/bzcrud 〰〰〰〰〰〰 #Blazor #AspMvc #Core @ProgammingTip

18 Interesting Things from jQuery ✨ jQuery is one of the most popular JavaScript libraries in use today. 💎 It is the library that is beloved by most of the web developers for scripting. 👾 In this article I'm going to share you some of the interesting things from that library. 🔥 https://t.me/pgimg/119 [ Article ] : bit.do/jqint 〰〰〰〰〰〰 #JavaScript #jQuery @ProgrammingTip

Using MariaDB with ASP.NET Core 2.0 🌊 What is MariaDB❓ MariaDB is a community-developed fork of the MySQL relational database management system intended to remain free under the GNU GPL. 🐧 Development is led by some of the original developers of MySQL, who forked it due to concerns over its acquisition by Oracle Corporation. 💎 Basically it is a fork of MySQL which is guaranteed to stay open source, and as noted it is supposed to be a drop-in replacement for MySQL. ✨ So let’s put this to the test with a simple ASP.NET Core application. 🔥 https://t.me/pgimg/118 [ Article ] : bit.do/mariad 〰〰〰〰〰〰 #AspMvc #Core #MariaDB #MySql @ProgrammingTip

Use DbContextPooling to Improve the Performance : .NET Core 2.1 Feature 💎 If you are familiar with .NET Core, then you might be knowing AddDbContext method. 🧐 This method is used to inject dependency of DbContext into your controller and it should be written in the Startup.cs class. 💉 So in case of AddDbContext, a new instance will be created for each request and would get disposed once the work is done. ♻️ New contexts are getting created for each request. ⏳ That is still fine but if there are more than 1k requests – 1k times object will be created and disposed, unless you have made it a Singleton. ☝🏻 Creating and disposing of so many objects may impact the performance. ❌ How DbContextPooling can help❓ https://t.me/pgimg/117 [ Article ] : http://bit.do/dbpol 〰〰〰〰〰〰 #AspMvc #Core @ProgrammingTip

Nivo ✨ Provides supercharged React components to easily build dataviz apps, it's built on top of d3. ⚛️ Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. 💎 Features : 🔸 Highly customizable 🔹 Motion/transitions 🔸 Component playground 🔹 Exhaustive documentation 🔸 Isomorphic rendering 🔹 SVG charts 🔸 HTML charts 🔹 Canvas charts 🔸 Server side rendering API 🔹 Gradients 🔸 Responsive charts https://t.me/pgimg/116 [ Source ] : github.com/plouc/nivo [ Document & Website ] : nivo.rocks 〰〰〰〰〰〰 #React #Chart #Calendar #Treemap #JavaScript @ProgrammingTip

Principle of Least Surprise 😳 Principle Statement : In interface design, always do the least surprising thing. 😨 Description : Never surprise the user. ❌ An interface should behave exactly as the user thinks it behaves. ✅ What surprises the user depends on the kind of interface and the type of user. 🖥 The central idea of PLS is to think about how the user would want to use the interface. 🤳🏻 Principle of least astonishment is when you, as an API designer, prevent your users from saying WAT. 😱 🔸🔹🔸🔹 Examples : 1️⃣ Consider an elevator with a button next to it that says "call". ☎️ When you press the button, the payphone phone rings (rather than calling the elevator to that floor). ❌ The correct design would be to put the call button next to the phone rather than the elevator. ⛓ 2️⃣ Think of a web page that has popup window that shows a windows style error with an 'ok' button on it. 🆗 People click the 'ok' button thinking it is for the operating system and instead go to another web page. 🌐 This astonishes the user. 😦 3️⃣ The name of a function should reflect what it does. Otherwise, a user of the function will be unpleasantly surprised❗️ Bad :

int multiply(int a, int b)
{
   return a + b;
}

Better :

int multiply(int a, int b)
{
   return a * b;
}

🔹🔸🔹🔸 When it comes to an API ... 👾 • Think about a toString() method that instead of printing out the fields returns back "to be implemented". 🤥 • An equals() method that works on hidden information. 👁 • Sometimes people try to implement a sorted list class by changing the add method to call sort() on the array afterwards. 🗂 This astonishing because the add method is supposed to append to the list. 🗳 This is especially astonishing when one gets back a List object with no knowledge that somewhere deep inside, someone violated the interface contract. 🤔 Having a method that does one distinct thing contributes to reduction of astonishment. ✅ https://t.me/pgimg/115 〰〰〰〰〰〰 #Principle #PLS @ProgrammingTip

Controller Lookup & Default Controller Factory 🏭 As the name, the Controller factory is the component responsible for searching and creating controllers.👷 Like many other components, ASP.NET MVC has a built-in factory named DefaultControllerFactory that's pretty much sufficient in most cases. 💎 Searching a controller is a perform intensive job and the DefaultControllerFactory does some efficient caching mechanism to avoid looking for controllers every time when there is a need. ✅ In this article we are going to explore how the DefaultControllerFactory searches for a controller and what kind of strategies it uses to do the process efficiently. ⚡️ https://t.me/pgimg/113 [ Article ] : bit.do/cfac 〰〰〰〰〰〰 #AspMvc #Controller #Depth @ProgrammingTip

ASP.NET Core 2 – Global Model Validation ⚠️ We use a lot of repetitive code in our actions. ♻️ Inside of our controller actions we usually check if the model is valid by using ModelState property available on MVC’s base controller class :

if (!ModelState.IsValid)  
  return BadRequest(ModelState);

The bad thing about is that we repeat this piece of code throughout a lot of our actions. ❌ How we can make it better❓ This article shows you how to validate ModelState with a global filter. 💎 https://t.me/pgimg/112 [ Article ] : bit.do/mval 〰〰〰〰〰〰 #AspMvc #Core #Validation @ProgrammingTip

14 Latest and Best 404 Error Page Designs for Webs/Mobile Apps ✨ A 404 error page, which often serves to alert web/app visitors that the page they are trying to reach does not exist, is often regarded as one of the most possible elements to lose users/visitors with boring and dull logging-in/out/loading/leading pages in a web/app. 🙄 However, that does not mean such error pages will be a nightmare in all cases. ❌ Actually, a creative, cool, interesting or informative 404 error page can not only lead customers to other parts of your websites/apps smoothly, but also reduce customer frustration and let them stay on the site/app much longer. 💎 Let’s keep reading this article and enjoy 14 latest and best 404 error page designs to get inspiration and learn how to make a beautiful, interesting and attractive 404 error not found page design. ⚡️ https://t.me/pgimg/111 [ Article ] : https://goo.gl/A5mJjx 〰〰〰〰〰〰 #Design #UI #UX @ProgrammingTip

If you don't need it now, don't do it now❗️ Design Patterns are powerful, and it's easy to see all kinds of ways they can be used in your current designs.⚡️ Developers naturally love to create beautiful architectures that are ready to take on change from any direction.💙 If you have a practical need to support change in a design today, go ahead and employ a pattern it handle that change. ✅ However, if the reason is only hypothetical, don't add the pattern, it is only going to add complexity to your system, and you might never need it. ❌ 〰〰〰〰〰〰 #DesignPatterns #Tips @ProgrammingTip

A Pattern is a solution to a problem in a context. ✅ We're going to step throught each of these parts, context, problem and solution ✨ : The context is the situation in which the pattern applies. This should be a recurring situation. 👨🏻‍🔧 The problem refers to the goal you are trying acheive in this context, but it also refers to any constraints that occur in the context. 🏆 The solution is what you're after : a general design that anyone can apply which resolves the goal and set of constraints. 🏅 ➖ Example Problem: How do I get to work on time❓ Context: I've locked my keys in the car. 🗝 Solution: Break the window, get in the car, start the engine and drive to work. 🚗

"If you find yourself in a context with a problem that has a goal that is affected by a set of constraints, then you can apply a design that resolves the goal and constraints and leads to a solution."

〰〰〰〰〰〰 #DesignPatterns #Tips @ProgrammingTip

Securing ASP.NET Core 2.0 Applications with JWTs + Auth0 🔑 JSON Web Tokens, often shortened with JWTs, are gathering more and more popularity in the Web environment. 🌐 It is an open standard that allows transmitting data between parties as a JSON object in a compact and secure way. 🔁 They are usually used in authentication and information exchange scenarios, since the data transmitted between a source and a target are digitally signed so that they can be easily verified and trusted. ✅ Let's take a look at how to set up a ASP.NET Core 2 application with JWT support by creating a Web API application. ✨ https://t.me/pgimg/110 [ Article ] : http://bit.do/auth0 〰〰〰〰〰〰 #AspMvc #Core #JWT @ProgrammingTip

Using Google reCAPTCHA in ASP.NET MVC 👾 reCAPTCHA is a free service that protects your website from spam and abuse. ✅ reCAPTCHA uses an advanced risk analysis engine and adaptive Captchas to keep automated software from engaging in abusive activities on your site. 🚫 It does this while letting your valid users pass through with ease. 💎 This article shows how to integrate reCAPTCHA version 2.0 into an ASP.NET MVC website in clean way. ⚡️ Article Author : @MoienTJ https://t.me/pgimg/109 [ Article ] : bit.do/recaptcha 〰〰〰〰〰〰 #reCaptcha #AspMvc @ProgrammingTip

Pug 🐶 Pug is a high-performance template engine heavily influenced by Haml and implemented with JavaScript for Node.js and browsers. ✅ Pug is a clean, whitespace sensitive syntax for writing html. 🌐 Here is a simple example 💎 :

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) bar(1 + 5)
  body
    h1 Pug - node template engine
    #container.col
      if youAreUsingPug
        p You are amazing
      else
        p Get on it!
      p.
        Pug is a terse and simple templating language with a
        strong focus on performance and powerful features.

Becomes :

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Pug</title>
    <script type="text/javascript">
      if (foo) bar(1 + 5)
    </script>
  </head>
  <body>
    <h1>Pug - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
      <p>Pug is a terse and simple templating language with a strong focus on performance and powerful features.</p>
    </div>
  </body>
</html>

🔸🔹🔸🔹 ➖ Implementations in other languages 👾 Ports with very close syntax, adapted to other languages : • PHP • Java • Python • Ruby • C# (ASP.NET Core) https://t.me/pgimg/108 [ Github ] : http://bit.do/pugv 〰〰〰〰〰〰 #ViewEngine #TemplateEngine @ProgrammingTip

#Fun #Valentine 😂 @ProgrammingTip

HTTP codes as Valentine’s Day comics 💙 With Valentine’s Day around the corner, it is a time for romantic hopefuls to ask out the object of their affection, and await an answer. 🤠 It could be a simple “yes,” a sad “no,” or a cryptic “I don’t think about you that way, but maybe we can grab a coffee tomorrow❓” Which brings us to HTTP (Hypertext Transfer Protocol) codes. 🌐 When a URL is typed in a browser, a request is sent out to the server and the browser awaits an answer, just like in our scenario. ♻️ These answers come in the form of an HTTP code, which is a three-digit number that maps to an answer. 2️⃣0️⃣0️⃣ With the image of Valentine’s Day in mind, here are a few likely scenarios. 😆❤️ https://t.me/pgimg/107 [ Article ] : http://bit.do/httpval 〰〰〰〰〰〰 #HTTP #Valentine #Fun @ProgrammingTip

Pretty Checkbox 🌈 A pure CSS library to beautify checkbox and radio buttons. ✨ Framework Compatability 🔥 : • Angular • Bootstrap • React • Vue https://t.me/pgimg/106 [ Website ] : http://bit.do/csspr 〰〰〰〰〰〰 #CSS #Library @ProgrammingTip