Programming Tips πŸ’‘
51.6K subscribers
67 photos
10 videos
30 files
354 links
Programming & AI:
Tips πŸ’‘
Articles πŸ“•
Resources πŸ‘Ύ
Design Patterns πŸ’Ž
Software Principles βœ…

πŸ‡³πŸ‡± Contact: @MoienTajik

🎯 Buy ads: https://telega.io/c/ProgrammingTip
Download Telegram
Have Continuous Integration with Jenkins in 30 mins ⚑️

If you are building and deploying code within Visual Studio and find its hard to scale up a team of developers, few things can alleviate your pain better than a Continuous Integration (CI) System. πŸ€·πŸ»β€β™‚οΈ

Never heard of continuous integration or you don’t know if it’s right for you❓

This article will help you to get started. πŸ’Ž


https://t.me/pgimg/144

[ Article ] : kutt.it/jenkins

γ€°γ€°γ€°γ€°γ€°γ€°
#CI #Jenkins #DotNet
@ProgrammingTip
Card Surge 🌈

Designing cards takes tweaking subtle details, and an easier to use playground makes finding the right styles faster. πŸƒπŸ»

Card Surge is a playground for designing cards in a web interface. ✨

Designing cards that look πŸ”₯ takes careful tweaking and attention to detail, and Card Surge makes it easy. πŸ™…πŸ»β€β™‚οΈ

Take existing styles from well designed sites and use them as a starting point, or begin playing with your own. Copy the code out into your own project once your done. πŸ’Ž


https://t.me/pgimg/145

[ Website ] : card.surge.sh

γ€°γ€°γ€°γ€°γ€°γ€°
#CSS #UI #Cards
@ProgrammingTip
How to Stop Using Callbacks and Start Living βš›οΈ

Javascript has two major ways of dealing with asynchronous tasks - callbacks and Promises. 🀝

In general Promises are considered easier to use and to maintain than callbacks. βœ…

But in reality even Promises alone won’t make you happy. 🀬

Asynchronous code may still be quite difficult to read and to understand. 🀯

Therefore third-party libraries, e.g. co, provided means to write a synchronous-like asynchronous code. πŸ—ƒ

I personally prefer everything in the world to be as clear and beautiful as redux-saga. ✨

But not everybody is lucky to work with React and Redux to be able to use sagas. ⛔️

This article will show that in modern Javascript it is not difficult to write a well structured and easy to understand asynchronous code without using any third-party libraries.πŸ’Ž


https://t.me/pgimg/146

[ Article ] : kutt.it/call

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #CleanCode
@ProgrammingTip
How to use SVG as a Placeholder, and Other Image Loading Techniques 🌈

I’m passionate about image performance optimization and making images load fast on the web.⚑️

One of the most interesting areas of exploration is placeholders : what to show when the image hasn’t loaded yet. πŸ€·πŸ»β€β™‚οΈ

During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post. πŸ”₯


In this post we will go through these topics :

β€’ Overview of different types of placeholders πŸ—‚

β€’ SVG-based placeholders (edges, shapes and silhouettes) πŸ‘€

β€’ Automating the process. ♻️


https://t.me/pgimg/147

[ Article ] : kutt.it/placeux

From : @Dexign

γ€°γ€°γ€°γ€°γ€°γ€°
#UX #Design
@ProgrammingTip
What's This and Can I Delete It❓ Examining a Default ASP.NET Core MVC Project πŸ’₯

I have a very simple two-step process I use whenever I create or join a new project.☝🏻

I examine each folder and file, and ask "what's this, and can I delete it❓"

After all, deleting things (or demolishing them, as may be appropriate) is so, so satisfying. πŸ˜ƒ

I would be much happier deleting all code that ever existed. πŸ—‚

To that end, we're going to examine a default ASP.NET Core project, created with ASP.NET Core 2.1 and Visual Studio 2017, to see what we absolutely have to keep and what can be thrown away. πŸ’Ž

Let's get deleting❗️


https://t.me/pgimg/148

[ Article ] : kutt.it/NCtImP

