teleren/devto huggingface dataset:
Binary: How Computers Count
Published: 2024-04-07 19:12:47


Many people are familiar with the trope of a tunnel of green 0s and 1s zooming by as a movie character hacks the mainframe or enters the computer world, but few know the signifigance these 0s and 1s have to comuting. Most modern programming languages have abstracted away the need for directly interacting with the binary foundation they rely on, so many programmers are left without an understanding of how the binary number system works or its importance to computing. 

## What is Binary
Simply, binary is counting with base 2. The counting system we are familiar with is base 10. A counting systems base can be thought of as the number you count to before moving to the next position. For example, in base 10, counting from 0 to 9 only uses a single position but counting from 10 to 99 uses two. The term base comes from the fact each position of the number is representative of an amount of the base raised to a power. In base 10 the ones place is representative of 10^0, the tens place is 10^1, the hundreds is 10^2 and so on. This allows us to construct numbers to represent a certian combination of the base 10 exponents based on the position of the digit. So 143 is 1*10^2 + 4*10^1 + 3*10^0 or 100 + 40 + 3.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yzt7mxwq2ki4tmhcf426.png)
This carries over to binary but instead of using 10 as the base, we use 2. So the first place is 2^0, then 2^1, 2^2, and so on. This is where the zeros and ones come in. Since in binary you only count to 1 before moving to the next place the only digits seen in binary counting are 0 and 1. In binary 143 would be 1*2^7 0*2^6 0*2^5 0*2^4 1*2^3 1*2^2 1*2^1 1*2^0 or 128 + 8 + 4 + 2 + 1 or 10001111.

##Why is binary imprortant?
Computing is all about logic and binary provides a great representation of the simplest unit of logic, true and false. Since there can be no in between with true and false, binary is the perfect fit since it only uses two numbers. Before digital computers were even considered a possiblity, 1854, George Boole published a paper utilizing binary to formalize what is known as Boolean Algebra. Boolean Algebra would later become the cornerstone to digital computing, providing an avenue for completing ariethmetic and logical calculations with digital circuts. These are still the foundations of modern computing, all made possible thanks to binary. 

Further Reading: 
Wikipedia article detailing the binary number system
- https://en.wikipedia.org/wiki/Binary_number# 
Paper detailing boolean algebra
- https://plato.stanford.edu/entries/boolalg-math/
Simulator to help understand Binary
- http://mathszone.net/mw/bases/binary/index.html
20 Free Figma Hero Headers Templates
Tags: figma, uidesign, ui, webdev
Published: 2024-04-07 19:03:13

Struggling to design eye-catching hero headers? Look no further! Kreed offers 20 FREE Figma templates, perfect for designers and developers.

**Why Hero Headers Matter?**

