teleren/devto huggingface dataset:
top 3 JavaScript one-liners
Tags: javascript, webdev, react, tutorial
Published: 2022-11-22 03:14:18

JavaScript is very fun language. Like it is more simple and superior that python, ok. I am not that python is bad, but can python do this
![img](https://miro.medium.com/max/1400/1*pxGvIj0qSrQxOjAcqVWM5A.gif)

## 1. console.log(console)

`console.log(console)`

OUTPUT:
```assert
: 
ƒ assert()
clear
: 
ƒ clear()
context
: 
ƒ context()
count
: 
ƒ count()
countReset
: 
ƒ countReset()
createTask
: 
ƒ createTask()
debug
: 
ƒ debug()
dir
: 
ƒ dir()
dirxml
: 
ƒ dirxml()
error
: 
ƒ error()
group
: 
ƒ group()
groupCollapsed
: 
ƒ groupCollapsed()
groupEnd
: 
ƒ groupEnd()
info
: 
ƒ info()
log
: 
ƒ log()
memory
: 
MemoryInfo {totalJSHeapSize: 64942465, usedJSHeapSize: 51569489, jsHeapSizeLimit: 2095841280}
profile
: 
ƒ profile()
profileEnd
: 
ƒ profileEnd()
table
: 
ƒ table()
time
: 
ƒ time()
timeEnd
: 
ƒ timeEnd()
timeLog
: 
ƒ timeLog()
timeStamp
: 
ƒ timeStamp()
trace
: 
ƒ trace()
warn
: 
ƒ warn()
```


its pretty crazy. you can mess with it here is the blog for more information:[thanks Jai-dewani](https://jai-dewani.hashnode.dev/everything-you-are-doing-wrong-with-consolelog)

## 2. document.designMode = on

Oh my god this is the best one here. literally list can stop here.
this make your website or any website customizable.

1. go to [youtube](youtube.com/@atharvaShankar)
2. inspect document and click console tab.
3. type `document.designMode = on`
3. and click on any text and press backspace.
4.type anything gibberish.

![img](https://flaviocopes.com/designmode/lOdTrDtrx9.gif)

## 3(and last one). windows.open()

this is also crazy. this thing makes a browser for you. don't believe me just try it.

```
let win = window.open("https://www.youtube.com/@atharvashankar","my web Browser","width-300,height-300")
```
## conclusion
these one liner can change whole website. and remember chrome can give you security warnings. but just ignore it.

## bye!
check out my youtube channels:-[Main](https://www.youtube.com/@atharvashankar),

[extras](https://www.youtube.com/@atharvashankarextras),

[shorts](https://www.youtube.com/@atharvashankarshorts),

also check me out on hashnode :-[all blogs are here also](https://atharvashankar.hashnode.dev/)
Using Google Dorking to land a Job
Tags: webdev, career, python, react
Published: 2022-11-22 03:08:19

A Google dork query, sometimes just referred to as a _dork_, is a search string or custom query that uses advanced search operators to find information not readily available on a website. 

Google Dorking, also known as Google hacking, can **return information difficult to locate through simple search queries.**


Tips using this method:

**1. Identify your desired job sites depending on what roles you're looking for, and in which country you're job hunting**

e.g- A lot of German jobs are posted on personio.de, and American at personio.com

**2. Identify your keywords.**

e.g- "fully remote ", "visa sponsorship available", "hybrid" or "relocation" depending on your goal 

**3. Add a Date to get the most recent jobs.**


## Be as Specific as you possibly can to get the best out of this method


Below is an example of a Query that you could copy to your browser to search for a remote react developer role posted within the past 2 days: 


`site:http://lever.co  | site:http://greenhouse.io |  site:http://jobs.ashbyhq.com (developer | engineer)"remote" "react" after:2022-11-20
`

Results:

![clara_situma_google_dorking](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ippd4eb9kxztbentenzi.JPG)


Here is another Query to find a job that offers relocation
to London, for a python developer, posted within the last week 


`site:http://lever.co | site:http://greenhouse.io | site:http://glassdoor.com | site:https://uk.indeed.com (developer | engineer)"relocation " "London" "python" after:2022-11-17
`

![clara situma python dork](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/one22hlymmqksp7h013m.JPG)

Sites I recommend you add on your Query for best results:

- jooble.org

- lever.co

- greenhouse.io

- join.com 

- personio.com

- personio.de

Follow the tips, customize your Query depending on your job title and industry, and copy and paste it into your google browser.

Happy hunting!!
MongoDB Atlas Hackathon 2022 on DEV
Tags: atlashackathon22
Published: 2022-11-22 03:06:38

## What I built

https://celebrationmanagement.com/noida/anniversary-decorations

### Category Submission:


### App Link


### Screenshots


### Description
 

### Link to Source Code


### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)


### How I built it
(How did you utilize MongoDB Atlas? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
Birthday Decoration in Noida
Published: 2022-11-22 03:03:47

Want Celebration your dear one Birthday, You can avail [Birthday Room Decoration in Noida](https://celebrationmanagement.com/noida/birthday-room-decorations) on [Celebrationmanagement.com](https://celebrationmanagement.com/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bz65574c76c39lu72phv.jpg)
Anniversary Decoration in Noida | Coding
Published: 2022-11-22 03:00:57

## You can Enjoy beautiful [Anniversary Decoration in Noida]
(https://celebrationmanagement.com/noida/anniversary-decorations) on our website [celebrationmanagement.com](https://celebrationmanagement.com/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6fln6xm8xbxt2oxx53wi.jpg)
How I learn new things every day as a developer
Tags: beginners, productivity
Published: 2022-11-22 03:00:00

Dealing with new technology is our daily basis requirement in the tech world and sometimes it's tough to learn new things when you have so much work to do. Here are some tips that I have learned to keep you on the path of learning new things every day that are easy to adapt.
No further delay, let's jump into it.

## Having a habit of reading news about tech

Reading tech blogs every day helps you to catch up with the new tech and learn new ways to have better programming skills.
Having 30 minutes per day for reading tech blogs and you can see the improvement of your technical skill from time to time. Some platforms regarding to technology you can join:

- https://medium.com/
- https://dev.to/
- https://hashnode.com/
- https://hackernoon.com/
- https://junedang.com/

## Build your application with new tech you just learn

One of the best ways to understand the new tech is to practice it.
Try to build a simple application when started to learn new things. And when you get more used to it, digging around some advanced ways, trying some different approaches outside of the document, and playing around with things you have learned then you achieve more knowledge about the new tech than ever.

## Join tech communities

With develop of social networks, it is not hard to find a group of people who have the same interest in the tech that you want to learn. For example, you can easily find a lot of React groups on Facebook, Twitter, or Medium.
Find and join them, digging for group topics and you can have a lot of knowledge from there. (also lot of new friends 😉)
Communities are also a great place for questions/answers if you got something stuck on your learning path and need some help.

## Take note of everything you learned

Make documents every time you had a chance to learn new things.
Take good and careful notes to show that you have a full understanding of the concept and behavior of the tech you learn. This is also a good approach for finding where to remind in case you forget anything.

## Explore trending tech
One cool way to learn new tech things besides reading tech articles is exploring some current trending tech. That way you can see people in the tech world currently focus on which tech and see which one match you.
Some resources to explore trending technologies:

- [Github trending repositories](https://github.com/trending)
- https://stackshare.io/
- [Stack Overflow survey](https://survey.stackoverflow.co/2022/)

---

That's all for today. Thank you for reading.
If you like this article, don't hesitate to like and share it.
Find out more articles like this at:
https://junedang.com/
Q: Write a program to open new tab or window in selenium web driver.
Published: 2022-11-22 02:56:30

package org.example;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WindowType;
import org.openqa.selenium.chrome.ChromeDriver;
public class Main {
 public static void main(String[] args) {
 System.setProperty("webdriver.chrome.driver", "/Users/prem
/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https://www.google.com");
 driver.switchTo().newWindow(WindowType.TAB);
 driver.switchTo().newWindow(WindowType.WINDOW);
 }
}
Q: Write a program to automate date picker in selenium web driver.
Published: 2022-11-22 02:54:42

package org.example;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.List;
public class Main {
 public static void main(String[] args) {
 String expectedDay = "21";
 String expectedMonth = "April";
 String expectedYear = "2025";
 System.setProperty("webdriver.chrome.driver", 
"/Users/prem/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https://jqueryui.com/datepicker/");
 driver.switchTo().frame(0);
 WebElement datepicker = 
driver.findElement(By.id("datepicker"));
 datepicker.click();
 while(true)
 {
 String calenderMonth = 
driver.findElement(By.xpath("//span[@class='ui-datepickermonth']")).getText();
 String calenderYear = 
driver.findElement(By.xpath("//span[@class='ui-datepickeryear']")).getText();
 if(calenderMonth.equals(expectedMonth) && 
calenderYear.equals(expectedYear))
 {
 List<WebElement> daysList = 
driver.findElements(By.xpath("//table/tbody/tr/td"));for(WebElement e : daysList)
 {
 String calenderDay = e.getText();
 if(calenderDay.equals(expectedDay))
 {
 e.click();
 break;
 }
 }
 break;
 }
 else
 {
 driver.findElement(By.xpath("//span[@class='ui-icon 
ui-icon-circle-triangle-e']")).click();
 }
 }
 }
}
Q: Write a program to get Image source URL. Code:
Published: 2022-11-22 02:53:57

package org.example;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
public class Main {
 public static void main(String[] args) {
 System.setProperty("webdriver.chrome.driver", 
"/Users/prem/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https:\\www.facebook.com");
 WebElement image = 
driver.findElement(By.xpath("//img[@alt='Facebook']"));
 System.out.println("Src attribute Value: " + 
image.getAttribute("src"));
 driver.quit();
 }
}
Q: Write a program to handle Tooltip in selenium web driver. Code:
Published: 2022-11-22 02:53:20

package org.example;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
public class Main {
 public static void main(String[] args) {
 System.setProperty("webdriver.chrome.driver", 
"/Users/prem/Developer/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https://www.facebook.com/");
 WebElement link = driver.findElement(By.linkText("Sign Up"));
 Actions action = new Actions(driver);
 action.moveToElement(link).perform();
 String tooltip = link .getAttribute("title");
 System.out.println("Tooltip: "+tooltip);
 }
}
Zero to SaaS - Bookmarksy.io Initial Data Model approach
Tags: webdev, javascript, beginners, tutorial
Published: 2022-11-22 02:52:22

I haven't talked about the data model for [bookmarksy.io](https://twitter.com/bookmarksy_io) yet but I spent yesterday evening building out the core data model for bookmarks/categories.

Here's the approach.

First, the definitions:
- Bookmark - a twitter bookmark.
- Category - a group of bookmarks that share a domain.

The flow:
1. User registers
2. Categories service seeds their account with a default category "Uncategorized" (all bookmarks will initially exist as part of this category)
3. Then, when a user reads their dashboard (these things happen asynchronously):
    - categories are loaded
    - bookmarks are loaded
    - bookmarks are hydrated (reach out to twitter to capture any new bookmarks)
    - hydrated bookmarks are loaded into "uncategorized"

So far, this flow exists and is stable, with the exception of bookmark hydration. I have yet to come up with a non blocking, performant solution but am working on it!

I think, given the potential variety of categories, having them account scoped makes the most sense. This will likely lead to some de-normalization but it's an acceptable trade off

If you're like me and have a tonne of bookmarks you never read, check 
https://bookmarksy.io
 out and join the [waitlist!](https://brandonkpbailey.substack.com/)
Q: Write a program to find total no. of Rows and Columns in web table using Maven Project.
Published: 2022-11-22 02:51:23

package org.example;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.List;
public class table {
 public static void main(String[] args){
 
System.setProperty("webdriver.chrome.driver","/Users/prem
/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.get("file:///Users/prem/
Selenium/Practical%205/index.html");
 String text = 
driver.findElement(By.xpath("/html/body/table/tbody/tr[2]/td[1
]")).getText();
 System.out.println(text);
 List < WebElement> rows = 
driver.findElements(By.xpath("/html/body/table/tbody/tr"));
 System.out.println("Total rows: "+rows.size());
 for(WebElement row: rows){
 System.out.println(row.getText());
 }
 }
}
[8:11 am, 22/11/2022] Prem: Q: Write a program to open new tab or window in selenium 
web driver.
Code:
package org.example;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WindowType;
import org.openqa.selenium.chrome.ChromeDriver;
public class Main {
 public static void main(String[] args) {
 System.setProperty("webdriver.chrome.driver", "/Users/prem
/Selenium drivers/chromedriver");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https://www.google.com");
 driver.switchTo().newWindow(WindowType.TAB);
 driver.switchTo().newWindow(WindowType.WINDOW);
 }
}
Q: Write the program to count number of radio buttons on a webpage.
Published: 2022-11-22 02:50:32

package org.example;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.List;
public class Main {
 public static void main(String[] args) {
 System.setProperty("webdriver.chrome.driver", 
","/Users/prem/Selenium drivers/chromedriver ");
 WebDriver driver = new ChromeDriver();
 driver.manage().window().maximize();
 driver.get("https://jqueryui.com/checkboxradio/");
 List<WebElement> radio = 
driver.findElements(By.tagName("a"));
 System.out.println("Number of radio buttons: "+ 
radio.size());
 }
}
Digiital Explanations
Published: 2022-11-22 02:43:10

[Digiital Explanations](https://digitalexplanations.com/
) is a Digital Marketing and social media agency, provides services in 12+ countries around the globe. 

We currently launched our services in India to help business and individual achieve their business goals or to make personal branding.

You can hire us for 
[
Instagram Verifications services](https://digitalexplanations.com/services/instagram-verification/)

[Facebook Verification services](https://digitalexplanations.com/services/facebook-verification/)

[Twitter Verification services](https://digitalexplanations.com/services/twitter-verification/)

[LinkedIn Verification services]


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ex4ky7gxuswe1ddnh3ex.jpg)(https://digitalexplanations.com/linkedin-verification/)
20 SITES THAT REGULARLY POST REMOTE JOBS
Tags: webdev, remote, career, javascript
Published: 2022-11-22 02:26:01

The Future of Work is remote!
One thing that's clear is that remote work is not going away.


Here are some sites that post remote jobs:


🔴  https://remote.co/remote-jobs

🔴 https://weworkremotely.com

🔴 https://justremote.co

🔴 https://angel.co/jobs

🔴https://remotive.com

🔴https://himalayas.app

🔴https://freelancer.in

🔴https://fiverr.com/jobs

🔴https://outsourcely.com

🔴 https://workingnomads.com/jobs

🔴 https://dailyremote.com

🔴 https://virtualvocations.com

🔴 https://remoteleads.io

🔴 https://internships.com

🔴 https://remoteleaf.com/

🔴https://justremote.co/

🔴https://dynamitejobs.com/

🔴https://www.skipthedrive.com/

🔴https://jobspresso.co/

🔴https://remote4me.com/


You can also use filters on LinkedIn, glassdoor, and Indeed to filter for "fully remote jobs".

Happy hunting!!
[PT-BR] O MELHOR ATALHO DO WINDOWS
Tags: braziliandevs, tip
Published: 2022-11-22 01:55:41

Olá, seja bem vindo ao meu perfil e hoje eu tenho uma dica muito necessária para você que utilizam Windows, garanto que vai ajudar muito no ganho de produtividade! ⚡️

> Mas antes, algumas informações necessárias: Este recurso está disponível apenas das versões Windows 10 em diante. 😅

Por muito tempo os atalhos **CLTR + C** e **CLTR + V** fizeram parte do meu cotidiano, principalmente quando é necessário copiar partes de um código ou simplesmente copiar imagens para que seja utilizada em outra plataforma. 

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

O desafio começa quando precisamos copiar várias informações de uma única vez e o computador naturalmente sobrepõe o que já copiamos, caso contrário é necessário copiar e em seguida colar e fazer isto diversas vezes, chato né? Pois bem! Nas versões mais recentes do Windows foi implementado um recurso que é chamado de [Área de Transferência](https://support.microsoft.com/pt-br/windows/%C3%A1rea-de-transfer%C3%AAncia-windows-c436501e-985d-1c8d-97ea-fe46ddf338c6), é uma ferramenta que permite que você consiga copiar vários itens e colar quando bem quiser. 

## 1º PASSO
Para ativar basta clicar em qualquer área do Windows e pressionar as teclas **WIN + V** que será exibido uma janela semelhante a esta

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

## 2º PASSO
Copie textos, links ou imagens e pressione as teclas CLTR + C para copiar e em seguida escolha uma ferramenta de sua preferência para editar um texto e pressione as teclas **WIN + V**

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



Estas informações são salvas temporariamente e ao desligar são apagadas automaticamente. Legal né? Você também consegue limpar a área de transferência através pressionando **WIN + V** e seguindo os passos da imagem abaixo:

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

Gostou? É uma dica bem simples e que me ajuda demais principalmente no trabalho. 

Até a próxima!
What are RxJS Observables?
Tags: webdev, javascript, angular, beginners
Published: 2022-11-22 01:47:23

[RxJS](https://rxjs.dev/) is a framework for reactive programming that makes use of Observables making it easy to write asynchronous code. Observable being a core concept in RxJS represents the idea of an invokable collection of future values or events.
Let us understand what need Observables fill and why we need them.

```jsx
const list = [1, 2, 3, 4, 5, 6];

list.forEach((n) => console.log(n));
```

As soon as we run the above code snippet, as expected the list is displayed.


![console output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ssy442ucum1mglh30bgj.png)

Because the array is residing in the memory, so the loop is executed instantaneously.
Now the interesting thing about this is that Observables are also collections. In fact, I can take my list array and convert it into an observable.

```jsx
import { from } from "rxjs";

const list = [1, 2, 3, 4, 5, 6];

from(list).forEach((n) => console.log(n));
```

We use `from` operator to convert our list array to an observable and can achieve the same result.


![console output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ssy442ucum1mglh30bgj.png)

Why is this interesting?
Because Observables are asynchronous. They represent a number of values over any amount of time. Or in other words, we can iterate through pretty much **any data stream** using Observable.
To demonstrate this asynchronous behavior, let us consider a scenario where a number is emitted every 1 second. To imitate this we can use the `interval` function that increments a number and emits that.

```jsx
import { interval, take } from "rxjs";

interval(1000)
  .pipe(take(6))
  .subscribe((x) => console.log("Next: ", x));
```

When we run this now, you'll see they come in over time.


![async behavior using observables](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7to11nmgw387qulougke.gif)

The reason this is interesting is if we had a function that accepted an array, and did this to it, we could change that function to accept an observable instead and now all of a sudden, **our function can handle things asynchronously**.

---

## Thank you for reading!

I hope this post was useful to you and helped you understand What are Observables and why we need them?
[RxJS](https://rxjs.dev/) observable has a lot more higher-order functions such as `concat`, `merge`, `map`, `scan`, that we might find in a library like lodash making RxJS _lodash for async events_.

Feel free to reach out to me! 😊

[💻 Github](https://github.com/nischaldutt) II [✨ Twitter](https://twitter.com/nischal_dutt) II [💌 Email](mailto:nischaldutt01@gmail.com) II [💡Linkedin](https://www.linkedin.com/in/nischal-dutt)
My first Node.js and GraphQL Course
Tags: graphql, node, codenewbie, course
Published: 2022-11-22 01:03:46

Today, I'm delighted to announce that my first coding course, Getting started with GraphQL using Node.js officially been released and is available at Educative, Inc. I've spent a few months working on this on and off. Countless Fridays and Saturdays, here it is!

https://www.educative.io/collection/10370001/4741596194537472

The course is a beginner-friendly introduction to backend development using #graphql and #Nodejs. It's useful for anyone who wants do the extra mile from tutorials and get their hands dirty by making something practical. The course breakdown important concepts into uncomplicated and easy-to-digest pieces, often aided by illustrations and code playground.

Happy learning!