γ€°γ€°γ€°γ€°γ€°γ€°
#AspMvc #Core
@ProgrammingTip
How does RSA work❓

RSA
is an asymmetric system , which means that a key pair will be generated, a public key and a private key, obviously you keep your private key secure and pass around the public one. 🌍

The algorithm was published in the 70’s by Ron Rivest, Adi Shamir, and Leonard Adleman, hence RSA , and it sort of implement’s a trapdoor function such as Diffie’s one. πŸ›…

RSA is rather slow so it’s hardly used to encrypt data , more frequently it is used to encrypt and pass around symmetric keys which can actually deal with encryption at a faster speed. πŸƒπŸ»

https://t.me/pgimg/149


How does it work❓

This videos simply shows that how does it work πŸŒ€ :

[ Part 1 ] : kutt.it/rsa1
[ Part 2 ] : kutt.it/rsa2

γ€°γ€°γ€°γ€°γ€°γ€°
#Cryptography #RSA
@ProgrammingTip
Common Webpage Design Mistakes ⚠️

Simple layout and design tips to help you create a stunning webpage. πŸ¦‹

This article shows 30 common design mistakes and their solution with images included. 🌈


https://t.me/pgimg/150

[ Article ] : kutt.it/mstk

γ€°γ€°γ€°γ€°γ€°γ€°
#UI #Design #CSS
@ProgrammingTip
BetweenJS ⚑️

Lightweight JavaScript (ES6) tweening library. ↔️


PurposeπŸ’‘:

Make tweening usage convenient and powerful. πŸ”₯

β€’ Modern : Written in ES6 πŸ₯‡
β€’ Lightweight : 8.3 KB πŸ‘ŒπŸ»
β€’ Performant : Optimized πŸ’¨


https://t.me/pgimg/151

[ Website ] : kutt.it/4ruR0X
[ Github ] : kutt.it/Wl425b

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Library
@ProgrammingTip
Crunchy Calendar πŸ“†

A beautiful material calendar with endless scroll, range selection and a lot more❗️

It's a powerful and easy to use Calendar Widget with a number out of the box features :

β€’ Infinite vertical scrolling in both directions ↕️

β€’ Setting date boundaries to restrict scrolling inside of a specific time period ⏱

β€’ Single / multiple / range dates selection πŸ—‚

β€’ Pre-selecting dates πŸ“…

β€’ Color customization 🌈



https://t.me/pgimg/152

[ Github ] : kutt.it/crnch

γ€°γ€°γ€°γ€°γ€°γ€°
#Android #Calendar #Kotlin
@ProgrammingTip
Sieve πŸ—‚

Clean & extensible Sorting, Filtering, and pagination for ASP.NET Core. βš—οΈ

Sieve is a simple, clean, and extensible framework for .NET Core that adds sorting, filtering, and pagination functionality out of the box. πŸ’Ž

Most common use case would be for serving ASP.NET Core GET queries. βœ…

Sample Request ⚑️ :

GET /GetPosts

?sorts= LikeCount,-created
&filters= LikeCount>10, Title@=awesome title,
&page= 1
&pageSize= 10


Try this package, It's super powerful and easy to use. πŸ”₯


https://t.me/pgimg/153

[ Github ] : github.com/Biarity/Sieve
[ Nuget ] : nuget.org/packages/Sieve

γ€°γ€°γ€°γ€°γ€°γ€°
#AspMvc #Core
@ProgrammingTip
Polly.JS 🐦

Record, Replay, and Stub HTTP Interactions πŸ’‘

Polly.JS
is a standalone, framework-agnostic JavaScript library that enables recording, replaying, and stubbing HTTP interactions. πŸ—‚

Polly taps into native browser APIs to mock requests and responses with little to no configuration while giving you the ability to take full control of each request with a simple, powerful, and intuitive API. ✨


Features :
β€’ Fetch & XHR Support πŸš€
β€’ Simple, Powerful, & Intuitive API ⚑️
β€’ First Class Mocha & QUnit Test Helpers πŸ’Ž
β€’ Intercept, Pass-Through, and Attach Events πŸ‘Œ
β€’ Record to Disk or Local Storage πŸ“Ό
β€’ Slow Down or Speed Up Time πŸ”₯

