JavaScript Clean Code 🛠

Avoid negative conditionals 💡

Bad :

function isDOMNodeNotPresent(node) {
  // ...
}

if (!isDOMNodeNotPresent(node)) {
  // ...
}

Good :

function isDOMNodePresent(node) {
  // ...
}

if (isDOMNodePresent(node)) {
  // ...
}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

Async & Await in JavaScript 🔥

Async/Await will make your code simpler even more than you think. ✅

Stop writing callback functions and love JavaScript ES7. 💎

https://blog.patricktriest.com/what-is-async-await-why-should-you-care/

#JavaScript #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Use getters and setters 💡

Bad :

function makeBankAccount() {

  return {
    balance: 0,
    // ...
  };
}

const account = makeBankAccount();
account.balance = 100;

Good :

function makeBankAccount() {
  let balance = 0;

  function getBalance() {
    return balance;
  }

  function setBalance(amount) {
    balance = amount;
  }

  return {
    getBalance,
    setBalance,
  };
}

const account = makeBankAccount();
account.setBalance(100);

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Async/Await are even cleaner than Promises 💡

Bad :

get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin')
  .then((response) => {
    return writeFile('article.html', response);
  })
  .then(() => {
    console.log('File written');
  })
  .catch((err) => {
    console.error(err);
  });

Good :

async function getCleanCodeArticle() {
  try {
    const response = await get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin');

    await writeFile('article.html', response);

    console.log('File written');
  } catch(err) {
    console.error(err);
  }
}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

JavaScript Clean Code 🛠

Only comment things that have business logic complexity. 💡
Comments are an apology, not a requirement. Good code mostly documents itself.

Bad :

function hashIt(data) {
  // The hash
  let hash = 0;

  // Length of string
  const length = data.length;

  // Loop through every character in data
  for (let i = 0; i < length; i++) {
    // Get character code.
    const char = data.charCodeAt(i);
    // Make the hash
    hash = ((hash << 5) - hash) + char;
    // Convert to 32-bit integer
    hash &= hash;
  }
}

Good :

function hashIt(data) {
  let hash = 0;
  const length = data.length;

  for (let i = 0; i < length; i++) {
    const char = data.charCodeAt(i);
    hash = ((hash << 5) - hash) + char;

    // Convert to 32-bit integer
    hash &= hash;
  }
}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

Refactoring •GURU• 🐿

Refactoring.Guru is a shiny website where you can find tons of information on refactoring, design patterns, SOLID principles and other smart programming topics. ✨

https://refactoring.guru/

#CleanCode #Refactoring
@ProgrammingTip

JavaScript Clean Code 🛠

Use consistent capitalization 💡

Bad :

const DAYS_IN_WEEK = 7;
const daysInMonth = 30;

const songs = ['Back In Black', 'Stairway to Heaven', 'Hey Jude'];
const Artists = ['ACDC', 'Led Zeppelin', 'The Beatles'];

function eraseDatabase() {}
function restore_database() {}

class animal {}
class Alpaca {}

Good :

const DAYS_IN_WEEK = 7;
const DAYS_IN_MONTH = 30;

const SONGS = ['Back In Black', 'Stairway to Heaven', 'Hey Jude'];
const ARTISTS = ['ACDC', 'Led Zeppelin', 'The Beatles'];

function eraseDatabase() {}
function restoreDatabase() {}

class Animal {}
class Alpaca {}

➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip

Try to group extension methods into static classes dealing with the same extended type. 📦

Sometimes related classes (such as DateTime and TimeSpan) can be sensibly grouped together. ↔️

But avoid grouping extension methods targeting disparate types such as Stream and string within the same class. ❌

〰〰〰〰〰〰
#CleanCode #ExtensionMethods
@ProgrammingTip

6 Simple Tips on How to Start Writing Clean Code 👾

1️⃣ Make code readable for people.

2️⃣ Use meaningful names for variables, functions and methods.

3️⃣ Let every function or method perform only one task.

4️⃣ Use comments for clarification ( if really needed )

5️⃣ Be consistent

6️⃣ Review your code regularly

〰〰〰〰〰〰
#CleanCode
@ProgrammingTip

Yagni : You Arent Gonna Need It 👾

Never Add Functionality Early 💡

"Always implement things when you actually need them, never when you just foresee that you need them."

Even if you're totally, totally, totally sure that you'll need a feature later on, don't implement it now. ⏳

Usually, what you actually need is quite different from what you foresaw needing earlier. 🙅🏻‍♂️

This doesn't mean you should avoid building flexibility into your code. ✅

It means you shouldn't overengineer something based on what you think you might need later on. ❌

🔹🔸🔹🔸🔹🔸

There are two main reasons to practise YagNi :

1️⃣ You save time, because you avoid writing code that you turn out not to need.

2️⃣ Your code is better, because you avoid polluting it with 'guesses' that turn out to be more or less wrong but stick around anyway.

This also follows the KISS theorem:

Keep it simple, stupid!

https://t.me/pgimg/13
〰〰〰〰〰〰
#CleanCode #Principles #Tips
@ProgrammingTip

What is Unit Testing & Why You Need to Lean It ⁉️

Unit testing is the practice of writing code to test your code and then run those tests in an automated fashion. ✅

🔹🔸🔹🔸

Here is an example. 👨🏻‍💻

Imagine you have this function somewhere in your code.
It’s a basic calculate function that takes an input and depending on some conditions, it returns different values.

public float CalculateTax(int input) 
{
    if (x) return ...;
    if (y) return ...;
    return ...;
}

If you want to test this function manually :

