teleren/devto huggingface dataset:
The American Dream
Tags: mentalhealth, workplace, career, burnout
Published: 2024-02-29 20:40:54

In this article, I tell the story of my journey into computer science and my struggle with mental health.

While intentionally dramatic at times, I promise this is not a sob story, and I'm not looking for sympathy. I just want to share my story.

## Summary

I begin my story by informing the reader that I had a rough start in life and that I had to enter the work force at a young age. I then progress to my high school years when I started messing with computers.

After high school I went to college to study computer science. My junior year I got an internship doing web development. During my internship, I created an open-source project that became popular. I got a job at a startup in Los Angeles and moved to California.

I made some job transitions, and then the pandemic hit. I started working remotely from my apartment in Hollywood. I was miserable living in Hollywood, so I moved to Austin, TX. My job started to become toxic for me but I did not realize it at the time.

I bought a house, and the day after I moved in, my mom passed away. I became very depressed and left my job. For awhile I could not look at code. Now I'm coding again, and I started a blog. I end by telling the reader some things I wish I would have done differently.

If my story sounds interesting to you then you can read it [here](https://danielnagy.me/posts/Post_ikms829j8yu1). I hope your journey was better than mine!
It's Always About Bob
Tags: webdev, watercooler, frontend, writing
Published: 2024-02-29 20:09:54

---
title: It's Always About Bob
published: true
description: It's always about Bob. For me, the journey into considering who "Bob" is started with an amazingly funny movie, "What About Bob?"
tags: WebDev, Watercooler, Frontend, Writing
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a018g5zr4w5mse0ykyju.png
---

## Bob

It's always about Bob.

> "What About Bob?"

For me, the journey into considering who "Bob" is started with an amazingly funny movie ...

![What About Bob Movie Poster](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jywpsvdux9he5nbhsivo.jpg)

Then, there's the black cat in Luck, Bob.

![Luck Movie Poster](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6twxnbep9rwtzquzcbhl.jpg)

I've come to learn that it's **all about Bob**.

Some more "Bobs" ...

* Bob the Builder
* B.O.B., the gelatinous, brainless blob in Monsters vs. Aliens
* Bob Chatchit, from A Christmas Carol by Charles Dickens
* Planet Bob, also known as New Earth, in the film Titan A.E.
* Sideshow Bob, a recurring character on The Simpsons
* Bob, from the spinoff of Despicable Me known as Minions

## Work

At my company, I got an email about an HR system called [HiBob](https://www.hibob.com/). I deleted the email immediately since it was clearly a scam.

Then HR told us about a cool new system.

## This Journey

I was just starting to think about the name, Bob, what I came across [Existential Crisis Bob](https://existentialcrisisbob.com/).

![Existential Crisis Bob Plush Advertisement](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3aegbasy3kzkyocsatnn.jpeg)

Someone asked me the same day, "Why is Bob a shortened form of Robert?"

Can you ***believe*** that this had never occurred to me?

## My Beginning

I was born, Robert.

Most of by childhood, I was called Bobby (today, only my sister calls me that).

Then, I met a girl named Bobbie and thought that Bobby was a bit childish and started going by Bob.

## Learning About Bob

Then, I wanted to learn about why Bob is a shortened version of Robert ... it does seem strange.

From Wikipedia: [HERE](https://en.wikipedia.org/wiki/Bob_(given_name))

Bob is a male given name or a diminutive form of a persons name, usually of Robert, and sometimes a diminutive of Bobby. It is most common in English-speaking countries such as the United States, Canada, Ireland, the United Kingdom, Australia, and New Zealand and some Anglophone African countries.

It most likely originated from the diminutive Rob, short for Robert. Rhyming names were popular in the Middle Ages, so Richard became Rick, Hick, or Dick, William became Will, Gill, or Bill, and Robert became Rob, Hob, Dob, Nob, or Bob.

It can also be used as a nickname for the name Vladimir, since a commonly used nickname for Vladimir is Vova which in Cyrillic script (Вова) resembles the name Bob in Latin script; historically, both names (Robert and Vladimir) share the same meaning (bright fame).
Comparing JavaScript Array Methods: reverse() vs toReversed()
Tags: javascript, array, reverse, beginners
Published: 2024-02-29 19:56:12

The `reverse()` function in JavaScript is commonly used to reverse an array. However, there is a new function called the `toReversed()`, which may be more suitable depending on the situation. Your code might have unexpected results if you use `reverse()` without knowing its effects.

The main difference is that the `reverse()` function changes the original array. For example, we are going to reverse the following array using the reverse function:

#### reverse():

```js
const arr = [1,2,3];
arr.reverse();
console.log(arr); // [3,2,1]
```

As you can see, the original array has mutated because the `reverse()` returns a reference to the original array. Now let's use the `toReversed()`. This function returns a copy of the original array and doesn't change it:

#### toReversed():

```js
const arr = [1,2,3];
arr.toReversed();
console.log(arr); // [1,2,3]
```

The next difference we must know is that empty slots remain empty in the `reverse()` function, while in `toReversed()` empty slots become undefined.

#### reverse():

```js
const arr = [1,2,3];
delete arr[0];
arr.reverse();
console.log(arr); // [3, 2, empty]
```

#### toReversed():

```js
const arr = [1,2,3];
delete arr[0];
const arr2 = arr.toReversed();
console.log(arr2) // [3, 2, undefined]
```
Common Prettier Plugins & Installation
Tags: frontend, backend
Published: 2024-02-29 19:50:00

## Installation
To get started, install `prettier` as a dev-dependency

```sh
npm install -D prettier
```

Install and add plugins to your [Prettier config](https://prettier.io/docs/en/configuration.html):

```js
// prettier.config.js
module.exports = {
  plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-tailwindcss'],
}
```

## Typescript
```sh
npm i -D prettier-plugin-organize-imports
```

## Tailwind
```sh
npm i -D prettier-plugin-tailwindcss
```

> **Compatibility with other Prettier plugins**
> 
> This plugin uses Prettier APIs that can only be used by one plugin at a time, making it incompatible with other Prettier plugins implemented the same way. To solve this we've added explicit per-plugin workarounds that enable compatibility with the following Prettier plugins:
> 
> - `@ianvs/prettier-plugin-sort-imports`
> - `@prettier/plugin-pug`
> - `@shopify/prettier-plugin-liquid`
> - `@trivago/prettier-plugin-sort-imports`
> - `prettier-plugin-astro`
> - `prettier-plugin-css-order`
> - `prettier-plugin-import-sort`
> - `prettier-plugin-jsdoc`
> - `prettier-plugin-organize-attributes`
> - `prettier-plugin-organize-imports`
> - `prettier-plugin-style-order`
> - `prettier-plugin-svelte`
> - `prettier-plugin-sort-imports`
> 
> One limitation with this approach is that `prettier-plugin-tailwindcss` *must* be loaded last.
> 
```json5
// .prettierrc
{
  // ..
  "plugins": [
    "prettier-plugin-svelte",
    "prettier-plugin-organize-imports",
    "prettier-plugin-tailwindcss" // MUST come last
  ]
}
```

## PHP
```sh
npm i -D @prettier/plugin-php
```

## Laravel
```sh
npm i -D @shufo/prettier-plugin-blade
```
...
```js
module.exports = {
    plugins: ['@shufo/prettier-plugin-blade'],
    overrides: [
        {
            files: ['*.blade.php'],
            options: {
                parser: 'blade',
                tabWidth: 2,
            },
        },
    ],
};
```

## Prisma
```sh
npm i -D prettier-plugin-prisma
```

## Java
```sh
npm i -D prettier-plugin-java
```
Title: Meet Jacob Martin: Your Digital Marketing Visionary
Tags: webdev, beginners, javascript, tutorial
Published: 2024-02-29 19:40:20


Meet Jacob Martin, the seasoned [digital marketer](https://clickmedialab.com/) and visionary behind this website. With a profound passion for navigating the ever-evolving landscape of digital marketing, Jacob brings a wealth of expertise to the table. Known for his innovative strategies and unwavering commitment to delivering results, Jacob combines creativity with data-driven insights to help businesses thrive in the online realm.

Jacob's journey in the world of digital marketing began with a spark of curiosity and a drive for excellence. Over the years, he has honed his skills and acquired a deep understanding of the intricacies of digital marketing. From search engine optimization (SEO) to social media marketing, Jacob's expertise spans across various facets of the digital domain.

What sets Jacob apart is his unique approach to digital marketing. He believes in the power of innovation and is always on the lookout for new ways to elevate brands in the digital space. Whether it's crafting compelling content, optimizing website performance, or running targeted ad campaigns, Jacob ensures that every strategy is tailored to meet the specific needs and goals of his clients.

With Jacob at the helm, businesses can rest assured that their digital marketing efforts are in capable hands. His keen eye for detail and relentless pursuit of excellence have earned him a reputation as a trusted advisor and strategic partner. From startups to established enterprises, Jacob has helped countless businesses achieve success in the competitive online landscape.

Follow Jacob's insights for a glimpse into the dynamic world of digital marketing. Through his thought-provoking articles and expert advice, you'll gain valuable insights into the latest trends, best practices, and strategies for success in the digital realm. Whether you're looking to boost your online presence, drive traffic to your website, or increase conversions, Jacob's expertise can help you achieve your goals and take your brand to new heights in the digital space.

In conclusion, Jacob Martin is more than just a digital marketer – he's a visionary who is passionate about helping businesses thrive in the digital age. With his innovative strategies, creative approach, and unwavering commitment to excellence, Jacob is poised to make a lasting impact in the world of digital marketing. Connect with Jacob today and discover how his expertise can elevate your brand in the digital space.
Portfolio app with nextjs, reactjs and typescript.
Tags: nextjs, react, typescript, webdev
Published: 2024-02-29 19:28:18

In this guide, we'll walk through the process of creating a portfolio app using Next.js, React.js, and TypeScript, from setting up the prerequisites to the basic steps to get you started.

**1. Pre-requisites**

- Basic knowledge of JavaScript and reactjs.

- Make sure you have Node.js installed on your machine, You can download and install Node.js from nodejs.org.

**2. Project setup and creting a nextjs enviourment**

- Create a Next.js App:

Open your terminal or command prompt and run the following command to create a new Next.js app:

`npx create-next-app@latest my-portfolio --typescript --eslint
cd my-portfolio`

- Once the project is created, navigate to your project directory:

- To enable TypeScript, install the required dependencies:

` npm install --save-dev typescript @types/react @types/node`

> Make sure you have node version above 18.12.0 to run the next app.

- Run the development server

`npm run dev`

**3. System design **

We are going to divide this application in some steps from system design to making different components and using MVC approach.

-> System design

- After the setup of nextjs project, we are going to install require dependancies for the project we are going to setup tailwind css in the app.

`npm install -D tailwindcss postcss autoprefixer`

- Now configure tailwind.config.js file and replace it with this code
`/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}`

> Typescript files are compile to javascript.

3. Creating pages for application

- First we will start by creating a navigation bar for the application, 

- For that go to components and create a new file called Navbar.tsx

- Further, we will create a UI for it, and add list and navigation to different pages through it 

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

- You can customize the navbar according to your need, like change the styles, removing or adding some lists.

Stay tuned for next blog on next week!

Code : https://www.buymeacoffee.com/Priyanshu7401.
Your Favourit game
Tags: webdev, beginners, tutorial, productivity
Published: 2024-02-29 19:10:27

Truck Simulator Ultimate is a game that has captured my heart and imagination like no other. It's not just a game; it's an experience. The thrill of driving a massive truck across vast landscapes, delivering goods, and navigating challenging terrain is unparalleled. The attention to detail in the game is astounding, from the realistic physics of the trucks to the stunning graphics of the environments.

One of the things I love most about Truck Simulator Ultimate is the sense of freedom it offers. There's no set path or objective; you're free to explore the world at your own pace, taking on jobs and challenges as you see fit. This open-ended nature of the game allows for endless replayability, as there's always something new to discover or a new route to try.

Another aspect of the game that I adore is the sense of progression. As you complete jobs and earn money, you can upgrade your truck, buy new vehicles, and even expand your business. This sense of growth and development is incredibly satisfying and keeps me coming back for more.

Overall, [Truck Simulator Ultimate](https://trucksimulatorultimat.com/) is a game that I can't get enough of. Its combination of freedom, realism, and progression make it a truly unique and enjoyable experience. Whether I'm delivering goods across the country or just cruising down the highway, I always have a blast playing this game.
Update
Tags: update, productivity, certification, beginners
Published: 2024-02-29 19:05:55

Hey there, haven't been on here a while, but I just wanted to update you all on what's been happening. I've graduated from college a while back and am job searching.

But in the time that I have not been sitting idly, because I have been working on certifications from IBM as well as Oracle. So far its been a slow process but I will update again, hopefully sooner rather than later.

But [here](https://www.credly.com/users/chan-dinh-phu/badges) you can find my badges so far. Thanks for reading.
Data structure and algorithm techniques ...
Tags: webdev, javascript, beginners, programming
Published: 2024-02-29 19:01:04

Working with new programming languages can be quite verbose and unintelligible at first glance but with a few tweaks here and there you can get on smoothly. Here are five techniques you can apply:
1. Start with simple problems.
2. Connect with a community.
3. Reach out to mentors.
4. Always read documentation.
5. Be consistent.
Data Fetching in Rust
Tags: rust, programming, coding, softwaredevelopment
Published: 2024-02-29 19:00:00

## Introduction:
Rust has gained a lot of popularity in recent years for its security, performance, and compatibility features. When it comes to data retrieval, Rust provides robust libraries and tools that allow developers to efficiently extract data from a variety of sources, including databases, web APIs, and files. In this article, we'll explore different ways to get data in Rust and how to implement them using code examples.

### Using Request for HTTP requests:
One of the most common data retrieval problems is making HTTP requests for web APIs. It provides RequestBox a powerful HTTP client to handle direct requests and responses. Let's see how to use REST API to get data from REST API:

```post
use requests;

# [tokyo::main]
async fn main() -> Result<(), request::error> {
    response = request::get("https://api.example.com/data").await?;
    body = response.text() await ?;
    print! ( "Response: {}" , body );
    OK (())
}
```

This simple Rust code shows how to get data from endpoint "https://api.example.com/data" using Request.

### Retrieving data from the database with Diesel:
When dealing with databases, Diesel is a popular Rust ORM (Object Relationship Map) and query builder that provides a reliable and consistent way to interact with databases. Let's see an example of retrieving data from a PostgreSQL database using Diesel:

```post
# [macro_make]
diesel outer box;

use solar::prelude::*;
using string::pg::PgConnection;

pub mod scheme;
mod pub model;

use scheme::posts::dsl::*;
using model :: Post;

fn establish_connection() -> PgConnection {
    let database_url = "postgres://username:password@localhost/mydatabase";
    PgConnection::create(&database_url)
        wait (&format!(Error connecting to "{}", database_url))
}

fn main() {
    let connection = build_connection();
    result = posts.load ::<Post>(&connection) .expect("Error loading posts");
    print! ( "Text: " );
    write in result {
        print! ("{}", post.title);
    }
}
```


### Read data from a file:
Rust provides standard library functionality for reading data from files. Let's look at a simple example of reading data from a text file:

```post
use std::fs::File;
std::io:: { self, use BufRead;

fn main() -> io::Result <()> {
    file = File::open("data.txt"?);
    let reader = io :: BufReader :: new ( file );
    For line reader.lines()
        print! ("{}", string?);
    }
    OK (())
}
```

This piece of code reads data line by line from a file named "data.txt" and prints each line to the console.

###  The results:
Data retrieval is a key aspect of most software, and Rust provides powerful tools and libraries to accomplish this task efficiently and reliably. Whether you're getting data from web APIs, databases, or files, the Rust ecosystem offers a variety of options to suit your needs. Libraries such as Request for HTTP requests, Diesel for database interaction, and Rust's standard library for file operations allow developers to confidently handle data retrieval tasks in Rust.
Article 001: Hello, World
Tags: beginners, python, discuss, opensource
Published: 2024-02-29 18:49:01

Hello, world & fellow devs!
What got me here? Like most modern lore, it started on social media, Twitter to be exact. When I stumbled upon the account @DanGambleAI, a software engineer who conjures sports picks with his algorithms. Witnessing his success repeatedly and over time, I thought, "What would it take to learn something like this?" From a background in digital marketing, I was no stranger to analytics, but this? This was a whole new way I’ve seen someone use their coding skills ‘up close’ in a unique way beyond the cliche of creating and selling a program to a large corporation (not saying that's a bad thing). 

Driven by curiosity, I dived into GitHub, scavenging through open-source codes and ultimately finding one that was plug-and-play ready similar to what I had seen. With ChatGPT as my sidekick, because before this I had zero familiarity with the 1st thing about any kind of coding, I navigated through my first cloud-based IDE, read my 1st set of developer documentation, and troubleshot the inevitable errors that arose in executing the code. And guess what? Wha-lah, It worked! That exhilarating moment of triumph was my gateway drug into the world of data science and from there, I enrolled in CodingNomads, Harvard’s CS50x Intro to Computer Science, and built out an entire self-paced curriculum made up of online learning resources to develop a more grounded understanding of the subject. 

Towards the end of Python 101 and learning more about, Pandas and NumPy,  comes this assignment, create a hangman game. By defining a function to display the current state of the word, and using the string method concatenation, I made the code inside each loop clean by setting the variable ‘guessed_word’ and assigning it the value of   [‘_’] * len(code_word) to add a space between the underscores of each character in the index, ‘code_word’. This way, it wouldn’t simply appear as a straight line. Rather, the separated underscores as placeholders to display user input for each guessed character are more appealing and intuitive for the game. Then the state of the game is defined as print(‘ “.join(guessed_word)) before entering the main game loop also showing the hint for the answer. 

This course & assignment wasn’t a task,  it was my initiation into programming. A journey filled with frustration, yes, but also immense satisfaction and learning. I’m just at the beginning, l will check in soon to document my journey, please feel free to connect and collaborate with me also on Github here, github.com/1marcjac. 

Farewell!
React Project
Published: 2024-02-29 18:27:32

We can place the author or title name over the image using the GridListTileBar Component in ReactJS. This component adds an overlay over the child component. Material UI for React has this component available for us and it is very easy to integrate. We can use the GridListTileBar component in ReactJS using the following approach.

**Creating React Application And Installing Module:**

Step 1: Create a React application using the following command:

`npx create-react-app foldername`

Step 2: After creating your project folder i.e. foldername, move to it using the following command:

`cd foldername`

Step 3: After creating the ReactJS application, Install the material-ui modules using the following command:

`npm install @material-ui/core
npm install @material-ui/icons`

Project Structure: It will look like the following.



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

Filename-App.js: Now write down the following code in the App.js file. Here, App is our default component where we have written our code.

```
import React from 'react';
import GridList from '@material-ui/core/GridList';
import GridListTile from '@material-ui/core/GridListTile';
import GridListTileBar from '@material-ui/core/GridListTileBar';
import ListSubheader from '@material-ui/core/ListSubheader';
import IconButton from '@material-ui/core/IconButton';
import InfoIcon from '@material-ui/icons/Info';

const App = () => {
return (
	<div style={{ width: 700, margin: 'auto' }}>
	<h3>How to put title over image in ReactJS?</h3>
	<GridList cellHeight={180} >
		<GridListTile key="Subheader" cols={2} rows={4} style={{ height: 'auto' }}>
		<ListSubheader component="div">December</ListSubheader>
		</GridListTile>
		<GridListTile>
		<img
		src="https://write.geeksforgeeks.org/static/media/Group%20210.08204759.svg"/>
		<GridListTileBar
			title='Computer Science Portal'
			subtitle={<span>by: GeeksforGeeks</span>}
			actionIcon={
			<IconButton aria-label={`Best Place to learn`}>
				<InfoIcon />
			</IconButton>
			}
		/>
		</GridListTile>
	</GridList>
	</div>
);
}

export default App;

```

Step to Run Application: Run the application using the following command from the root directory of the project:

`npm start`
Output: Now open your browser and go to http://localhost:3000/, you will see the following output: