Programming & AI Tips 💡

ASafaWeb 🐞

The purpose of ASafaWeb is to make scanning for common configuration vulnerabilities in live ASP.NET websites dead easy. ☠️

To that effect, you don't need anything more than a URL to get started and ASafaWeb will head off and report on anything it can find which is remotely detectable. 🛂

https://t.me/pgimg/47

[ Website ] : https://asafaweb.com/

〰〰〰〰〰〰
#AspMvc #Security
@ProgrammingTip

From STUPID to SOLID Code ✅

In the following, We will introduce both STUPID and SOLID principles. ✨

Keep in mind that these are principles, not laws. ❌

However, considering them as laws would be good for those who want to improve themselves. 💎

[ Article ] : http://bit.do/soltup

https://t.me/pgimg/46

〰〰〰〰〰〰
#SOLID #Principle
@ProgrammingTip

Proto.io - Prototypes that feel real 💎

Create fully-interactive high-fidelity prototypes that look and work exactly like your app should. No coding required. 👌

#FrontEnd
@ProgrammingTip

Server.MapPath Equivalent in ASP.NET Core 💁🏻‍♂️

Web Developers who use Microsoft technologies have always relied on the Server.MapPath method to resolve file paths.

In classic ASP and ASP.NET Web Forms and MVC versions up to and including 5. 🕒

This method has not been included in ASP.NET Core, so what do you use instead❓

[ Webiste ] : http://bit.do/svpath

https://t.me/pgimg/45

〰〰〰〰〰〰
#AspMvc #Core #IO
@ProgrammingTip

SnippetsLab 🔬

SnippetsLab makes it simple to manage all of your valuable code snippets in one place with nested folders, tags, and Smart Groups support. 🗂

You can sort your snippets by date, title, and more. 📅

Features 💎 :

• Notes and Fragment
• Syntax Highlighting
• Gist Integration
• Sync & Backup

Available for MacOS 💻

https://t.me/pgimg/44

[ Website ] : https://www.renfei.org/snippets-lab

[ AppStore ] : http://bit.do/snplab

〰〰〰〰〰〰
#Tools #MacOS #Snippets
@ProgrammingTip

UnCSS ✨

UnCSS is a tool that removes unused CSS from your stylesheets. ✅

It works across multiple files and supports Javascript-injected CSS. 🗂


How❓🤔

1️⃣ The HTML files are loaded by jsdom and JavaScript is executed.

2️⃣ All the stylesheets are parsed by PostCSS.

3️⃣ document.querySelector filters out selectors that are not found in the HTML files.

4️⃣ The remaining rules are converted back to CSS.

https://t.me/pgimg/43

[ Website ] : https://uncss-online.com/

[ Github ] : https://github.com/giakki/uncss

〰〰〰〰〰〰
#FrontEnd #Css #Tools
@ProgrammingTip

Visual Studio Shortcut Keys 💨

Here is a handy reference that can make your .NET lifestyle a bit easier and more productive. 🔥😎

[ Website ] : http://bit.do/vsht

〰〰〰〰〰〰
#VS #Shortcut
@ProgrammingTip

Programmers life 🌖

@ProgrammingTip

Free SSL Certificates On IIS With LetsEncrypt ⛔️

LetsEncrypt is operated by the Internet Security Research Group (ISRG), and is a Linux Foundation Collaborative Project, which is also responsible for the Linux operating system and Nodejs among other projects. 🛃

LetsEncrypt is supported by a range of organisations including Mozilla, Chrome, Akamai and Facebook. 🤙🏻

The certificates that LetsEncrypt issues are recognised by all major browsers, which results in the familiar padlock symbol being displayed on properly secured sites. 🔐

This tutorial shows how to use LetsEncrypt with IIS. 🌐

https://t.me/pgimg/42

[ Tutorial ] : http://bit.do/lenc

〰〰〰〰〰〰
#LetsEncrypt #SSL
@ProgrammingTip

Open Graph Protocol 🌐

The Open Graph protocol enables any web page to become a rich object in a social graph. 💎

For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

Also, Telegram uses this protocol to preview web pages like a rich object in messages and you can update your links preview using : @WebPageBot ✅

To turn your web pages into graph objects, you need to add basic metadata to your page ✍🏻 :

og:title
og:type
og:image
og:url

🔹🔸🔹🔸

As an example, the following is the Open Graph protocol markup for The Rock on IMDB 🎥 :

<head>
   <title>The Rock (1996)</title>

   <meta property="og:title" content="The Rock" />

   <meta property="og:type" content="video.movie" />

   <meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />

   <meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />

