Sympli ✨

Design handoff, implementation,
and collaboration for web and mobile
product teams. ✏️

Sympli works with 😲 :
• Photoshop
• Sketch
• Android Studio
• XCode

https://t.me/pgimg/29

[ Website ] : https://sympli.io/

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

Firefox Quantum: Developer Edition ✨

Firefox has been rebuilt from the ground up to be faster and more powerful than ever. 💪🏻

This includes a new CSS engine that has state-of-the-art innovations and is blazingly fast. 💨

DevTools 💎 :
• Inspector
• Console
• Debugger
• Network
• Storage Panel
• Responsive Design Mode
• Visual Editing
• Performance
• Memory
• Web Audio
• ScratchPad
• Style Editor

https://t.me/pgimg/30

[ Download ] : http://bit.do/fquan

〰〰〰〰〰〰
#FireFox #Quantum #Tools
@ProgrammingTip

Entity Framework Plus ⚡️

Extend and Overcome Entity Framework Limitations with Must-Have Features 💎

100% Free and Open Source 💸

Features 🔥 :
• Auditing
• Batch Delete
• Batch Update
• LINQ Dynamic
• Query Cache
• Query Deferred
• Query Filter
• Query Future
• Query IncludeFilter
• Query IncludeOptimized

🔹🔸🔹🔸

Support ✅ :
• EF Core
• EF6
• EF5

https://t.me/pgimg/31

[ Website ] : http://entityframework-plus.net/

〰〰〰〰〰〰
#EF #ZZZProjects
@ProgrammingTip

GIGO ♻️

GIGO is a computer science acronym that implies bad input will result in bad output, which stands for :

Garbage in 🗑
Garbage Out 🚮

🔸🔹🔸🔹

Because computers operate using strict logic, invalid input may produce unrecognizable output, or "garbage."

For example, if a program asks for an integer and you enter a string, you may get an unexpected result. ❌

Good programming practice dictates that ✅ :

"Functions should check for valid input before processing it."

A well-written program will avoid producing garbage by not accepting it in the first place.☝🏻

Requiring valid input also helps programs avoid errors that can cause crashes and other erratic behavior. ⚡️

https://t.me/pgimg/33

〰〰〰〰〰〰
#Principle
@ProgrammingTip

Mocking objects with Moq and XUnit in .NET Core 👾

This article explains the step by step process that needed to Moq an object in .NET Core ⚜️

Mocking objects comes in handy when unit testing data store, where a Database can be mocked so that no data is added or modified in Database while unit testing source code. ♻️

https://t.me/pgimg/32

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

〰〰〰〰〰〰
#UnitTest #Mocking #XUnit #Moq
@ProgrammingTip

Yeah, Good job‼️😂
〰〰〰〰〰〰
#Fun #SoC
@ProgrammingTip

Webpack 🌀

Webpack is a module bundler. 🗂

Its main purpose is to bundle JavaScript files for usage in a browser, it is also capable of transforming, bundling, or packaging. 💎

[ Website ] : https://webpack.js.org/

https://t.me/pgimg/34

〰〰〰〰〰〰
#Webpack #Bundler
@ProgrammingTip

Explicit Dependencies Principle ✨

Classes should be honest about what they need to be created. 🗣

Methods and classes should explicitly require any collaborating objects they need { typically through method parameters or constructor parameters } in order to function correctly. ✅

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

https://t.me/pgimg/35
〰〰〰〰〰〰
#Principle
@ProgrammingTip

CSS Variables — What You Need to Know 🎨

CSS variables are more accurately described as custom properties.

They are useful in preventing DRY — Don’t Repeat Yourself code.

With the ability to change a property once and have that change made all over your style sheet is magical ❗️

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

〰〰〰〰〰〰
#CSS #Variable
@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

The Art of Comments 🎨

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

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

I ♥️ Windows ✨

〰〰〰〰〰〰
#OS #Windows
@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 ♥️ Mac OS ✨

〰〰〰〰〰〰
#OS #MacOS
@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

Enjoy CSS 🍻

Online CSS3 Code Generator With a Simple Graphical Interface. 🤠

[ Website ] : http://enjoycss.com

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

I ♥️ Linux ✨

〰〰〰〰〰〰
#OS #Linux
@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

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

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