https://t.me/pgimg/154

[ Github ] : github.com/Netflix/pollyjs

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Library
@ProgrammingTip
Angular Console πŸ…°οΈ

The Power of the Angular CLI. ⚑️
The Convenience of an App. πŸ’Ž

Spend less time looking up command line arguments, and more time shipping incredible products. ✨

The Angular CLI is immensely powerful and extensible. πŸŒ€

In fact, there are so many capabilities that it can often be hard to remember all of the different configuration options for every available command, or remember that certain features even exist. 🌍

Angular Console is, first and foremost, a more approachable way to work with what the Angular CLI already provides. πŸ”₯

Availabe for: Mac, Windows βœ…


https://t.me/pgimg/155

[ Download ] : kutt.it/ngcli

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Angular #CLI
@ProgrammingTip
Exploring .NET Core with Microservices, ASP.NET Core, and Entity Framework Core is a collection of five hand-picked chapters introducing you to the art of applying modern development practices and patterns to your .NET Core projects. 🌈

In it, you'll get a quick overview of what ASP.NET Core and Entity Framework Core offer, along with an introduction to microservices and web applications using .NET Core tooling. ✨

You'll also get some tips on working with legacy code in this new environment. πŸ€·πŸ»β€β™‚οΈ

In short, this free eBook will get your feet wet and show you real-world examples that illustrate what's possible. πŸŒ€


https://t.me/pgimg/156

γ€°γ€°γ€°γ€°γ€°γ€°
#AspMvc #Core #Microservice #Book
@ProgrammingTip
How JavaScript works: an overview of the engine, the runtime, and the call stack 🐞

As JavaScript is getting more and more popular, teams are leveraging its support on many levels in their stack - front-end, back-end, hybrid apps, embedded devices and much more. πŸ’Ž

This post is meant to be the first in a series aimed at digging deeper into JavaScript and how it actually works: we thought that by knowing the building blocks of JavaScript and how they come to play together you’ll be able to write better code and apps. βœ…

As it turns out, there are a lot of developers that are using JavaScript on a daily basis but don’t have the knowledge of what happens under the hood. πŸŒ€


https://t.me/pgimg/157

[ Article ] : kutt.it/js-md1

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript
@ProgrammingTip
Awesome .NET Core πŸ”₯

A collection of awesome .NET core libraries, tools, frameworks and software. πŸ’Ž


https://t.me/pgimg/159

[ Github ] : kutt.it/awscore

γ€°γ€°γ€°γ€°γ€°γ€°
#DotNet #Core #AspMvc
@ProgrammingTip
How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code ⚑️

A JavaScript engine is a program or an interpreter which executes JavaScript code. πŸŒ€

A JavaScript engine can be implemented as a standard interpreter, or just-in-time compiler that compiles JavaScript to bytecode in some form. βœ…


Why was the V8 Engine created❓

The V8 Engine which is built by Google is open source and written in C++. ✨

This engine is used inside Google Chrome. Unlike the rest of the engines, however, V8 is also used for the popular Node.js runtime.πŸ’Ž

V8 was first designed to increase the performance of JavaScript execution inside web browsers. πŸ’¨

In order to obtain speed, V8 translates JavaScript code into more efficient machine code instead of using an interpreter.πŸ’₯

It compiles JavaScript code into machine code at execution by implementing a JIT (Just-In-Time) compiler like a lot of modern JavaScript engines do such as SpiderMonkey or Rhino (Mozilla). 🦊

The main difference here is that V8 doesn’t produce bytecode or any intermediate code. ❌


https://t.me/pgimg/160

[ Article ] : kutt.it/js-md2

γ€°γ€°γ€°γ€°γ€°γ€°
#JavaScript #Internals #V8
@ProgrammingTip
BDDfy ✨

BDDfy
is the simplest BDD framework to use, customize and extend❗️

A few quick facts about BDDfy :

β€’ It can run with any testing framework. Actually you don't have to use a testing framework at all. You can just apply it on your POCO (test) classes. βœ…

