teleren/devto huggingface dataset:
Unleash the power of bookmarklets
Tags: javascript, css, snippets, extensions
Published: 2022-04-28 11:04:44

## Bookmarklet 📜
Although the title is not exactly what I intend, it is what it is.
So, what exactly is a **bookmarklet**? You can learn more about it [here](https://en.wikipedia.org/wiki/Bookmarklet).
In a nutshell, it is the javascript snippet that is saved in the url. Sorry if it's not entirely correct; it doesn't really matter what it is 🥸.


## How to Use a Bookmarklet Professionally

1. Include images that are mostly connected to the functionality.
2. Add an alt property to the picture > Keep in mind that this will be the name for the browser bookmark in the end.
3. Place your code in the code structure shown below.
4. Ensure that the user can easily copy the code.
5. Ask that the user drag the picture to the bookmark section and edit the bookmark URL to the copied snippet.
6. Now, when user clicks on the bookmark, they'll get the functionality you're looking for.

```js
javascript: (() => {
  'use strict';
  (function () {
    // Your code
  })();
})();
```




## Real usage

#### Pintrest
> Remove redundant sections of the Pinterest page.

```js
javascript: (() => {
  'use strict';
  (function () {
    const css = `
      a { display:none; }
      button, 
      [data-test-id="pointer-events-wrapper"] { display:none !important; }
      [role="banner"] { margin-bottom: -140px; visibility: hidden; }
    `;
    const head = document.head || document.getElementsByTagName('head')[0];
    const style = document.createElement('style');
    head.appendChild(style);
    style.appendChild(document.createTextNode(css));

    [...document.querySelectorAll('body *')].forEach(item => {
      if (item.getAttribute('id') === '__PWS_DATA__') return;
      if (item.innerHTML === item.innerText && item.innerText.length !== 0)
        item.parentNode.removeChild(item);
    });
  })();
})();
```


### Gitpod
> Creating a workspace is as easy as prefixing any GitHub URL with `gitpod.io/#`

```js
javascript: (() => {
  "use strict";
  (function () {
    for (
      var t = document.getElementsByTagName("meta"), n = 0;
      n < t.length;
      n++
    ) {
      var o = t[n];
      if (o.content.toLowerCase().includes("gitlab")) return !0;
      if ("hostname" === o.name && o.content.includes("github")) return !0;
      if (
        "application-name" === o.name &&
        o.content.toLowerCase().includes("bitbucket")
      )
        return !0;
    }
    return !1;
  })() &&
    window.open(
      ("https://gitpod.io",
      "https://gitpod.io/#" +
        (window.location.protocol + "//" + window.location.host) +
        window.location.pathname)
    );
})();
```
Software Business Company | WBC Software Lab | Karaikudi
Tags: javascript, webdev, beginners, programming
Published: 2022-04-28 10:55:51

WBC Software Lab specialist on Offshore Software Development and Business Solutions with Good experience in Advanced Technologies.

25 years ago, when most IT service providers were focused on extending services in metro cities of India, two management graduates Venkatachalam and Palaniappan, decided to nurture local talents from small cities of their home state Tamilnadu in South India. In the year 1995 WBC Software Lab was launched with the sole aim of providing quality IT training to a population comprising beginners to advanced users. In association with APTECH, WBC Software Lab has been nurturing young minds who are aspiring to build strong career in IT industry for the past several years. IN the year 2000, keeping with the general trend, WBC Software lab expanded its operations to software development primarily to meet the domestic market demands. It grew up rapidly to fulfil the software requirements for clients in Asia and Middle East. Micro ERP, one of WBC software lab's flagship products and an ERP for companies with small budget, gained measurable success. With the support of ample local talents, WBC Software lab became a full-fledged Software Development and IT solution provider in 2006. WBC teams have gained expert knowledge after serving clients in United States, Canada and Europe for more than 7 years. The expertise involves areas such as EAI, 24x7 Onsite/offshore support and Mobile application development. WBC Software Lab has implemented strong policies on quality and client relationship. Its focus has always been on
•Quality, Economical Service to the clients
•Continuous improvement in timely delivery processes
•Build a secured & safe work environment to employees
•Adhering to the client agreements
•Quickly adapt latest technologies
•Constantly update and provide the latest infrastructure
•Build trust among customers and employees
•Make WBC, the best place to learn and work
WBC Software Lab is now a reputed company in Karaikudi due to its involvement in the following CSR activities through social participation.
•Developing local talents
•Tie-ups with colleges nearby
•Creating public awareness on various social issues (reduction of plastic usage, nature protection etc.,)
•Creating awareness on organ donation
By maintaining quality and transparency, the organization has built long lasting relationship with many clients. WBC Software Lab is rising slowly and steadily with the help of all stakeholders like clients, employees, well-wishers and friends.
Brain Drain in Brazilian Academia
Published: 2022-04-28 10:34:38

I found out that Alexandre Zaghetto, former professor at the Computer Science Department at UnB, Universidade (Federal) de Brasília, has resigned (the correct term for public employees governed by Law 8.112/90 is exoneration) now in April 2022. Then I found out that Zaghetto today works at Sony, in California, USA, as a researcher. 

An exciting curiosity about Alexandre Zaghetto is that his Google Scholar profile lists seven patents as his most recent productions.

Taking a quick look at Zaghetto's Linkedin, you can see that he has been at Sony since 2019. Therefore, the fact that his resignation was only published now indicates that he probably requested an unpaid leave of absence for three years. He used this time to decide and decided to stay at Sony. 

Why is this relevant? Well, Brazil has always suffered from brain drain in academia. Be it through people who go abroad for doctoral or post-doctoral studies and do not come back, or through people who already had jobs here in Brazil and leave for a job at some university (example: Cal Poly), research institution (for instance, Lawrence Berkeley National Laboratory) or even a company that does research (examples: Google, Microsoft, Sony) abroad. 

But is the number of people leaving increasing? I cannot say for sure. My impression and several other people's is that it is. It started growing in 2015 and got worse from 2019 to now. 

At least in computing, the brain drain will increase because the gross salary of a starting professor with a Ph.D. in Brazilian public universities is around $30,000 per year. Companies that hire software development people can pay up to 130 thousand dollars per year for Brazilians living in Brazil and working remotely. If the person is willing to go and live in California, for example, the annual salary can easily reach 250 thousand dollars a year or more.

My "Brazilian Computer Science Researchers working abroad" page is at https://bit.ly/3v8di3n. If you know someone who fits one of the categories and is not listed, just make a Pull Request.

Salaries of developers working remotely https://bit.ly/3knwpjT.

{% twitter 1517452900007567362 %}

Jobs at Google https://careers.google.com/
Best stack to easily spin up multiple temporary envs as needed via a rest api?
Tags: webdev, programming, node, javascript
Published: 2022-04-28 10:24:19

So here's my situation, I have a simple web app that uses a nodeJS api, a nextJS frontend and a postgreSQL database. The app is intended to be some kind of "demo" so there's already a bit of data provisioned in the database. The end goal is to be able to spin up new envs easily and eventually have this integrated with some other services we use. For example, if someone from HR creates a new user in service A, I'd trigger a rest call that will spin up a completely new env with all the bells and whistles.

I can easily use any cloud service to host multiple environments, I've done it with Heroku, EC2, Amplify, Netlify, etc. The thing is I'd like to be able to automate the create of a new environment via a rest api. Basically this is what I have in mind:

- I make a REST call to some service
- The service will then deploy the frontend app & backend app to a new env, create a new database, link everything together and provision the database with some basic data

Step 2 is pretty easy to do for most service using a CLI, but I couldn't find a service that will allow me to do step 1 easily. A lot of service will also allow me to do that automatically using git (think Heroku's review apps or Amplify's feature branch) but I don't want this env to be bound to a PR or a commit. The goal here is to trigger this via a simple rest call.

Of course I could have some onprem server with a jenkins or similar that would handle this for me, but I'd like to avoid that if possible. I would also ideally avoid the complexity of Terraform.

If anyone knows of cloud providers that allows that kind of stuff, or knows where to get started to build something like that I'd be very grateful!

---------------------------------------------
Learn CSS From Here: [https://www.tutorialology.com/css/](https://www.tutorialology.com/css/)
Java Interview - abstract
Tags: java, interview, career, programming
Published: 2022-04-28 10:20:45

Let's talk about the abstract keyword in Java and what can be asked during the Java interview related to abstract?

## Explain About Abstract Classes in Java?

Sometimes we may come across a situation where we cannot provide implementation to all the methods in a class. We want to leave the implementation to a class that extends it. In such case we declare a class as abstract. To make a class abstract we use key word abstract. Any class that contains one or more abstract methods is declared as abstract. If we don’t declare class as abstract which contains abstract methods we get compile time error.

**For example**; if we take a vehicle class we cannot provide implementation to it because there may be two wheelers , four wheelers etc. At that moment we make vehicle class abstract. All the common features of vehicles are declared as abstract methods in vehicle class. Any class which extends vehicle will provide its method implementation. It’s the responsibility of subclass to provide implementation. The important features of abstract classes are : 

1) Abstract classes cannot be instantiated. 
2) An abstract classes contains abstract methods, concrete methods or both. 
3) Any class which extends abstract class must override all methods of abstract class. 
4) An abstract class can contain either 0 or more abstract methods.


