Programming & AI Tips 💡

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

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

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

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

You Don't Know JS 📕

Author 🖊 : Kyle Simpson

Publisher : O'Reilly ✨

〰️〰️〰️〰️〰️〰️
#Book #JavaScript #Deep
@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

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

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

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

Learn Webpack in 15 Minutes ⚡️

Build tools have become an integral part of web development, mainly due to the ever-increasing complexity of JavaScript apps. 🛠

Bundlers allow us to package, compile, and organize the many assets and libraries needed for a modern web project. 📦

In this tutorial we will take a look at Webpack, a powerful open-source bundler and preprocessor that can handle a huge variety of different tasks.💎


[ Article ] : kutt.it/webpck15

〰️〰️〰️〰️〰️〰️
#JavaScript #Webpack #Bundler
@ProgrammingTip

“Sorry JAVA, I am done with you. I have fallen in love with Kotlin.” - Sad Love Story 💔

Google started supporting Kotlin as an official language for Android development. ✅

On that day I decided, If Google somehow exclude JAVA then I am gonna leave Android development to continue my relation with JAVA. ❌

I was very egoistic that no any other language can took place in my heart. 💙

One day, One of my friends suggest me to give at least one chance to Kotlin. Because JAVA does not value my relationship. 🙅🏻‍♂️

Since we have been together from last 6 years sometimes I got angry and scolding on JAVA that It can not do some simple things by itself. 🤷🏻‍♂️

Every time I need to write boilerplate code again and again, but still I was appreciating JAVA in front of everyone. 🌍


[ Article ] : kutt.it/ktjv

〰️〰️〰️〰️〰️〰️
#Kotlin #Android #Java
@ProgrammingTip

Design Patterns for Humans 🤷🏻‍♂️

Design patterns are solutions to recurring problems; guidelines on how to tackle certain problems. ✅

They are not classes, packages or libraries that you can plug into your application and wait for the magic to happen. ❌

These are, rather, guidelines on how to tackle certain problems in certain situations. ✨


[ C# Version ] : kutt.it/dp-cs
[ PHP Version ] : kutt.it/dp-php

〰️〰️〰️〰️〰️〰️
#DesignPatterns #Patterns
@ProgrammingTip

Learn how to design large-scale systems 🔥
Prepare for the system design interview. ⚡️

Learning how to design scalable systems will help you become a better engineer. ✅

System design is a broad topic. There is a vast amount of resources scattered throughout the web on system design principles. 👌🏻

This repo is an organized collection of resources to help you learn how to build systems at scale. ✨


[ GitHub ] : kutt.it/sysdesign

〰️〰️〰️〰️〰️〰️
#SystemDesign #Design #Architecture
@ProgrammingTip

Static Site Generators: Gatsby, Hugo, Jekyll 💎

Websites rule the web, be they static or dynamic.⚡️ While a lot of sites are dynamic today, the static ones are still quite popular. In fact, there is a rise in the use of static sites. 🌚

In this article, you will see a comparison of three of the best static site generators out there, their strengths, weakness and why you should use them.🔥

Static site generators make building static sites a piece of cake. 🍰

Imagine having to do little or no complex work and still have sites that ✨:

• Are amazingly fast
• Require less maintenance
• Have a high level of security
• Are perfect for simple websites such as portfolios


https://t.me/pgimg/196

[ Article ] : kutt.it/ssg

〰️〰️〰️〰️〰️〰️
#Hugo #Gatsby #Jekyll
@ProgrammingTip

Code Server 🔥

code-server is VS Code running on a remote server, accessible through the browser.

Easily run it with Docker 🐳 :

docker run -p localhost:8443:8443 -v "${PWD}:/root/project" codercom/code-server code-server --allow-http --no-auth

Features⚡️:

• Code on your Chromebook, tablet, and laptop with a consistent dev environment.

• Take advantage of large cloud servers to speed up tests, compilations, downloads, and more.

• Preserve battery life when you're on the go.


https://t.me/pgimg/195

[ GitHub ] : github.com/codercom/code-server

〰️〰️〰️〰️〰️〰️
#CodeServer #VSCode
@ProgrammingTip

LowDB is a small local JSON database for Node, Electron and the browser powered by Lodash.⚡️

Sample 💎 :

const low = require('lowdb')
const FileSync = require('lowdb/adapters/FileSync')

const adapter = new FileSync('db.json')
const db = low(adapter)

// Set some defaults (required if your JSON file is empty)
db.defaults({ posts: [], user: {}, count: 0 })
.write()

// Add a post
db.get('posts')
.push({ id: 1, title: 'lowdb is awesome'})
.write()

// Set a user using Lodash shorthand syntax
db.set('user.name', 'typicode')
.write()

// Increment count
db.update('count', n => n + 1)
.write()

Result 🔥:

{
"posts": [
{ "id": 1, "title": "lowdb is awesome"}
],
"user": {
"name": "typicode"
},
"count": 1
}



https://t.me/pgimg/194

[ GitHub ] : github.com/typicode/lowdb

〰️〰️〰️〰️〰️〰️
#JavaScript #Database
@ProgrammingTip

NGXS ✨

NGXS is a state management pattern + library for Angular. 🅰️

It acts as a single source of truth for your application's state, providing simple rules for predictable state mutations. ⚡️

NGXS is modeled after the CQRS pattern popularly implemented in libraries like Redux and NgRx but reduces boilerplate by using modern TypeScript features such as classes and decorators. 🔥

NGXS tries to make things as simple and accessible as possible. 🧩

There can be a lot of boilerplate code in state management, thus a main goal of NGXS is to reduce boilerplate allowing you to do more things with less. 💎


https://t.me/pgimg/193

[ GitHub ] : github.com/ngxs/store
[ Website ] : ngxs.gitbook.io

〰️〰️〰️〰️〰️〰️
#Angular #StateManagement #FrontEnd
@ProgrammingTip

Dark GitHub Style 🌙

Your eyes will ♥️ you.

[ GitHub ] : kutt.it/git-dark

〰️〰️〰️〰️〰️〰️
#GitHub #Theme
@ProgrammingTip

Mapster 🔥

A fast, fun and stimulating object to object .NET Mapper. ⚡️

Don't let other libraries slow you down, raw Mapster performance is at least 2.5 times faster❗️


https://t.me/pgimg/192

[ Github ] : kutt.it/mapster

[ Performance Benchmark ] : kutt.it/mapbnch

〰️〰️〰️〰️〰️〰️
#Mapper #Mapster #CSharp
@ProgrammingTip