β€’ It does not need a separate test runner. You can use your runner of choice. For example, you can write your BDDfy tests using NUnit and run them using NUnit console or GUI runner, Resharper or TD.Net and regardless of the runner, you will get the same result. πŸ”₯

β€’ It can run standalone scenarios. In other words, although BDDfy supports stories, you do not necessarily have to have or make up a story to use it. This is useful for developers who work in non-Agile environments but would like to get some decent testing experience. πŸ’Ž

β€’ You can use underscored or pascal or camel cased method names for your steps. 🌈

β€’ You do not have to explain your scenarios or stories or steps in string, but you can if you need full control over what gets printed into console and HTML reports. πŸ“Š

β€’ BDDfy is very extensible: the core barely has any logic in it and delegates all its responsibilities to the extensions all of which are configurable; e.g. if you don't like the reports it generates, you can write your custom reporter in a few lines of code. ⚑️


https://t.me/pgimg/161

[ Github ] : kutt.it/bddfy

γ€°γ€°γ€°γ€°γ€°γ€°
#BDD #Testing #DotNet #CSharp
@ProgrammingTip
Getters/Setters. Evil. Period. πŸ‘Ί

There is an old debate, started in 2003 by Allen Holub in this Why getter and setter methods are evil famous article, about whether getters/setters is an anti-pattern and should be avoided or if it is something we inevitably need in object-oriented programming. πŸ•Έ

The gist of the following text is this ✨ : getters and setters is a terrible practice and those who use it can't be excused. ❌

Again, to avoid any misunderstanding, I'm not saying that get/set should be avoided when possible. No. I'm saying that you should never have them near your code. 🚫


https://t.me/pgimg/163


[ Article ] : kutt.it/gset

γ€°γ€°γ€°γ€°γ€°γ€°
#BestPractices
@ProgrammingTip
DDD - The 5 Minutes Tour πŸ‘Ύ

During a conference in Paris, after the organizers asked me to fulfill a missing-speaker slot for a lightning talk (an hour before the presentation time), not only did I accept, but I decided that an introduction to DDD (Domain Driven Design) was a good choice. Yes, DDDβ€Šβ€”β€Šthe discipline that was born in a 560-page book. πŸ“•

Unfortunately, even if I had managed to get the attention of a room crowded with (PHP!) developers to talk about a topic that was dear to my heart, I don’t know if the presentation insisted enough on the two key aspects that are DDD. βœ…

My goal with this article is to give it another try, with more time to prepare. πŸ’Ž


https://t.me/pgimg/164

[ Article ] : kutt.it/ddd

γ€°γ€°γ€°γ€°γ€°γ€°
#DDD
@ProgrammingTip
PWA vs INSTANT APPS πŸš€

Since many of you wanted to know more about the specifics on PWA and INSTANT APPS, here is a quick review on the two, we will look at the 3 basic componential parts. ✨

β€’ Speed πŸ’¨
β€’ Build complexity 🧠
β€’ Branding 〽️


First PWA, what is it and why does everyone talks about it❓

Google as usual is the one standing behind popularising this concept. 🌈

While you will see a lot of bold words like: fast, reliable, engaging. ⚑️

Esseintially it is a web app built with typical tools like HTML, CSS, JS and that has a nice caveat around it that can utilise something like service workers that stay in between your web app and the server. 🌐

This allows PWA to have something that normal web sites won't provide - ability to work offline. πŸ’Ž

You can easily try telegram, instagram, facebook as web apps and pin them to your mobile home page. 🏠

So in short, it will provide you the typical app's functionality and will work fine. βœ…

Don't confuse it with responsiveness though.πŸ™…πŸ»β€β™‚οΈ

While it does inteconnect, your Bootstrapped web site will not be considered as PWA just because it adapts to your user's screen. It will simply be a responsive site.🀞🏻

There is only 1 problem with this :
Since it is not an app, it is hard to get to phone's functionality like Bluetooth, Flashlight etc. 🀯


https://t.me/pgimg/165

[ Read More ] : kutt.it/pwa

γ€°γ€°γ€°γ€°γ€°γ€°
#PWA
@ProgrammingTip