> From this point, it is better to compare Abstract classes with Interfaces since the most common questions are related to comparison between them.

## Abstract Class vs. Interface 🤼‍♂️

`Interface support multiple inheritance
Abstract class does not support multiple inheritance`

It means you can extend an interface with one or more (hence multiple inheritance) interfaces like:

```java
interface Interface_A { }
interface Interface_B { }
interface Interface_C { }

interface MyInterface extends Interface_A, Interface_B, interface_C { }
```

Let's try to extend an abstract class:

```java
class Class_A { }

abstract class MyAbstractClass extends Class_A { }
```

- Empty methods can be defined in the interface, but both empty methods and filled methods can be defined in abstract classes.

- Using abstract classes provides an advantage in terms of speed.

- When we write a new method in the Interface, it is necessary to fill this method one by one in all the classes we implement from this interface, but the situation is different in abstract classes, when we define a method and fill it in, all classes derived from our abstract class gain this feature.

❗❗❗ This behavior has changed with Java 8. Please take a look at "default" methods in interfaces.

- All the objects in the Interface must be "public", while in Abstract classes it is not necessary to have all the elements "public".

- Interface does not contain constructor methods. An abstract class can contain constructor methods.

- Interface methods cannot be static. Abstract class non-abstract methods can be defined as static.
TOMATO MEDIA ENG
Published: 2022-04-28 10:17:27

