Programming Tips 💡
51.5K 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
Optimizing an Angular Application 🅰️

In this video you see how to optimize an Angular application with some simple techniques. 🔥

[ Video ] : kutt.it/ng-opt

〰️〰️〰️〰️〰️〰️
#Angular #Optimization
@ProgrammingTip
Blazor, web framework for browser-based .NET apps 🔥

Today, nearly all browser-based apps are written in JavaScript (or similar languages that transpile to it). 👍🏻

That’s fine, but there’s no good reason to limit our industry to basically one language when so many powerful and mature alternate languages and programming platforms exist. ⚡️

Starting now, WebAssembly opens the floodgates to new choices, and one of the first realistic options may be .NET. 💎

Blazor is a new experimental web UI framework from the ASP.NET team that aims to brings .NET applications into all browsers (including mobile) via WebAssembly.

It allows you to build true full-stack .NET applications, sharing code across server and client, with no need for transpilation or plugins. ✌🏻

In this talk I’ll demonstrate what you can do with Blazor today and how it works on the underlying WebAssembly runtime behind the scenes. 🌀

You’ll see its modern, component-based architecture (inspired by modern SPA frameworks) at work as we use it to build a responsive client-side UI. 🌈

I’ll cover both basic and advanced scenarios using Blazor’s components, router, DI system, JavaScript interop, and more. 💙


Don't miss this talk, that's awesome ! ⭐️

[ Video ] : kutt.it/blz

〰️〰️〰️〰️〰️〰️
#Blazor #WebAssembly #CSharp
@ProgrammingTip
Add HTTPS To Any Site For Free 🔐

Back in the old days, adding HTTPS/SSL/TLS to secure a web site was a big deal. 🧮

You had to spend hundreds of dollars for a certificate, then install it on the web server. 🖥

It had to be specific to the subdomain you were using, or you had to shell out even more bucks for the wildcard cert. And they’d expire sometimes, and your site would go down, and that was never fun.🙅🏻‍♂️

Times have changed.⌛️

Yes, you can still do things the old way, and there are some advantages to doing so.❗️

But HTTPS is expected now. Google actively penalizes sites that don’t support it. Browsers are quick to tell you about “Not Secure” sites you visit.⚠️

So, if you have a smaller site, like a blog, that you want to secure but you haven’t because it’s traditionally been a huge hassle and some expense to support HTTPS, you’re going to love CloudFlare.


[ Article ] : bit.do/frehttps

〰️〰️〰️〰️〰️〰️
#HTTPS #SSL #CloudFlare
@ProgrammingTip
XState

JavaScript and TypeScript finite state machines and statecharts for the modern web.

Statecharts are a formalism for modeling stateful, reactive systems. ⚡️

This is useful for declaratively describing the behavior of your application, from the individual components to the overall application logic. 🗣


[ Github ] : github.com/davidkpiano/xstate

〰️〰️〰️〰️〰️〰️
#JavaScript #TypeScript #StateChart
@ProgrammingTip
Programming Tips 💡
Photo
You Don't Know JS by Kyle Simpson.pdf
4.2 MB
You Don't Know JS 📕

Author 🖊 : Kyle Simpson

Publisher : O'Reilly

〰️〰️〰️〰️〰️〰️
#Book #JavaScript #Deep
@ProgrammingTip
Our new channel is here! 🥳

.NET Core / ASP.NET Core Channel 💙

A place to share Tips, Resources, and mostly Open-Source libraries about .NET Core & ASP.NET Core stuff. 🔥

Join and share our new channel with your friends ⚡️:
@CoreTips ✌🏻

〰️〰️〰️〰️〰️〰️
#AspMvc #Core #Channels
@ProgrammingTip
CSSFX

Beautifully simple click-to-copy CSS effects. 🔥

A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. 💎

Powered by CSS with minimal markup.
Completely open source and MIT licensed.⚡️


[ GitHub ] : github.com/jolaleye/cssfx
[ Demo ] : cssfx.dev

〰️〰️〰️〰️〰️〰️
#CSS #Effects
@ProgrammingTip
Developers, Blog More and Own Your Words 🗣

It's critical, though, that you own your words.
Have your own domain, and publish everything there. ✏️

Own what you write, and when your community points out helpful tips or places where you got something wrong, own that too. 👍🏻

Scott Hanselman said years ago that "Your Blog is the Engine of Community" and he's exactly right.

But it needs to be your blog, not a "publication" hosted on some massive aggregator site and lost in the swarm of nameless, faceless, featureless posts. It needs to be your words, on your site, with your style. That's how people find you. 💎


[ Article ] : kutt.it/blg

〰️〰️〰️〰️〰️〰️
#Blogging #Tip
@ProgrammingTip
Marky

JavaScript timer based on performance.mark() and performance.measure(), providing high-resolution timings as well as nice Dev Tools visualizations. 🌈

For browsers that don't support performance.mark(), it falls back to performance.now() or Date.now(). In Node, it uses process.hrtime().


[ Github ] : github.com/nolanlawson/marky

〰️〰️〰️〰️〰️〰️
#Measurement #Benchmark #JavaScript
@ProgrammingTip
Let me tell you about a pretty interesting Telegram channel, which I read often.

It is curated by Yegor Bugayenko, the CEO of Zerocracy. Yegor regularly blogs and posts short videos about software engineering, programming, startups, investments, and management. 🖥

With just a few posts per day you will learn many interesting things, which will provoke you to look at software development from a very different perspective. 👁

The channel is here : @yegor256news

