teleren/devto huggingface dataset:
Angular 16, Payload CMS, and ExpressJs Open-Source Web App Boilerplate
Published: 2023-09-26 13:20:08

I created an open-source Angular 16, Payload CMS, and ExpressJs Web App Boilerplate. After months of work, it is now public on GitHub! 🎉

It’s free, and you can start using it today.

Whether you use NextJs or Angular - it might be interesting to follow it because the next one launched will use NextJs.

🌟 Stars are essential when it comes to open-source and job opportunities. Please consider giving it a star - I appreciate you. 🌟 It also motivates others to join and contribute. 🥹

Everything is integrated with Nx and Payload CMS.

**Functionalities:**

→ Payload CMS (headless open-source CMS)
→ I18n
→ TailwindCSS
→ Angular Material
→ Lazy Loading
→ Server-Side Rendering App
→ Client Side App
→ Authentication, Authorization
→ Lazy loaded Dashboard for authenticated users
→ Standalone Components
→ Pnpm, esbuild

Let’s build together more projects and more useful products. 🛠️

Sharing this with your colleagues, programmers, friends, or social media would mean much to me. I appreciate you.

The public GitHub repository can be accessed here: https://github.com/binarystarter/binarystarter-angular

Let's connect on Twitter https://x.com/florinmtsc
🔥 What are falsey values in JavaScript? 10 Must-Know Questions for Junior Developers💡🚀
Tags: javascript, interview, career, tutorial
Published: 2023-09-26 13:15:37

In JavaScript, "falsy" values are values that are treated as false in Boolean contexts, such as conditional statements (`if`, `while`), logical operations (`&&`, `||`, `!`), and other areas where a Boolean value is expected. There are seven falsy values in JavaScript:

1. `false`
2. `0` and `-0`
3. `""` (empty string)
4. `null`
5. `undefined`
6. `NaN`
7. `document.all` (for historical web compatibility reasons)

Any value that is not in this list is considered "truthy". Here is an example demonstrating how JavaScript treats falsy values:

```javascript
const test1 = "" // empty string
const test2 = 0 // zero
const test3 = parseFloat("hi") // NaN 

if(!test1 && !test2 && !test3){
  console.log("falsy")
} // logs falsy
```

In this example, `test1`, `test2`, and `test3` are all falsy values, so `!test1 && !test2 && !test3` returns true, and 'falsy' is logged to the console [Source 8](https://dev.to/johnpalmgren/understanding-truthy-and-falsy-in-javascript-b82).

It's important to note that while falsy values are treated as false in Boolean contexts, they are not the same as the Boolean value `false`. For example, if you use the strict equality operator `===` to compare a falsy value with `false`, the result will be `false`, because `===` checks both the value and the type. Here's an example:

```javascript
const test1 = "" === false // test1 is false
```

In this case, `test1` is `false` because the empty string `""` and `false` are different types (String and Boolean, respectively) [Source 8](https://dev.to/johnpalmgren/understanding-truthy-and-falsy-in-javascript-b82).

You can convert any JavaScript value to a Boolean value using the `Boolean` function or the `!!` (double NOT) operator. This will return `true` for truthy values and `false` for falsy values:

```javascript
const value = ""; // a falsy value
console.log(Boolean(value)); // false
console.log(!!value); // false

const value2 = "hello"; // a truthy value
console.log(Boolean(value2)); // true
console.log(!!value2); // true
```
now after you know what falsy values record yourself answering that question and repeating it until you succeed because explaining what you know is very important for employers or HR.

I would love to share a part of my preparation tips for job interview.

---

As a React developer, I'm currently on the lookout for new opportunities. If you know of any roles where my experience could be a good fit, I would love to hear from you.

You can reach out to me anytime at my email xMohammedAwad@gamil.com, or connect with me on [LinkedIn](https://www.linkedin.com/in/xMohammedAwad/). Check out my projects on [GitHub ](https://github.com/xMohammedAwad)to see more examples of my work.
macOS Sonoma Release Time
Tags: macos, developers, discuss, news
Published: 2023-09-26 13:10:40

{% twitter https://twitter.com/anurag_30/status/1706655102269042845 %}

→ [Open Link](https://arc.net/e/34131060-5E2E-48E7-9C75-F14DE1D97B08)

#Update:

macOS Sonoma Update is Out Now!

![macOS Sonoma](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2z66l9bzl3mwbobiftdg.png)
GPG/PGP Encryption Decryption
Tags: javascript, node, silvenleaf, backend
Published: 2023-09-26 12:24:54

# GPG Encryption Decryption
### *How does this work?*
- [x] *generate SECRET_KEY to encrypt files*
- [x] *share this SECRET_KEY to decrypter machine*
- [x] *import this SECRET_KEY on encrypter machine*
- [x] *encrypt file using this SECRET_KEY*
- [x] *send this encrypted file to the decrypter machine*
- [x] *decrypt the file using the SECRET_KEY on decrypter machine*

### Decrypter Machine
- [x] *generate gpg key using this command*
```bash
gpg --gen-key
```
or use this command
```bash
gpg --full-gen-key
```
- [x] *list out your keys using this command*
```bash
gpg --list-keys
```
- [x] *export your key using this command (to send to encrypter)*
```bash
gpg --export -a YOUR_KEY_ID > YOUR_FILE_NAME.asc
```
*This will generate a file. You can share this file to the Encrypter Machine. They'll import this key and encrypt the file using this key which you can later on decrypt on your machine.*

### Encrypter Machine
- [x] *import the SECRET_KEY of the decrypter*
```bash
gpg --import YOUR_SECRET_KEY_FILE_NAME.asc
```
- [x] *list out your keys using this command*
```bash
gpg --list-keys
```
- [x] *encrypt the pgp file*
```bash
gpg --encrypt --recipient SECRET_KEY_ID --output ENCRYPTED_FILE FILE_TO_ENCRYPT
```
*share this encrypted file to your decrypter machine*

### Decrypter Machine
- [x] *decrypt the file*
```bash
 gpg --decrypt --recipient SECRET_KEY_ID --passphrase YOUR_PASSWORD --output DECRYPTED_FILE ENCRYPTED_FILE
```
*yippie banzai we did it!*
Simplicity in Optimization: Enhance Your System with Swap
Tags: devops, fullstack, webdev
Published: 2023-09-26 12:00:29

Swap space, often referred to simply as "swap," is a dedicated area on a computer's storage device, typically a hard drive or SSD, used as virtual memory. It's an integral component of operating systems like Linux and Windows and plays a crucial role in efficiently managing a computer's memory (RAM). When the physical RAM reaches its capacity, swap space comes into play as an extension of your system's memory, ensuring that your system continues to function without interruption.

Adding Swap Space for Improved Performance:

If you find yourself with limited physical RAM and want to enhance your system's performance by providing additional virtual memory, adding swap space can be a beneficial solution. Here's how you can augment your system's capabilities with 2GB of RAM:

**Note:** Before proceeding, make sure you have administrative privileges on your system.

1. **Check Current Swap:** Before adding more swap space, it's a good idea to check if you already have existing swap space. Open a terminal and run:

```bash
swapon --show
```

   This will display any active swap partitions/files.

2. **Create a Swap File:** If you don't have existing swap space, you can create a swap file. Choose a location with enough disk space. To create a 2GB swap file, run the following commands:

```bash
sudo fallocate -l 2G /swapfile   # Create a 2GB swap file
sudo chmod 600 /swapfile         # Set appropriate permissions
sudo mkswap /swapfile            # Format the file for swapping
```

3. **Activate the Swap File:** Once the swap file is created, you need to activate it:

```bash
sudo swapon /swapfile   # Activate the swap file
```

4. **Make Swap Permanent:** The swap file will be deactivated after a reboot unless you add it to your system's configuration. Edit the `/etc/fstab` file to make the swap permanent:

```bash
sudo nano /etc/fstab
```

Add the following line at the end of the file:

```
/swapfile none swap sw 0 0
```

Save and exit the text editor.

5. **Adjust Swappiness (Optional):** Swappiness controls how aggressively your system uses swap space. A value of 0 avoids swap as much as possible, while a value of 100 aggressively uses swap. To adjust swappiness, run:

```bash
sudo sysctl vm.swappiness=10
```

This sets swappiness to a lower value (e.g., 10) to avoid swapping too much. To make the change persistent after reboot, add the following line to the `/etc/sysctl.conf` file:

```
 vm.swappiness=10
```

6. **Check Swap:** After performing these steps, you can check if the swap space is active:

```bash
swapon --show
free -h
```

   The `free -h` command will display your system's memory usage, including swap.

Adding swap space can improve your system's performance, but it's important to note that swap is slower than physical RAM. It's better to have enough RAM for your needs, but swap can be a helpful supplement when RAM is limited.
About Me...
Tags: beginners, codenewbie, cloud
Published: 2023-09-26 11:56:00

Hi, I’m Stefan!

I’m a midlife career changer, learning as much as I can in my free time so I can eventually leave my job and begin my career as a cloud professional.

I’m already certified as an AWS Cloud Practitioner and Solutions Architect – Associate. I’ll be self-studying to sharpen my cloud skills and to build my business acumen. Eventually I’ll be starting on my portfolio by using the Cloud Resume Project. 

Follow me on here to build connections. On GitHub to see my work and while your are checking out my GitHub page, please hit the projects tab to see my roadmap.

Thanks!
Understanding and Analyzing Proxy Server Timeouts
Tags: proxyservice, loadbalancing, timeoutissues, networkproblems
Published: 2023-09-26 11:55:21

🔓 We're actually helping you with our team's wisdom. Check out how into our Knowledge base  about it:


https://www.relianoid.com/resources/knowledge-base/troubleshooting/understanding-and-analyzing-proxy-server-timeouts/


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/131nw6f3g90wmf71gij5.png)#ReverseProxy #ClientSideTimeouts #BackendTimeouts #ProxyServer #ConnectionsProblems #ApplicationDelivery #ProxyServerTroubleshooting #NetworkingIssues #ServerTimeouts #ProxyConfiguration #LoadBalancerTips #ApplicationLayer #OSILayer7 #ErrorLogs #ClientServerCommunication #TimeoutAdjustments
Data Science for Beginners:2023-2024 Complete Roadmap
Tags: lux, python, datascience, luxacademy
Published: 2023-09-26 11:33:13

Data Science is a rapidly growing field that combines statistics, mathematics, computer science and domain knowledge to extract insights from data. As a data scientist, skills are purposeful to solve complex problems and make better decisions in a variety of Industries.

To learn, it is very key to start with the basics. This includes learning about the different types of data, how to collect and clean data, and how to use programming languages to analyze data.
To know how to handle data, it's advisable to even begin with what is termed to be used by data analysts a lot i.e.: **Understanding Excel**, **Spreadsheets** and **SQL** which is a Structured Query Language for managing and manipulating data stored in databases.

The essential skills that then you build onto include learning a programming language in this case **Python** or **R**. Python is a general-purpose language well known for its simplicity whereas R is a statistical language.

From there, a visualization tool would help. Besides working with Python or even R for data manipulation, adding a set of tools such as **Tableau**, **Power Bi** is essential. These tools allow you to create interactive and visually appealing charts, graphs and dashboards to communicate your data insights.

Deep into data Science after getting comfortable with the essentials, it's when you dive into statistics as this is crucial for data mining. Here you get to learn about machine learning algorithms and how you can build predictive models. Basically, Machine learning would be allowing computers to learn from data without being explicitly programmed.

Advanced topics of a data Science career would include:
**Deep Learning**, **Big data** and **Natural Language Processing**.


_Gaining hands-on experience with data science projects is the way to get to learn about this exciting field_.

> IT'S DATA ALLDAY, EVERYDAY
My Awesome Extensions Vscode
Tags: vscode, programming, webdev, beginners
Published: 2023-09-26 11:14:42

**Boosting Developer Productivity with Essential VS Code Extensions**

Visual Studio Code (VS Code) is one of the most popular source code editors used by developers worldwide. One of its primary strengths is its customizability through extensions, which allow you to add features and functions as per your needs. In this article, we'll discuss some highly useful extensions to enhance your productivity while using VS Code.

1. **[Live Server](vscode:extension/ritwickdey.LiveServer)**
   The Live Server extension enables you to quickly develop and test websites locally. Once activated, simply click "Go Live," and a local development server will run. This extension automatically refreshes your web page when you save code changes, which is extremely useful during front-end development.

2. **[Indent Rainbow](vscode:extension/oderwat.indent-rainbow)**
   Indent Rainbow is an extension that helps you better understand the structure and hierarchy of your code. It colorizes your code's indentation with different colors for each level of indentation. This is particularly helpful when dealing with deep and nested code.

3. **[GitLens](vscode:extension/eamodio.gitlens)**
   GitLens is a powerful extension for Git management within VS Code. With GitLens, you can see who made changes to the code, when those changes were made, and even access the code's commit history directly from the editor. It simplifies collaboration with development teams and provides a better understanding of project evolution.

4. **[Thunder Client](vscode:extension/rangav.vscode-thunder-client)**
   Thunder Client is an extension that allows you to send HTTP requests and test APIs directly from VS Code. With an intuitive interface, you can easily create HTTP GET, POST, PUT, and DELETE requests and observe the received responses. This extension is invaluable for backend development and API testing.

5. **[Prettier](vscode:extension/esbenp.prettier-vscode)**
   Prettier is an extension that helps you maintain consistent code formatting. By integrating Prettier into VS Code, you can easily automate code formatting according to the conventions you specify. This aids in keeping your code clean and easily readable.

6. **[Git Graph](vscode:extension/mhutchie.git-graph)**
   Git Graph is an extension that helps you visualize the Git history of your project in an interactive graph format. You can visually explore branches, merges, and commits, which helps you understand your project's structure and relationships between different code segments.

By using these extensions, you can enhance your productivity and code quality while using Visual Studio Code. Each extension has its unique features that can assist you in various aspects of software development. Additionally, these extensions can be easily installed through the VS Code extension marketplace, allowing you to tailor your setup to your specific needs. Try out these extensions to maximize your development experience with VS Code.
Event Streaming Showdown: Kafka vs. Azure Event Hub — A Comprehensive Comparison⚡
Tags: kafka, azure, azureeventhub, eventstreaming
Published: 2023-09-26 11:11:40

In the ever-evolving world of event-driven architectures, choosing the right event-streaming platform is crucial for success. Today, we’ll embark on a journey to explore two titans of the event streaming realm: Apache Kafka and Azure Event Hub. 🌐📡

Apache Kafka — The Open-Source Champion 🐘

Apache Kafka has been a game-changer since its inception. It’s an open-source, distributed streaming platform renowned for its scalability and robustness. Kafka excels in handling vast amounts of data and ensures data durability through its log-based storage mechanism.

Pros of Kafka:
1. Scalability: Kafka’s distributed architecture allows you to scale horizontally effortlessly, making it ideal for handling high volumes of events.
2. Ecosystem: Kafka boasts a rich ecosystem with connectors, stream processing libraries (like Kafka Streams), and monitoring tools (like Confluent Control Center).
3. Community: The Kafka community is vibrant and active, ensuring continuous development and support.

Cons of Kafka:
1. Complexity: Setting up and configuring Kafka clusters can be complex, especially for newcomers.
2. Operational Overhead: Managing Kafka clusters requires dedicated resources and expertise.

Azure Event Hub — The Azure Native ☁️

Azure Event Hub is Microsoft’s cloud-native event streaming service. It seamlessly integrates with the Azure ecosystem, making it an excellent choice if you’re already using Azure services for your applications.

Pros of Azure Event Hub:
1. Integration: It integrates seamlessly with other Azure services, such as Azure Functions, Azure Stream Analytics, and Azure Logic Apps.
2. Managed Service: Azure Event Hub is fully managed, reducing operational overhead and enabling automatic scaling.
3. Security: It leverages Azure’s robust security features and compliance standards.

Cons of Azure Event Hub:
1. Vendor Lock-in: Its tight integration with Azure might limit portability if you decide to migrate to another cloud provider.
2. Limited Ecosystem: While Azure Event Hub has a growing ecosystem, it may not be as extensive as Kafka’s.

Now, it’s your turn! 🤔

For Kafka Lovers: Share your Kafka success stories, use cases, and tips for managing its complexity. 🐘📈

For Azure Aficionados: Tell us about your Azure Event Hub experiences and how it seamlessly fits into your Azure-powered solutions. ☁️🚀

Let’s engage in a lively discussion and help each other navigate the fascinating world of event streaming! ⚔️💬
#15 Auto Complete Text View in Android | Android Studio Tutorial | Android Tutorial SoftwareTechIT
Tags: android, tutorial, beginners, programming
Published: 2023-09-26 11:11:00

{% embed https://www.youtube.com/watch?v=qd4Pq6_457g&list=PLmwJLue37PZfiGUAwQ6uhh5bbYkeFUOpj&index=15&ab_channel=SoftwareTechIT %}

Subscribe Channel SoftwareTechIT 
And Visit:- SoftwareTechIT.com
More Here:- https://home.softwaretechit.com
Buy Anything From Here :-https://shop.softwaretechit.com
{% embed https://softwaretechit.com/category/android/ %}

Questions :-
What is AutoComplete Text View?
Why We Use Auto Complete Text View?
How do I set Auto Complete text on android?
What is meant by auto-complete text view?
What does android Completion hint in auto-complete text view does?
What is android auto-complete?
How do I turn off AutoComplete TextView?
Is the view associated with AutoComplete?
How do I set AutoComplete text on android?
What is auto-complete text view?

Download Our App:- https://play.google.com/store/apps/details?id=com.softwaretechit
Read More Here :- https://softwaretechit.com/top-10-quetions-on-ai-and-chatgpt-ai-tool-can-ai-is-new-future-of-world/
https://softwaretechit.com/what-is-chatgpt-develope-chatgpt-11-things-you-can-do-with-chatgpt/
Watch Other Video:-https://youtube.com/shorts/7MmZi6GHizM?feature=share
🌎 Website :- https://softwaretechit.com
📰 Blog:- https://blog.softwaretechit.com
🛒 Shopping :- https://shop.softwaretechit.com 
📑 Product Review :- https://productsellermarket.softwaretechit.com
🔎 Business & More:- https://golbar.net/
🏡 https://home.softwaretechit.com

💬 https://instagram.com/softwaretechit

LeetCode Playlist :- https://www.youtube.com/playlist?list=PLmwJLue37PZeATQcUaHddx4-TJ5cjkT0t
Angular Project Playlist :- https://www.youtube.com/playlist?list=PLmwJLue37PZfQTgu-AXNee3EDj7oIlqeh
Android Playlist :-https://www.youtube.com/playlist?list=PLmwJLue37PZcEUyMLhaa3jnfyq3lETiSe
Python Flask Project Playlist :- https://www.youtube.com/playlist?list=PLmwJLue37PZdqqr9wj6c5uY2iXQsSVxZK
Java Project Link :- https://www.youtube.com/playlist?list=PLmwJLue37PZcvpGWO8tjlFzXCRS7FDfwA
Installation Tutorial Playlist :- https://www.youtube.com/playlist?list=PLmwJLue37PZeRGo1hOc3Mh4QcHVSIKQ9Y
Kali Linux Installation:- https://youtu.be/7uqH2om9itY

Thank You... #softwaretechit #2023 #tech
ターミナルでPHPのバージョンを切り替えた際に便利な背景画像
Published: 2023-09-26 10:57:04

---
title: ターミナルでPHPのバージョンを切り替えた際に便利な背景画像
published: true
description: 
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-09-26 09:22 +0000
---


MacのローカルでPHPの開発をする際、複数のバージョンを同時に使いたいケースがあります。
その場合は、こちらの[記事](https://qiita.com/koriym/items/1546ee7eb0afbd9b9fe5)がとても参考になります。

[sphp](https://github.com/vadimbk/sphp)でスイッチするのではなく、

> ターミナル > 環境設定 > プロファイル で[+]をクリックして特定のPHP環境のパスを有効にするプロファイルを作成します。

ターミナルをいくつか開いていると、どのウインドウがどのPHPのバージョンなのかを一目で把握できたらと思います。
とはいえ背景色や文字色をデフォルトから変更したくはありません。

そんな時のために背景画像を作成しました。こんな感じで設定します。

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y9e4800krbu63457k00m.png)

よく考えたら背景色が白い人って少ないかもしれないですね。
どなたかのお役に立てたら嬉しいです。

## 背景画像一覧

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cci8ddp9qw6mkmjn3nuj.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sad5p85x340tv5g09c4b.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lwl2jw46heim2ji79ref.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s225aalcbujob8ciz7f1.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sixz8a56xv0bgb6xq1cb.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l79gx956wdz1u6ro66b4.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e8l2yoqhhqkneltkgo3r.png)