TOMATO MEDIA
Tomato Media is Asia's top language services provider, specializing in localization, translation, interpretation, recording, dubbing, subtitle translation, voiceover, film/video translation, audio & video transcription, and script translation in over 50 language pairs.
"Address: 
Hanoi Head Office: Room 504, Kinh Do Building, 292 Tay Son, Trung Liet Ward, Dong Da District, Hanoi, Vietnam
Bangkok: 362 Krungthep, Nonthaburi 2, Bangkok, Thailand
Jakarta: 12th Floor, Wisma 46 Tower, Karet Tengsin, Jakarta, Indonesia"
Website: https://tomatotranslation.com/en/
Hotline: 0938 596 333
Email: info@tomatomediavn.com[](url)
CV mistakes. Answers by IT Recruiter
Tags: cv, recruitment, jobs, resume
Published: 2022-04-28 10:03:45

{% youtube c-DXFhEdMpQ %}

Hi!
Lets' focus on CVs and the IT recruitment process. Adriana, our Senior Recruiter, shares not only pro tips to follow but also red flags to look out for. CV mistakes? Not after watching this video.

Enjoy! You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/cv-mistakes-answers-by-it-recruiter-experts-zone-talks-17).
Bye, Bye, Captcha!
Published: 2022-04-28 10:02:06

### A quick history about Captcha.
CAPTCHA is an abbreviation for **C**ompletely **A**utomated **P**ublic **T**uring **T**est to **T**ell **C**omputers and **H**umans **A**part. *Well, quite a long name*. It was created to separate Bots from Humans. Initially, it was successful, but as humans fill in more and more Captchas, scammers use machine learning to catch up with the Captcha tests making captcha tests more difficult.

### Captcha are everywhere on the internet.

- Signup for any website. **CAPTCHA**!
- Buying anything online. **CAPTCHA**!
- Logging in on social media. **CAPTCHA**!

![captcha 4.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1650630544933/7421ckrXW.jpg)

### Well, now say bye-bye to CAPTCHAs and welcome to [2captcha](https://2captcha.com/)

2captcha is a service that bypasses captchas for you. They use humans to solve captchas. 2Captcha is a human-powered image and CAPTCHA recognition service. The main purpose of it is to solve CAPTCHAS in a quick and accurate manner by human employees so that customers get instant access to a website that they are trying to access.

### Human-powered CAPTCHA-solving service

2Captcha team solves your CAPTCHA with high accuracy. 
To start using the service:
- Register
- Implement API
- Send your CAPTCHAs
- Get your answer as a text.

It’s quick and easy! 2Captcha provides low prices and high accuracy for your CAPTCHAs.

### 2Captcha for everyone.

2Captcha service is not limited to customers. They provide APIs in most programming languages.
Developers can easily implement 2Chaptcha API in their applications.