〰️〰️〰️〰️〰️〰️
#Blogs #Programming
@ProgrammingTip
Pickr 🌈

Flat, simple, responsive and hackable Color-Picker library.
No dependencies, no jQuery. ⚡️
Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more❗️


[ Demo ] : simonwep.github.io/pickr
[ Github ] : github.com/Simonwep/pickr

〰️〰️〰️〰️〰️〰️
#CSS #FrontEnd
@ProgrammingTip
Top Shipment is looking for a remote React Developer Investor and we are giving equity and profit split in exchange for working 25h per week. ⚛️

You qualify for the contract when the web app rolls out. The term is 3 years.

[ Job Details ] : bit.ly/topproposal 🌐

〰️〰️〰️〰️〰️〰️
#Job #Hiring
@ProgrammingTip
Oh shit, git❗️

Git is hard: screwing up is easy, and figuring out how to fix your mistakes is fucking impossible. 🤷🏻‍♂️

Git documentation has this chicken and egg problem where you can't search for how to get yourself out of a mess, unless you already know the name of the thing you need to know about in order to fix your problem. 🤦🏻‍♂️

So here are some bad situations I've gotten myself into, and how I eventually got myself out of them in plain english*.

[ Website ] : ohshitgit.com

〰️〰️〰️〰️〰️〰️
#Git #SourceControl
@ProgrammingTip
The Evolving Infrastructure of .NET Core ⚡️

It would be useful to take a brief look at the history of ASP.NET Core's infrastructure systems and the significant improvements that have been made in the last year or so. 💎

This post will be interesting if you are interested in build infrastructure or want a behind-the-scenes look at how we build a product as big as .NET Core. 🔥


[ Article ] : kutt.it/netInfra

〰️〰️〰️〰️〰️〰️
#Microsoft #AspMvc #Core #AspCore
@ProgrammingTip
Are Node.js Modules Singletons ? 🤦🏻‍♂️

Node.js modules can behave like Singletons, but they are not guaranteed to be always singleton❗️

There are two reasons for this and both are mentioned in the official Node.js documentation 📑 :

1- Node’s module caching mechanism is case-sensitive. 🤷🏻‍♂️

2- Modules are cached based on their resolved filename. 🗣


[ Article ] : kutt.it/nodesingle

〰️〰️〰️〰️〰️〰️
#JavaScript #NodeJS
@ProgrammingTip
Emojis – the fun and weird parts! 😅

Come get a time out from useful learning and get a brief introduction to the surprisingly interesting world of emojis ! ⚡️

Emojis – to most of us they're just a weird distraction from proper language.

They're actually a rather cool piece of technology (❗️) with a meaningful impact on society. I'll teach you 3 things you didn't know about emojis, but you'll be glad you do !


[ Conference ] : kutt.it/emoji
[ Article ] : kutt.it/emojiart

〰️〰️〰️〰️〰️〰️
#Emoji #JavaScript
@ProgrammingTip
JSON API .NET Core

A framework for building json:api compliant web APIs. 💎

The ultimate goal of this library is to eliminate as much boilerplate as possible by offering out-of-the-box features such as sorting, filtering and pagination. 🗂

You just need to focus on defining the resources and implementing your custom business logic. 👌🏻

This library has been designed around dependency injection making extensibility incredibly easy. 💉


[ Github ] : kutt.it/JsonApiCore
[ Documentation ] : json-api-dotnet.github.io

〰️〰️〰️〰️〰️〰️
#AspMvc #AspCore #DotNet
@ProgrammingTip
The Difference Between SHA-1, SHA-2 and SHA-256 Hash Algorithms 🔐

If you have heard about “SHA” in its many forms, but are not totally sure what it’s an acronym for or why it’s important, we’re going to try to shine a little bit of light on that here today. 🌈

Before we can get to SHA itself though, we need to run through what a hash is, and then we’ll get into how SSL certificates use hashes to form digital signatures. 🌐

These are critical concepts to understand before you’ll be able to follow what SHA-1 and SHA-2 are. ☝🏻


[ Article ] : kutt.it/sha256

〰️〰️〰️〰️〰️〰️
#Hash #Encryption #Cryptography
@ProgrammingTip
Superstruct 🔥

A simple and composable way to validate data in Javascript.

Superstruct makes it easy to define interfaces and then validate JavaScript data against them. ⚠️

Its type annotation API was inspired by Typescript, Flow, Go, and GraphQL, giving it a familiar and easy to understand API. 🧠

But Superstruct is designed for validating data at runtime, so it throws (or returns) detailed runtime errors for you or your end users. 👥

This is especially useful in situations like accepting arbitrary input in a REST or GraphQL API, but it can even be used to validate internal data structures at runtime when needed.


[ Github ] : kutt.it/SprStr

〰️〰️〰️〰️〰️〰️
#JavaScript #Validation
@ProgrammingTip
Elasticlunr.js ⚡️

Elasticlunr.js is a lightweight full-text search engine developed in JavaScript for browser search and offline search. 🔍

Elasticlunr.js is developed based on Lunr.js, but more flexible than Lunr.js. 🔥

Elasticlunr.js provides Query-Time boosting, field search, more rational scoring/ranking methodology, fast computation speed and so on. 💎

Elasticlunr.js is a bit like Solr, but much smaller and not as bright, but also provide flexible configuration.


[ Website ] : elasticlunr.com
[ Github ] : github.com/weixsong/elasticlunr.js

〰️〰️〰️〰️〰️〰️
#JavaScript #Search
@ProgrammingTip