</head>

https://t.me/pgimg/41

[ Website ] : http://ogp.me/

〰〰〰〰〰〰
#OpenGraph #Protocol
@ProgrammingTip

Jade-Lang 🐰

Jade is a high performance template engine heavily influenced by Haml and implemented with JavaScript for node and browsers. 💎

Syntax :

doctype html
html(lang="en")
  head
    title= pageTitle
    script(type='text/javascript').
      if (foo) bar(1 + 5)
  body
    h1 Jade - node template engine
    #container.col
      if youAreUsingJade
        p You are amazing
      else
        p Get on it!

Becomes :

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      if (foo) bar(1 + 5)
    </script> 
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container" class="col">
      <p>You are amazing</p>
    </div>
  </body>
</html>

Options ✨ :

🔸 Compile Debug - If set to true, the function source will be included in the compiled template for better error messages.

🔹 Add pretty-indentation whitespace to output


https://t.me/pgimg/40

[ Website ] : http://jade-lang.com

[ Npm Package ] : https://www.npmjs.com/package/jade

〰〰〰〰〰〰
#Node #JavaScript #Jade
@ProgrammingTip

Hollywood Principle ✨

"Don't call us, we'll call you" ☎️ 

Relevant when you are writing a class/component that must fit into the constraints of an existing framework.

You implement the interfaces, you get registered. 👤

You get called when the time is right. 📞

🔹🔸🔹🔸

By way of an example, a typical ASP.NET Web Form might have in its codebehind page event handlers to respond to Page_Load and Button_Click events. ⚡️

An ASP.NET developer writes code to respond to these external framework events, instead of owning the execution of the web server and making all decisions and method calls accordingly. ✅

[ Article ] : http://bit.do/holprin

https://t.me/pgimg/39

〰〰〰〰〰〰
#Principle
@ProgrammingTip

I ♥️ Linux ✨

〰〰〰〰〰〰
#OS #Linux
@ProgrammingTip

Enjoy CSS 🍻

Online CSS3 Code Generator With a Simple Graphical Interface. 🤠

[ Website ] : http://enjoycss.com

〰〰〰〰〰〰
#FrontEnd #Css
@ProgrammingTip

WAVE ✨

WAVE is tool to help web developers make their web content more accessible. ✅

WAVE cannot tell you if your web content is accessible. ❌

Only a human can determine true accessibility. 👥

But, WAVE can help you evaluate the accessibility of your web content. 👀

https://t.me/pgimg/38

[ Website ] : http://wave.webaim.org

〰〰〰〰〰〰〰〰〰〰〰
#FrontEnd #Web #Tools
@ProgrammingTip

I ♥️ Mac OS ✨

〰〰〰〰〰〰
#OS #MacOS
@ProgrammingTip

Deploy ASP.NET Core 2.0 Apps on Heroku ♓️

In this tutorial, we’ll be taking a look at how to deploy web apps built with asp.net core 2.0 to heroku.com, a cloud-hosting platform.

We’ll need a few things 🛠 :
• Docker (Windows, Mac)
• Heroku CLI (NPM, Binaries)
• ASP.NET Core 2.0 Runtime

https://t.me/pgimg/37

[ Tutorial ] : http://bit.do/aspheroku

〰〰〰〰〰〰
#AspMvc #Core #Heroku
@ProgrammingTip

I ♥️ Windows ✨

〰〰〰〰〰〰
#OS #Windows
@ProgrammingTip

The Art of Comments 🎨

[ Article ] : https://css-tricks.com/the-art-of-comments/

〰〰〰〰〰〰
#CleanCode #Comments
@ProgrammingTip

Hashids 👾

Hashids is a small open-source library that generates short, unique, non-sequential ids from numbers. 💎

It converts numbers like 347 into strings like “yr8”, or array of numbers like [27, 986] into “3kTMd”. 🌀

You can also decode those ids back. 🔙

Available in 🔥 :
• JavaScript
• .NET
• Java
• PHP
• Ruby
• Python
• Swift
• ...

🔸🔹🔸🔹

Usage example in JavaScript 🤙🏻 :

var hashids = new Hashids("this is my salt", 8, "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890");

var id = hashids.encode(1, 2, 3); 
// Output : GlaHquq0

var numbers = hashids.decode(id);
// Output : [1, 2, 3]

https://t.me/pgimg/36

[ Website ] : http://hashids.org/

〰〰〰〰〰〰
#Encode #Hash
@ProgrammingTip