There are a few steps for solving the captcha problem and they are as follows:
- simply send your image or captcha to their servers 
- Get the ID of your task by 2Captcha 
- Begin the cycle that checks if your task is completed.
- Get the result instantly in mere just seconds.
- [Check out their YouTube channel](https://www.youtube.com/channel/UC_uHJbHt_zH89w4gKGC1sdw)
- [Blogs on implementation of their API](https://akhromieiev.com/how-to-bypass-captcha-in-nodejs-using-2captcha/)

### All Captchas are solved here
- Normal Captcha
- Text Captcha
- Click Captcha
- Rotate Captcha
- reCaptcha V2
- And a lot more
- [See all here](https://2captcha.com/)

### Let money decide

Now you do know 2captcha is cool, but what about money? How much do you have to pay for 2Captcha services?

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1650638241371/-8Yb0nVMy.png)
Kinh nghiệm làm đẹp được cập nhật mới nhất mỗi ngày
Published: 2022-04-28 09:49:27

Là con gái, là phụ nữ, chị em chúng mình luôn luôn muốn đẹp trong mắt mọi người đặc biệt là những người đàn ông mình đang để mắt. Làm đẹp không khó cái khó là làm sao cho đẹp, và làm sao cho đẹp bền vững … thì với chuyên mục làm đẹp của Kinh nghiệm làm đẹp Webflow sẽ chia sẻ đến các bạn những mẹo làm đẹp tự nhiên và tốt cho sức khỏe. 
Địa chỉ : TP Hồ Chí Minh
Chi tiết liên hệ tại :
Website ： https://kinhnghiemlamdep.webflow.io/ 
Twitter  :  https://twitter.com/lamdepwebflow 
Linkedin :   https://www.linkedin.com/in/kinhnghiemlamdepwebflow/ 
Pinterest : https://www.pinterest.com/kinhnghiemlamdepwebflow/ 
Twitch :  https://www.twitch.tv/kinhnghiemlamdepwebflow 
Flickr :  https://www.flickr.com/people/kinhnghiemlamdepwebflow/ 
Youtube  :  https://www.youtube.com/channel/UCMTJEFC9mjmoz-Otd4iDunQ 
#kinhnghiemlamdep 
#kinhnghiemlamdepwebflow
C++ | Variables and date types
Tags: beginners, wecoded, firstyearincode, cpp
Published: 2022-04-28 09:44:40

# Data types
## Int :
short, long, int (butun sonlar);

## Real number :
float, double (kasr sonlar);

## Character :
char (belgilar).

```
int age=14;
cout << age + 5 * 26 << endl; (144)
age= -15
```
## `Declaration`
- bu o'zgaruvchilarni e'lon qilish;
```
int height;
weight double;
float radius;
```
## ` keywords`
- int, double,float ...
  - cannot use as identifiers.

## `Assignment`
- bu o'zgaruvchiga qiymat o'zgartirish;
```
son=25;
```

## `Initalization`
- o'zgaruvchini e'lon qiish vaqtida birdaniga qiymat berish;
```
int 6 = 16;
```

## O'zgaruvchi nomi harflar, raqamlar va _ belgisidan iborat bo'lishi kerak.

```
int a=5;
int b=a;
int c=a+b;
int a;
float b; int a,c;
int c; float b,d;
float d;
```

## `Garbage value`
- declaration kiritilsayu, o'zgaruvchi miqdori kiritilmasa councilda chiqadigan taxminiy sonlar
```
   int a= 123.45 --> 123
   float a= 123 --> 123.00
```

```
int vazn = (int)[majburlash] 120.123

int a=10;
int b= a+10;
int c= a+b;int d+ a+b+c;

a=b=c=d=60
```

## `cin >>`

- o'zgaruvchini o'qiydigan komanda
  - char --> Ascii table
```
char belgi= 'a'

cout << (char) (belgi/3) << endl; [majburlash]
```

## `iomanip`
- input output manipulation, kutubxona

## `setw()`
- o'zgaruvchi uchun print qlishda bo'sh katakchalar so'raydi
````
cout << setw(15) << son << endl; [by default right-aligned]
cout << left << setw (15) << son << endl;
```

## `setfill('')`
- `setw()` orqali ajratilgan yacheykalarni belgilar bn to'ldiradi
Developer tattoos 👀
Tags: devjournal, discuss, webdev
Published: 2022-04-28 09:35:06

I was writing a post about my development journey yesterday and it made me wonder, does anyone else have any developer tattoos? 🤔

Mine is a simple "Hello World" that I got after I was promoted to Junior, it was the first thing I ever learnt and it was the start of this incredible journey ⭐️ 

I’d love to hear your stories? 🙂

![Developer Tattoo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kz01s75mrloh2v7vpkdg.jpg)
Being a Junior Dev and having a Senior Role
Tags: career, productivity, devops
Published: 2022-04-28 09:13:05

Hi there!
I'm a Junior developer, right now I have 3 years of experience and, recently, I've been having so much trouble dealing with work.

For context, I work as a back-end developer, being .NET my go to everyday. I have basic GIT knowledge and never worked with DevOps before (CI/CD). I'm working in an API that communicates with another API and provides data for Android and IOS apps.

I was working with a very cool senior dev, with 12 years of experience, from whom I learned a lot. We had a good chemistry and communicated very well.
Some time has passed and two months ago our manager said that he was going to a different project, inside the company. This sounded a big red flag, because they choose him to go, basically, they fought that what he was doing was easy and that another person could do his tasks with no problem at all. 

For context, my fellow co-worker had a great impact, and knows the project I'm at. He had some of these tasks that he had to do everyday:

- Development;

- DevOps (CI/CD) and pipelines management;

- GIT management;

- Client and other management tasks.

Before he left, I had to learn in 2/3 weeks how everything worked, it was kinda rushed, but I don't blame him, he has done his best to help me.
Right now, I'm kinda in a bad spot. We have had some problems and it seems that I'm not being able to handle all the stuff he was doing, which is pretty normal, but being the way I am, I don't back down that easily, so I try to tackle every problem at a time.

I know that I need to check a problem at a time, but this is a problem I always had, that is focusing in something at a time, because I try to help everyone that comes to talk with me.

At this moment, I'm having a bad time, because I think I'm not able to do anything, and I can't think straight... basically, I lost my confidence.

I talked with my manager the other day, and it kinda seemed to have understood my message, but I think that he still undervalues the importance of the project I'm in and my fellow co-worker who changed to another project. 

Kinda messed up situation, I am going to talk to my manager and I'm going to ask for help, because we have resources (people), but I don't know how to talk about this, or how I am going to do my tasks until someone comes.
C++ Variables
Published: 2022-04-28 09:08:47


Data types
_Int:_
**short,long,Int(butun sonlar);**
 ##Real number:
float,double(kasr sonlari);
 ##Character: 
####char(belgilar)
- 
int age=18
cout << age+5*26 << endl; (148)

- 
Declaration
bu o'zgaruvchilarni e'lon qilish;
int son;

- 
Assignment
bu o'zgaruvchiga qiymat o'zgartirish

- 
Garbage value
o'zgaruvchi yaratilsa-yu unga qiymat berilmasa, uning qiymati unexpected bo'ladi (4 bayt)

- 
float
kasr- real sonli o'zgaruvchi ,lekin butun sonlarni ham qabul qiladi va 1.0 ko'rinishiga aylantiradi. Nuqtadan keyin 6 ta son aniqlikda ishlaydi: 0.123456

- 
`Implict coversion
yashirin o'zgartirish jarayoni, masalan int a=1,9 berganda warning berib ogohlantiradi, ya'ni yashirin o'zgartirish jarayonida compiler butun sonli o'zgaruvchi borligi tufayli 1,9 ni 1 deb qiymatini o'zgartirayotganligidan userni ogohlantiradi.

- 
cin
terminalga input ma'lumotni kiritadi.

- 
double
floating data typega mansub - kasr sonli o'zgaruvchi.(8 bayt)

- 
Iomanip
representationni boshqaradigan kutubxona
Quickly takes notes in your vuejs dashboard or website.
Tags: vue, vite, tailwindcss, vuequicknotes
Published: 2022-04-28 09:07:51

![Light](https://raw.githubusercontent.com/mfazail/vue-quick-notes/main/light.png)
![Dark](https://raw.githubusercontent.com/mfazail/vue-quick-notes/main/dark.png)


## Installation

### npm

Use npm to install.

```bash
npm i vue-quick-notes
```

## Usage

```js
import { VueQuickNotes } from "vue-quick-notes";

// style import is needed to work propperly
import "vue-quick-notes/dist/style.css";
```

```html
<VueQuickNotes label="Quick notes" v-model="text" />
```

Use composable to access text or the open state 

## Composable

```js
import { useQuickNotes } from "vue-quick-notes";

let { text, open } = useQuickNotes();

console.log(text.value);

console.log(open.value); // Use this value to show or hide quick-note
```

You can also use `ctrl+alt+k` to quickly show the notes, easily customize the classes of button,parent element or textarea, take notes by using speech recognition feature.

[check here](https://github.com/mfazail/vue-quick-notes#props) for props, other than those props/attributes will be bind to the text area.

For more info check [here](https://github.com/mfazail/vue-quick-notes)