teleren/devto huggingface dataset:
How to Keep Good Mental Health as a Web Designer 2023
Tags: webdev, design, beginners, programming
Published: 2022-11-09 10:01:22

Do you ever feel like you’re in a constant state of anxiety and stress? Do you feel like you’re always on edge, never able to relax? If so, it’s time to take a look at your mental health. Web designers are notorious for having poor mental health, but there are ways to keep good mental health as a web designer.

### [How to Keep Good Mental Health as a Web Designer](https://www.hmablogs.com/how-to-keep-good-mental-health-as-a-web-designer-2023/)

A web designer job is a great profession that requires good mental health, great focus, creativity, and intelligence. Often this work also causes stress, anxiety, and physical and mental fatigue. In this post. you will [learn 7 tips](https://www.hmablogs.com/how-to-keep-good-mental-health-as-a-web-designer-2023/) to keep Good Mental Health as a Web Designer.

Finally, find a support system – whether it’s friends, family, or a therapist – that you can rely on when you need someone to talk to.

**Here are the 8 ways, How to Keep Good Mental Health as a Web Designer:**

- Start planning your day
- Don’t leave tasks for later
- Keep Good Habits
- Don’t waste time on bad clients
- Take breaks throughout the day
- Avoid Imposter Syndrome
- Ignore the Competition
- Connect with other designers

{% embed https://www.hmablogs.com/how-to-keep-good-mental-health-as-a-web-designer-2023/ %}
Operating System To Use As a Developer.
Tags: opensource, linux, aws, beginners
Published: 2022-11-09 09:49:50


The battle for leads among OS providers has been on since time in-memorial, the unique advantage the OS providers like MacOS and Windows have back in the 80's and till date is that, they equally provides hardware for there OS (eg WindowOS for Windows system and MacOS for Apple system) 

But the release of Linux by Linus Torvalds in the early 90's unseemly looks like not a threat to these OS providers, little did they know that Linux being an Open source has great potential as most companies move to VM(Virtual Machines, also called Cloud services)for their computing solutions. 

Initially Linux was released with a small line of codes but now it has grown to 23+ Millions of codes excluding comment, this is made possible by the powers open source brings to the table.

Today AWS, Microsoft Azure, Google Cloud Platform etc all use some form of Linux (40% of Microsoft Azure's Virtual Machines run on Linux). These are popular Cloud service providers. Linux is a natural fit for cloud computing: modular, performant, efficient, and easy to scale.

Go learn Linux. 

What Linux can bring to the table:
Security 
Automation
Ease of installation 
Very easy to install 
Every developer is using(that is what I thought 🤞)
It is Open source - It has great Developer community 
Customization
Once you learn it, you would never leave it.

Speaking to myself - Danities as a beginner Developer brace yourself and learn Linux OS, it would expose you to the future - Cloud is the future and the Cloud is here already
Set Up Android Sdk Command Line Tools without Android Studio
Tags: android, adb, commandline, development
Published: 2022-11-09 09:22:55


## Case01: Set Up for the Android Emulator

1. Download the [Android SDK Command-Line Tools](https://developer.android.com/studio#command-tools)

2. Install the necessary tools:

    ```bash
# create a directory for the cli-tools, and move the .zip file into the directory
mkdir android_sdk
cd android_sdk
mv <PATH_TO_YOUR_DOWNLOADED_ZIP_FILE> .
# unzip the downloaded file, and put the contents in the new directory 'latest/'
unzip commandlinetools-<YOUR_PLATFORM>-8512546_latest.zip
mkdir cmdline-tools/latest
cd cmdline-tools/latest
mv ../* .
# The hierarchy of the 'android_sdk/':
  └- android_sdk/
     ├- cmdline-tools/
        ├- latest/
           ├- bin/
           ├- lib/
           ├- NOTICE.txt
           └- source.properties
# Install platform and build tools
# You can fetch the complete list of available packages via:
bin/sdkmanager --list
# Install the desired package and tools via:
bin/sdkmanager --install "system-images;android-33;google_apis;x86_64"
# The above command will download and install the tools in the sdk_root (android_sdk/)
    ```

3. Download and install the Emulator:

    ```bash
bin/sdkmanager --install "emulator" 
    ```

4. Create a new avd device:

    ```bash
bin/avdmanager create avd -n mytestdevice -k "system-images;android-33;google_apis;x86_64"
    ```

5. Check if the avd device is available:

    ```bash
# go to the 'emulator/' directory, and run the command
cd ../../emulator
./emulator -list-avds
# Now you should see your newly created avd device `mytestdevice`
    ```

6. Run the emulator

    ```bash
./emulator -avd mytestdevice
    ```

## Case02: Set Up for a real Android Device
1. Go to the [official site](https://developer.android.com/studio/releases/platform-tools) and download the **SDK Platform-Tools**

2. Unzip the .zip file. You can find the **adb** binary within the extracted directory.
    ```bash
cd platform-tools
# Show every available Android device
./adb devices
    ```
Top Skills That Will Get You Hired in 2022
Tags: beginners, webdev, programming, career
Published: 2022-11-09 09:13:49

It seems that employers are becoming pickier with every passing year, to the point where you can't even get a decent interview without having some of the top skills for the job. But don't worry! I've devised a list of skills that will satisfy your future employers and make you attractive to their hiring managers.

Next year is only a few days away. And what does that mean for you? A whole new year of trends, hires and skill sets. 

Not sure if you are up to date on the most sought after skills in the job fields? Want to learn some new skills to become an asset in the job market? 

Here are the top skills that will get you hired in 2022.

## 1. Data analysis and interpretation
Involves using statistics and mathematical techniques to identify trends and draw conclusions from data sets.


## 2. Systems analysis and design
Involves analyzing how people interact with computers as well as designing computer systems that will be easy to use and maintain.


## 3. Information security
Involves ensuring that information remains secure while also complying with regulations like HIPAA or Sarbanes-Oxley


## 4. Computer network support specialists
Responsible for the maintenance and repair of computer networks. They are typically employed by businesses, but they may also work in the public sector. 


## 5. Computer software engineers
Develop new software or adapt existing software for use in new environments (like mobile devices)


## 6. Computer programmers/software developers
Write computer code in order to create programs that can be used by other people (like websites)


## 7.  Network systems and data communications analysts
Design networks that send information throughout an organization or between organizations (like email servers)


## 8. UI/UX design
Involves thorough research and an understanding of the target audience to create meaningful and easy-to-use digital products. Leave those tasks to professionals, but a master at least the basics of UI/UX design to keep the conversation going with professionals.


## Conclusion
With technology growing in prominence every year, employers are placing a greater focus on employees' abilities to utilize various forms of technology and software in their jobs at a faster rate than they did in years past. 

Two skills that have become more and more critical to this effort are web design and database management, both of which can be learned and perfected with time. While certainly a boon to people who have these specific skill sets, it may end up hurting those who lack them if employers take their newfound power for granted!

______________________________

I love jotting down my thoughts on my blog [Sleepless Yogi](https://www.sleeplessyogi.com/).

Follow me on Twitter [@sleeplessyogi]
How to add CSS class in Ruby on rails form elements
Tags: ruby, webdev, rails, javascript
Published: 2022-11-09 08:15:23

This post is just a mere attempt to log-in what I have learnt about Ruby on rails Form and is not a tutorial but I know this will help those who have just began to learn Rails.

I started to building project using bootstrap and ruby on rails and meet some problem.

I wanted to use _**form-control**_ class in the _**input**_ tag to style it, but it didn't work.
So I did a Google search and found the results, but it took me a while.

The reason I want to write this article is because I don't want other people like me to waste their time.

You can add class using following codes

```

<% form.password_field(:account, class: "form-control") %>

```

You can add other attributes to this field.

```
<% form.password_field(:account, class: "form-control" , data:"dsfsdfsdf") %>

```

If this article help you I will be happy
Practice makes 𝙋𝙀𝙍𝙁𝙀𝘾𝙏
Tags: mongodb, datascience, programming, webdev
Published: 2022-11-09 09:04:19

Hello Guys,
Let me tell a story
There is a boy whose name is Rijnas who is trying to learn the NoSQL Language MongoDB. He find out it is easier to learn it because there are too many articles related to MongoDB, including their documentation. He learnt the CRUD, you know, it was easier. After he started to learn the aggregation, it was also easier. When he started digging deeper, he find out there were too many keywords to remember and also he was a strong believer in this quote “Education is not the learning of facts, but the training of the mind to think,” by Albert Einstein. So this scenario made him think "Oh, I need to write queries to train my mind". He searched on google "MongoDB practices" unfortunately, the result was annoying. There aren't too many MongoDB practices and Most of them are very basic. So started to make his Questions to practice his mind and he created a GitHub repo related to MongoDB questions. Yes, this repo is a solution to his problem. The link is given below
[mongo_practice](https://github.com/riju-bro/mongo_practice)

![A funny gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fbv42i3ydmp6mts8svv0.gif)
Migrate to Vue 3 from Vue 2 in the best way possible!
Tags: webdev, javascript, programming, vue
Published: 2022-11-09 08:46:58

Tech, the IT industry, and its operational specifications all advance throughout time. Even if a piece of the tech stack has been upgraded, the project will need to be kept current. The cause of this is that when technology advances, it updates its libraries and dependencies, gets rid of unnecessary code, and introduces new capabilities that improve workflow and development.

A relatively newer, more advanced technique is vue 3. Users don't need to convert their entire [**Vue 2 to Vue 3**](https://www.bacancytechnology.com/blog/migrate-from-vue-2-to-vue-3)right away, but you should start making plans. 

Since fewer third-party libraries will continue to support updated versions as time goes on, it's possible that VueJS will maintain development support for version 2.
But many will question the need to switch to Vue 3 while your project runs flawlessly on Vue 2. What are the main benefits of Vue 3 over Vue 2, in other words, that one may do that Vue 2 could not?

Let's examine the main benefits you might see after upgrading to Vue version 3.

## Efficient with time and quick


- Improved TypeScript support, reduced file size, and speed all seem to be features of Vue 3. In this post, we can explore and learn how to use a few of the novel features:
- UI for composition (Now built-in)
- a number of root elements (Template syntax )
- Suspense
 

## UI for composition


There is nothing new about Composed API; it was just recently released as a plugin, however, in Vue 3 we no longer need to install it that way. Now that it is included in the package, it may be used right away with no extra setup.
Using the Composition API has two primary benefits:
improved organization

## Reusing or sharing the code


a number of root elements (template syntax )
The template tag in Vue 2 can only contain one root element. even when there were only two.

If we had two <p>tags, we have to put them inside of a <div>  tag to make it functional. As a result, in order to make the parent element seem as planned, we also had to update the CSS code.

In Vue 3, this restriction has been voided. It seems there is no significant requirement for a root element anymore. 

These updates make your project runs smoothly. Hence, make sure you have been updated to Vue 3 from vue 2.

In order to get end-to-end support get connected with the highly experienced and well-versed [**Vue js Developer**](https://www.bacancytechnology.com/hire-vuejs-developer)team which can get you upgraded with the least hassle possible.
Authentication between Java API and React front end
Tags: react, java, spring, api
Published: 2022-11-09 08:24:41

I am creating a web application which runs a java back end and react front end.

I am finding it difficult to source learning materials about how to implement security/ authentication properly. I know how to implement this in a spring boot application using Thymeleaf and I am currently using spring security to do this here but I'm struggling to find some concise info about how to do it with these two technologies.

I would love if anyone could point me in the direction of some solid resources.

Thank you
Next.js 12 Authentication Middleware with Supabase
Published: 2022-11-09 08:13:03

Nextjs 12 is released with a new feature called Middlewares. It allows us to run code before a request is completed. We can use this feature for protected routes.

### Setting up

You can follow this repo for a simple setup.
Then create a new folder that groups all protected routes and create a _middleware.ts file. For example, I have named the folder user since it's all user personalized routes.

```
pages
│   _app.tsx
|  index.tsx
│   ....
└───user
│   │  _middleware.ts
│   │   dashboard.tsx
│   │   settings.tsx
```
Add this code:

```
import jwt from "@tsndr/cloudflare-worker-jwt";
import { NextRequest, NextResponse } from "next/server";

/**
 * Verifies the user's JWT token and returns the payload if
 * it's valid or a response if it's not.
 */
export async function middleware(request: NextRequest) {
  const token = request.cookies["sb:token"]; //'sb:token' is the default cookie name

  if (!token || !(await jwt.verify(token, process.env.SUPABASE_JWT_SECRET!))) {
    return NextResponse.redirect("/login", 302); // If a user is not authenticated (either no token was send, or the token is invalid) redirect the user to the homepage where they will be presented with a log-in screen
  }

  return NextResponse.next(); // continue the middleware chain https://nextjs.org/docs/api-reference/next/server#nextresponse
}
```

This code checks if the cookies set by supabase is valid.
And now `dashboard`, `settings `pages require authentication now without adding any code in them, or wrapping in HOC. 🎉
Types of Data Languages
Tags: database, sql
Published: 2022-11-09 08:07:12

A database is a collection of connected data that provides effective information retrieval, insertion, and deletion. The data is organised in the database using tables, views, schemas, reports, etc. For instance, a university database organizes information about students, faculty, administrative staff, etc., enabling effective data retrieval, insertion, and deletion.

A [database management system](https://brainalyst.in/what-is-database-management-system-dbms-a-overview/) is a computer function that stores, retrieves, and processes data. The software is designed to provide independent access to physical and logical data and can protect the data from tampering. The DBMS includes an application programming interface that allows programmers to modify data easily. A DBMS can support complex relationships between data and can provide a centralized and secure store of data.

## There are four types of Data Languages in DBMS

1. Data Definition Language (DDL)
2. Data Manipulation Language(DML)
3. Data Control Language(DCL)
4. Transactional Control Language(TCL)


## Data Definition Language (DDL)

Data Definition Language, or DDL for short, deals with database schemas and specifications of how the data should be stored in databases.

Create a database and its objects, such as (table, index, views, store procedure, function, and triggers)

ALTER: Modifies the existing database's structure

DROP: Remove database objects

TRUNCATE: Remove every record from a table, together with the spaces set aside for the records.

COMMENT: Include your thoughts in the data dictionary.

RENAME: Rename an Object.


## Data Manipulation Language(DML)

DML is the short name for Data Manipulation Language which deals with data manipulation and includes most common SQL statements such SELECT, INSERT, UPDATE, DELETE, etc., and it is used to store, modify, retrieve, delete and update data in a database.

SELECT: Retrieve data from a database
INSERT: Insert data into a table
UPDATE: Updates existing data within a table
DELETE: Delete all records from a database table
MERGE: UPSERT operation (insert or update)
CALL: Call a PL/SQL or Java subprogram
EXPLAIN PLAN: Interpretation of the data access path
LOCK TABLE: Concurrency Control


## Data Control Language(DCL)

Data Control Language, commonly known as DCL, serves as a database access specifier. (essentially to provide and take away access from database users)

GRANT: Give the user access to do DML (SELECT, INSERT, DELETE,...) operations on the table.

REVOKE: revoke the user's ability to use the DML (SELECT, INSERT, DELETE,...) command on the designated table.


## Transactional Control Language(TCL)

The term TCL stands for Transactional Control Language, which serves as a manager for all transactions and sorts of transactional data. Several of TCL's commands include

Role Back: A method for undoing or cancelling database changes

Commit: This is how you apply or save database changes.

Save Point: This is where data is temporarily saved in a database.



READ MORE : [Brainalyst.in](https://brainalyst.in/)
Today's Daily Humor For Devs - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2022-11-09 08:00:03

---
title: "Today's Daily Humor For Devs - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258c78158d.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
I never tell the same joke twice

I have a DRY sense of humor.
 -->
lopullinen opas s market tarjoukset säästää ison summan
Published: 2022-11-09 07:54:39

lopullinen opas s market tarjoukset säästää ison summan 

ennen kuin haluan selventää, että sinun on noudatettava vaiheittaista opastani

On tunnettu tosiasia, että shoppailu s marketissa voi olla hengenvaarallinen kokemus. Siksi tällainen opas on ehdottoman välttämätön.

Nykyään shoppailu s marketissa – suomalaisessa hypermarket-ketjussa ja painajainen paikallisille ruokakaupoille – on ylämäkeä. Riippumatta viikonpäivästä tai kellonajasta tai kaupasta, jonka valitset ostoksille, tapaat siellä koko planeetan. Sekä lapset että aikuiset tekevät ostoksia kuin hamstrailevat maailmanloppua varten. Eikä siinä sotkussa voi mitenkään saada rauhallista ruokaostoskokemusta. Ellet noudata ohjeitani.

Olen shoppaillut s-marketissa suurimman osan aikuiselämästäni ja uskon löytäneeni parhaat käytännöt, jotka vievät meidät mahdollisimman lähelle rauhallista ostoksia vuonna 2022. Voin puhua kaikkien s market -kauppojen puolesta. suomessa, mutta jokin kertoo minulle, että nämä ostosvinkit voidaan ottaa käyttöön kaupoissa ympäri maan. Ole hyvä!

tässä on paras löytämäni lähde, joka varmasti auttaa sinua

[Mikä on s market tarjoukset?
](https://smarket.info/s-market-tarjoukset)

s market Ostosoppaan perusteet

Tämä opas ottaa huomioon hetken, jolloin tulet supermarketiin, kunnes maksat laskun ja työnnät kärrysi ulos uloskäyntiportista. Sillä, mitä teet ennen tätä, on merkitystä, mutta sillä, mitä teet sen jälkeen, ei ole merkitystä.

20-35-vuotiaat miehet ja naiset selviävät tästä helposti. Sen ulkopuolella olevat ihmiset saattavat pitää tätä lapsellisena ja vaivalloisena. Jos olet yksi heistä, voit viettää koko sunnuntaisi s-marketissa kuten tällä hetkellä.

Tarvitset myös perustaidot kommunikointiin (ja anteeksipyynnön teeskentelyyn), jotta voit tehdä tämän kokonaan ja ostaa kuukauden päivittäistavarat 60 minuutissa. Tämä tarkoittaa myös sitä, että tämä opas soveltuu parhaiten päivittäistavaraostoksille (markkinoiden ensimmäinen kerros). Käyn joskus yläkertaan ostamassa pari outoa kodin kunnostusta, mutta yleensä teen sen hetkessä, etten menetä täytettyäni kärryä palattuani.
#3 FS Module (Promise API)
Tags: node, programming, webdev, javascript
Published: 2022-11-09 07:47:30

In the last blog you read about fs module (callback API). In today's blog we will go through the Promise API.

Everything will remain the same as what we learned in our last blog. The only change is using promise API will return the promise rather than callback.

You can check the code [here](https://github.com/Neha/blogs-code/blob/master/nodejs-module/fs-promise.js)

1. Write
```JAVASCRIPT
// write file
(async function(){
    try {
      const filehandle = await fsPromises.writeFile('userlogs.txt', 'system logs...','utf8');
      console.log('file created')
    } 
    catch(err){
      console.log(err)
    }
  }());
```

2 . Append

```JAVASCRIPT
// append file
(async function(){
    try {
      const filehandle = await fsPromises.appendFile('logs.txt', 'New logs', 'utf8');
      console.log(filehandle)
    } 
    catch(err){
      console.log(err)
    }
  }());
  
```

3 . Read

```JAVASCRIPT
// read file
(async function(){
    try {
      const filehandle = await fsPromises.readFile('logs.txt', 'utf8');
      console.log(filehandle)
    } 
    catch(err){
      console.log(err)
    }
  }());
```

4 . Rename

```JAVASCRIPT
// rename file
(async function(){
    try {
      const filehandle = await fsPromises.rename('logs.txt', 'userlogs.txt');
      console.log('File name updated')
    } 
    catch(err){
      console.log(err)
    }
}());
```

5 . Delete

```JAVASCRIPT
// delete file
(async function(){
    try {
      const filehandle = await fsPromises.unlink('userlogs.txt');
      console.log('File deleted')
    } 
    catch(err){
      console.log(err)
    }
}());
```

### Resources

[NodeJS Documentation](https://nodejs.org/api/fs.htm)


Like it? Do follow me on [Twitter](https://twitter.com/hellonehha) and [Linkedin](https://www.linkedin.com/in/nehha/).