Hero headers are the prime real estate on your website. They grab attention, introduce your brand, and communicate your message.
![20 Free Figma Hero Headers Templates](https://neattemplate.com/wp-content/uploads/2024/04/Kreed-20-Hero-Headers-Template-Community-%E2%80%93-Figma-1-1-1.png)

**What Makes Kreed's Templates Shine?**

**Variety & Creativity**: Choose from 20 unique templates to perfectly match your project.

**Easy Customization**: Change colors, fonts, and images to reflect your brand identity.

**Save Time & Effort**: Well-organized layers make creating professional headers a breeze.

Free & Compatible: Download today and use them in Figma, the industry-standard design tool.

Take your web design to the next level! Download these FREE Figma hero header templates and create stunning first impressions.

Author: Shreyash Barot

[Download](https://www.figma.com/community/file/975681310612027225/kreed-20-hero-headers-template)

### See Also
✍[10 Free Figma Landing Page Hero Section Templates](https://neattemplate.com/figma-templates/10-free-figma-landing-page-hero-section-templates)
✍[1440+ Free Figma Plugin 3D Icon Library](https://neattemplate.com/figma-icons/1440-free-figma-plugin-3d-icon-library)
✍[Free iOS Mobile App for Pokemon Gaming designed on Figma](https://neattemplate.com/figma-mobile-app/free-ios-mobile-app-for-pokemon-gaming-designed-on-figma)
Doctors Home Care Ltd
Tags: nursing, homecare, nursinghomecareservices, caregivers
Published: 2024-04-07 18:49:11

Welcome to Doctors Home Care Ltd, the foremost provider of nursing and home [healthcare services](https://www.doctorshomecarebd.com/) in Dhaka. Our mission is to deliver specialized and compassionate care to the elderly and seniors, ensuring their comfort and wellbeing.
At Doctors Home Care Ltd, we offer a comprehensive range of services tailored to meet the unique needs of each individual. From nursing home care to personalized home healthcare solutions, caregiver support, patient care management, and professional home healthcare, we are dedicated to providing the highest quality of care.
Our team of caregivers comprises highly skilled and passionate professionals who are committed to making a positive impact on the lives of our clients. Whether it's assisting with daily activities, administering medication, providing emotional support, or offering specialized medical attention, our caregivers are there every step of the way.
With decades of experience, we have earned a reputation for reliability, trustworthiness, and genuine care. Our tailored care plans ensure that each individual receives the attention they need, promoting their overall health and happiness.
Experience the Doctors Home Care Ltd difference today and join us in providing the best quality of life for the elderly and seniors in Dhaka. Contact us now to explore our range of services and let us be a part of your journey towards better health and comfort.
Call to Action: For compassionate and professional care, contact Doctors Home Care Ltd today.
Security: move your SSH keys to an encrypted location
Tags: security, programming, developer, ssh
Published: 2024-04-07 18:40:09

## The problem

By default, the `ssh-keygen` command writes public/private keys in the `~/.ssh` folder in clear text.

It can be stolen (e.g., manually or with a malicious script).

## A concrete example

If you forgot to lock your session or if an attacker infects your computer with a malicious program (e.g. Trojan, infostealer), your SSH keys could be used to deploy malware or compromise critical instances.

## Why this is necessary but not sufficient

As developers, we get advanced capabilities and permissions. Moving SSH keys to secure (encrypted) location is a good practice, but it should be combined with other measures for multiple layers of security. 

Unmanaged SSH keys can put your organization at high risk.

While we only see one aspect of SSH key management here, it's an efficient measure, at least.

## How to manage/protect your SSH keys

Moving SSH keys to an encrypted location may be hard to achieve. Fortunately, there are various solutions, like SSH key managers or secret managers.

In most cases, the idea is to store keys in an encrypted vault.

## Wrap up

SSH keys are credentials. There's no reason to keep them unencrypted on your machine.

While nothing is bulletproof, especially against advanced threat actors, this measure can mitigate many attacks.
ExaTech Mainnet Upgrade: Advancements and Validator Preparation
Published: 2024-04-07 18:18:08

ExaTech is currently undergoing a pivotal phase of development, focusing extensively on upgrading it Mainnet infrastructure. This strategic initiative marks a significant milestone for the platform, introducing a series of enhancements aimed at fortifying its ecosystem and expanding its capabilities.

One of the cornerstone objectives of this phase involves the introduction of substantial improvements to the ExaTech Mainnet. Chief among these upgrades is the launch of a proprietary native coin, which promises to elevate the platform's utility and foster greater engagement among its user base. Additionally, the rollout of the EXT20 DeX (Decentralized Exchange) protocol is poised to revolutionize the trading experience on ExaTech. This protocol encompasses a range of functionalities, including swap, bridge, and farming operations, thereby empowering users with enhanced flexibility and efficiency in managing their assets.

In tandem with these advancements, a concerted effort is underway to bolster the security posture of the ExaTech blockchain. Rigorous security enhancements are being implemented to safeguard the integrity of the ecosystem and shield it from potential threats and malicious attacks. These updates underscore ExaTech unwavering commitment to maintaining a robust and resilient infrastructure that instills trust and confidence among its stakeholders.

Furthermore, as part of the Mainnet upgrade initiative, meticulous preparations are being made to onboard and empower validators within the ExaTech network. Validators play a pivotal role in ensuring the integrity and consensus of the blockchain, and their participation is instrumental in upholding the network's operational stability and security. To facilitate this process, a streamlined mechanism has been devised to seamlessly add new validators to the network. The function addValidator has been meticulously crafted to enforce the inclusion of new validators while preemptively detecting and preventing duplicate entries. By expanding and diversifying its validator pool, ExaTech aims to foster a more decentralized and resilient ecosystem, characterized by robust consensus mechanisms and enhanced network reliability.

In essence, the ongoing Mainnet upgrade represents a pivotal juncture in ExaTech evolution, underscoring its unwavering commitment to innovation, security, and decentralization. Through these concerted efforts, ExaTech endeavors to position itself as a frontrunner in the blockchain landscape, driving forward the adoption of decentralized technologies and revolutionizing the future of digital finance.
I'm proud of you
Tags: reflections, friendship, encouragement
Published: 2024-04-07 18:09:31

Hey, buddy!

You did it! Another day and another week! Another one conquered. You should be proud of yourself. Seriously. I'm proud of you. I know you have a lot going on. I know there's a lot weighing on your shoulders. You have a lot on your chest. Don't stop. You can't give up.

You've come too far, man. Your heart is a warrior! You're stronger than you think. You've overcome all those other bad days. And I know those days all blend together.

Yesterday feels like today and tomorrow will feel like yesterday. That's just kinda how things go. There's only one thing you can do, you have to change tomorrow. You have to be better than you were today and don't forget your future needs you. Your past doesn't.

You're going to be okay. I know you will. You always are.

Make sure you can smile today and tomorrow.

I'll always be here. I'll always be proud of you.
A Powerful Password Generator NPM Package
Tags: webdev, javascript, react, node
Published: 2024-04-07 18:09:02

In today's digital age, the importance of strong, secure passwords cannot be overstated. Whether it's protecting your personal accounts or securing sensitive business data, having robust passwords is crucial. However, coming up with complex passwords that are both secure and memorable can be a daunting task.

That's where Secure Password Gen comes in. Secure Password Gen is a lightweight and easy-to-use npm package designed to generate strong and secure passwords with customizable options. In this blog post, we'll introduce you to Secure Password Gen, explore its features, and show you how to use it to enhance your password security.

**Features**
Secure Password Gen offers a range of features to help you generate strong passwords tailored to your specific requirements:

- **Customizable Length:** Specify the length of the password you need, from as short as 4 characters to as long as you like.
- **Character Set Control:** Choose which character sets to include in your password, including uppercase letters, lowercase letters, numbers, and symbols.
- **Flexibility:** Generate passwords with varying levels of complexity to suit your needs.
- **Ease of Use:** Simple and intuitive interface makes it easy for anyone to generate secure passwords quickly.

**Getting Started**
Getting started with Secure Password Gen is easy. Follow these simple steps to generate your first secure password:

- **Install secure-password-gen:**
Install the secure-password-gen package from npm using the following command:

```
npm install secure-password-gen
```

- **Import secure-password-gen:**
In your JavaScript or TypeScript file, import the generatePassword function from the secure-password-gen package:

```
const generatePassword = require('secure-password-gen');
```

- **Generate Passwords:**
Use the generatePassword function to generate passwords with the desired length and character set options:

```
// Generate a password with default settings (12 characters, including uppercase, lowercase, numbers, and symbols)
const password = generatePassword();
// Generate a password with custom options (e.g., length of 16 characters, including only uppercase and lowercase letters)
const customPassword = generatePassword(16, true, true, false, false);
```

- **Enjoy Secure Passwords:**
Use the generated passwords to enhance the security of your accounts and data.

**Conclusion**
With secure-password-gen, generating strong and secure passwords has never been easier. Whether you're a developer looking to enhance the security of your applications or an individual striving to protect your online accounts, Secure Password Gen has you covered. Install secure-password-gen today and take control of your password security!

For more information and detailed usage instructions, check out the secure-password-gen [GitHub repository](https://github.com/abhilaksh-arora/secure-password-gen) and the official [npm package](https://www.npmjs.com/package/secure-password-gen) page.

Happy password generating!
Collab Lab #66 Recap
Tags: javascript, webdev, learning, community
Published: 2024-04-07 18:07:48

## Overview

[The Collab Lab](https://the-collab-lab.codes/) is a non-profit organization that runs a program where early career developers can apply to work together on a team to complete a project led by mentors who work in the field.

## The Team

![A screenshot of us in a sync](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s9ye4cuh77old5ec8pe2.png)

### Participants
[Aloe Nelson](https://www.linkedin.com/in/aloenelson/)
[Emilio Campos](https://www.linkedin.com/in/emilio-campos-jr/)
[Hannah Wohl-Machado](https://www.linkedin.com/in/hannah-wohl-machado/)
[Stefanie Caffarel](https://www.linkedin.com/in/stefanie-caffarel-888209113/)

### Mentors
[Danielle Heberling](https://www.linkedin.com/in/deeheber/)
[Jeremiah Fallin](https://www.linkedin.com/in/jeremiah-fallin/)
[Nick Zanetti](https://www.linkedin.com/in/nickzanetti/)


## The Project
We were tasked to build a "smart" shopping list over the course of 10 weeks. During this time there was lots of pair programming, async communication over slack, code review, demos, and retrospectives.

### Features
- Login and customized views based off of whom logged in
- Create a new list
- Add an item to the list and set the urgency level (soon, kind of soon, not so soon)
- Delete an item from the list
- Mark an item as purchased
- Search a list for an item
- Share a list with another user

### Tech Stack
JavaScript
[React](https://react.dev/)
[Flowbite](https://flowbite.com/)
[Tailwind](https://tailwindcss.com/)
[Firebase](https://firebase.google.com/) - Auth, Database, and Hosting
[Vite](https://vitejs.dev/)

## The Finished Project

### Login Page

![login page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h0tyrbjmrs7eq3j1wdze.png)

### Landing Page - select a list to view/edit

![landing page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m9mzi71tldh18rio5dfw.png)

### A Specific List Page

![view a list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s671ot4yj9xh9ue21wsq.png)

The source code for the app can be found on [our GitHub repo](https://github.com/the-collab-lab/tcl-66-smart-shopping-list).

You can view this app live at https://tcl-66-smart-shopping-list.web.app/.

## Closing
We had a great 10 weeks learning from each other and are looking forward to continuing to build fun projects.

**If you're looking to hire early career developers, I would highly encourage you to take a look at these folks' LinkedIn profiles.**
Unlocking the Power of AWS: A Simple Guide to Cloud Essentials! ☁️💡
Tags: devops, aws, cloudcomputing, ec2
Published: 2024-04-07 18:02:03

Welcome to the cloud! Let's explore AWS basics together. 🌟 Imagine renting virtual computers like booking an Airbnb, controlling access with a digital key, and creating your private cloud space with a few clicks. 🚀 Let’s break down EC2, IAM, and VPC in simple terms, exploring their advantages and use cases. Ready to dive in? Let's go! 💪✨

1️⃣ EC2 (Elastic Compute Cloud):

‼️ What is it❓ 🖥️ Rent virtual computers in the cloud.

🅰️dvantages:
 - Scalability: Adjust virtual computer size easily.
 - Flexibility: Choose virtual computer types for your needs.
 - Cost-Effectiveness: Pay only for what you use.

🧐 Use Cases:
 - Web Hosting: Host websites and apps.
 - Development and Testing: Create test environments.
 - Data Processing: Crunch big data.

2️⃣ IAM (Identity and Access Management):

‼️ What is it❓🔑 Control who can access what in a building.

🅰️dvantages:
 - Centralized Security: Manage access in one place.
 - Granular Permissions: Decide what each person can do.
 - Multi-Factor Authentication (MFA): Extra security layer with phone codes.

🧐 Use Cases:
 - User Management: Add and manage users.
 - Role-Based Access Control (RBAC): Assign roles and permissions.
 - Secure Access to AWS Resources: Control access to different parts of AWS.

3️⃣ VPC (Virtual Private Cloud):

‼️ What is it ❓ 🌐 Create your private space in the cloud.

🅰️dvantages:
 - Network Isolation: Keep stuff separate from others.
 - Security Controls: Decide who can come in and out.
 - Connectivity Options: Connect your cloud space with your network.

🧐 Use Cases:
 - Application Hosting: Put apps in a safe cloud space.
 - Hybrid Cloud: Mix your servers with cloud servers.
 - Multi-Tier Architectures: Organize apps into layers for control.

✅ Real Industry Use Case Scenario/Example Covering All Topics:

A software development company launches a new app on AWS with EC2 instances. They create a VPC to host the app, configuring subnets for components like web servers, app servers, and databases. IAM manages user access, with roles for developers, testers, and admins. Developers use IAM credentials to access EC2 instances for development and testing, while admins handle VPC configuration and security. As the app gains popularity, the company scales EC2 instances dynamically to handle increased traffic, ensuring performance and reliability. Throughout, IAM ensures secure access, while VPC provides isolation and security for the app infrastructure.

In summary, EC2 lets you rent virtual computers, IAM controls access, and VPC creates your private cloud space. Together, they help you run your apps securely and efficiently in the cloud.

Read more at- https://www.linkedin.com/posts/contactchhitizanand_awsec2-iam-vpcscenario-based-questions-activity-7166657958209126400-Pbwc?utm_source=share&utm_medium=member_desktop
How To Make a Custom Picker with Multi-Selection in SwiftUI
Tags: swift, swiftui, multiplatform, xcode
Published: 2024-04-07 17:58:56

I just wanted to start out by saying that this is an abridged version of my [original published version from February 23, 2022 that you can find on my website here](https://www.simplykyra.com/how-to-make-a-custom-picker-with-multi-selection-in-swiftui/).

---

Awhile back I realized I needed a control that would allow a user to select multiple elements at once. Additionally, since I was developing a multiplatform app, I wanted it to look good on both iOS and macOS while also looking good against all the other `SwiftUI` controls on my forms. In the end I created a simple project, to easily share it with you, using a `HStack` containing `Text` controls and a `Button` that opens the selection view.

Here's how it looks on both iOS and macOS with nothing selected.


![The phone simulator is to the left with the macOS sample version to the right. They both show 0 selected items with an empty list below.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2rzuepibwhbdkqz6rwqy.png)


When you're selecting items a checkmark appears to show the selection was set... or removed.


![The phone simulator is to the left with the macOS sample version to the right. On the phone you see a list of items with some checked off while on the macOS you see the same control with a popup showing the four selected items and the count below updated.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nvxsi4g9xo31hfecpt3p.png)

And once it's closed again the number is updated so you know how many items are selected without needing to go back in. For this sample project I also listed the selected items below to better show how to see them.

![The phone simulator is to the left with the macOS sample version to the right. They both show a count of 4 selected items with a list below showing specifically what was selected.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b4uxekekf3sc7ba2b7d.png)

If you’re interested in using this custom control in your code I saved it, in its entirety, to [my public SimplyKyraBlog GitHub repository](https://github.com/SimplyKyra/SimplyKyraBlog) and, if you want a direct link, [the file `CustomMultiSelectionPicker.swift` can be found here](https://github.com/SimplyKyra/SimplyKyraBlog/blob/main/SwiftExamples/CustomMultiSelectionPicker.swift). The code is also shared as [a Github Gist](https://gist.githubusercontent.com/SimplyKyra/6eb4f926c8a5468b5c3b0b7932935fa4/raw/dcf7b8f5445ac0e3292a1ac86aabcd1284e9dd08/CustomMultiSelectionPicker.swift) at the bottom of [my post from February 23, 2022](https://www.simplykyra.com/how-to-make-a-custom-picker-with-multi-selection-in-swiftui/) that also includes the backstory of this control, how I developed it, a closeup of both the iOS and macOS versions, and a slight issue I had. 

Hope this helps your code and you're having a great day!