1️⃣ You have to run your application
2️⃣ Perhaps you have to login
3️⃣ Maybe do a few clicks here
4️⃣ There to get to a page where this function is used.
5️⃣ You have to fill out a form
6️⃣ Submit it
7️⃣ Verify if this function returned the right result.

And then you have to repeat all these steps, each time using different values in your form. 🤦🏻‍♂️

🔸🔹🔸🔹

Manual testing is expensive 💸

As you can see, this is very time-consuming. ⌛️

This workflow to test this function may take several minutes every time❗️

Now to make matters worse, this is not the only function in your application. 🌍

In a real application, you have tens or hundreds of functions like this ❗️

As your application grows in size and complexity, the time required to manually test all the different bits and pieces increases exponentially. ⏱

So, that’s why we use Automated Testing. ♻️

🔺🔹🔺🔹

https://t.me/pgimg/24

[ Full Article ] : http://bit.do/utdd

〰〰〰〰〰〰
#CleanCode #UnitTest #TDD
@ProgrammingTip

The Art of Comments 🎨

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

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

The Pragmatic Programmer 📙

Authors : Andy Hunt, Dave Thomas 🖊

Level : Advanced 🔝

〰〰〰〰〰〰
#Book #CleanCode #Refactoring
@ProgrammingTip

Quick Tip: How to pass visual alerts with an HTMLHelper⚠️

It will display a Bootstrap alert if there is a message passed through the ViewModel. 💥

This message can be a success, error, warning, or informational message. 🌈

The nice thing about the ViewMessage HtmlHelper is that if we don't pass it into our views, it won't display anything. 🎛

https://t.me/pgimg/87

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

〰〰〰〰〰〰
#AspMvc #CleanCode
@ProgrammingTip

Automatic ModelState Validation in ASP.NET MVC 🔥

How many times have you seen or written code like this ♻️ :

[HttpPost]
public ActionResult Index(SomeModel model)
{
    if (ModelState.IsValid)
    {
        return View();
    }   

    // do something
    return RedirectToAction("index");
}

Stop repeating ModelState checks in your ASP.NET MVC controller actions. ❌

Wouldn’t it be nice if all we had to do was like this ? ⚡️

[HttpPost]
[ValidateModelState]
public ActionResult Index(SomeModel model)
{
    // if we get here, ModelState is valid
    // save to db etc.
    return RedirectToAction("index");
}

https://t.me/pgimg/89

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

〰〰〰〰〰〰
#AspMvc #CleanCode
@ProgrammingTip

How we do MVC – View models 👀

The ViewModel is a central aspect of our MVC architecture. 🌞

One of the first dilemmas facing MVC developers is to decide what the “M” in MVC means in ASP.NET MVC. 🤔

In Rails, this is fairly clear, the M is ActiveRecord (by default). 🌍

But in ASP.NET MVC, the “M” is silent❗️

Its out-of-the-box architecture offers no guidelines nor advice on what the M should be. ⚙️

Should it be an entity❓
Data access object❔
DTO❓
Something else❔

https://t.me/pgimg/91

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

〰〰〰〰〰〰
#AspMvc #CleanCode #BestPractices
@ProgrammingTip

ASP.NET MVC Best Practices and Guidelines ✅

While most developers were used to WebForms and Microsoft's stock controls, when developers moved to ASP.NET MVC, a number of developers were shocked because there wasn't enough meat for this to be a full-featured release. 🤓

Some of the guidelines list below are based on my own experiences over the years since 2008. 📆

https://t.me/pgimg/93

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

〰〰〰〰〰〰
#AspMvc #CleanCode #BestPractices
@ProgrammingTip

Architecting Services with Design Patterns 💎

As the number of your services expands you're going to need to start thinking about how to organize them. 🗂

Applying these two design patterns can help, provided you understand all their variations. ✅

With the current set of tools that come with the Microsoft .NET Framework, it's easy to create a service. ⚙️

But it's also easy to create what both Nayaki Nayyar and Benjamin Moreland described as a "junk drawer of services." 👾

If you're going to avoid that as the number of services in your organization increases, then you need to think about your architecture. 🤔

https://t.me/pgimg/95

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

〰〰〰〰〰〰
#CleanCode #DesignPatterns
@ProgrammingTip

Use T4MVC to Remove Magic Strings in ASP.NET MVC Apps 🎩

ASP.NET MVC has a fascination with magic strings. ❌

Basically any time you need to specify an action, a view, or controller, you use a magic string ✨ :

return RedirectToAction("Index", "Home", new { id = 4 });

return View("Details");

@Html.ActionLink("Back to details", "Detals", "User", new {id = 12}, new {@class = "backlink"});

@using (Html.BeginForm("Details", "User", FormMethod.Post))

The problem with magic strings is the same problem that ViewBag has ⚠️ :

1️⃣ There's no type checking.

2️⃣ The developer won't catch these errors until runtime, and sometimes not at all.

🔹🔸🔹🔸

T4MVC aims to remove magic strings from MVC and replace them with strongly-typed ActionResults. ✅

It adds a bunch more overloads to methods such as ActionLink(), BeginForm(), and RedirectToAction() so that they can now accept ActionResults as parameters. 🗃

Thereby making them strongly-typed and removing their dependency on magic strings. 💎

Most importantly, it means we can take the above code samples and refactor them to look like this 🤙🏻 :

return RedirectToAction(MVC.Home.Index(4));

return View(MVC.User.Views.ViewNames.Details);

@Html.ActionLink("Back to details", MVC.User.Details(12), new {@class = "backlink"});

@using (Html.BeginForm(MVC.User.Details(), FormMethod.Post))

https://t.me/pgimg/98

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

〰〰〰〰〰〰
#AspMvc #CleanCode #T4MVC
@ProgrammingTip