teleren/devto huggingface dataset:
Where we can find jobs/projects?
Tags: webdev, javascript, tutorial, career
Published: 2022-09-08 12:32:36

Cheers! 🥂

> I'm Silviu Vladut, **software engineer** with focus on **web development**, already in this industry for **3 years**.
> Besides that, I have a company that offer outsourcing/outstaffing in Web Development & Cloud area.

The main idea from this post is to make a discussion and to share together our tips & tricks regarding **_search for a contract_** process.

**So, I will be the first and my sources for finding new contracts are:**

> **LinkedIn Jobs**

For me, LinkedIn it's like a facebook, but for "corporation people", basically on the **Jobs** rubric I think are a loot of opportunities.

> **Contacts**

The second source of jobs I think are friends and developers from your closed group.

> **Indeed.com**

The first platform on google search if you'll type "frontend jobs remote", for me this platform had success 2 years ago.

> **Glassdor.com** 

Another platform with focus on United States jobs.


So, what's yours? 🤔
Today's struggle (Selenium)
Published: 2022-09-08 12:05:52

Currently working(more like practicing) on data crawling using Python + BeautifulSoup4 to imitate web pages. 
It was all fun and games until I figured it is quite challenging to scrape off the web page that uses JavaScript to manipulate the DOM. 

Obviously my first approach was to go to google and ask for help and came across this awesome (but with so much confusion) library called Selenium.

I liked the idea of how you can actually ask the code to wait for the browser to load first, and then look for the html elements.

I was able to get some data back but not all the time. Probably needs more studying and playing time with it. 
But I feel like this library can be really helpful in the future, mixing it with BS4 could really save my life :)

TL;DR : 
1. study Selenium
2. mix with BS4
3. ignore all the copyrights :D

fun fact: I actually researched about Nanoparticle using Selenium lmao
Always happy to read your testimonials about Devoxx Morocco!
Tags: java, webdev, techtalks, devoxxma
Published: 2022-09-08 12:01:53


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7rzsa9a7qiio33bv141.jpg)Thank you David Blevins for your insightful testimonial. 
Only 25 days until the Day of the 9th edition of Devoxx Morocco.
! Secure your seat via https://devoxx.ma/
How to add default sort to q-table in quasar framework
Published: 2022-09-08 12:00:57

Hi, my name is kamasu paul. Today am going to share with you about the **default sort of q-table** in the [quasar framework](https://quasar.dev/).
## The problem
Of recent, I found out I needed to have the quasar table sorted using a specific column on my table. My goal was to sort the table 
 and have the most recent items appear on top. Looking at the documentation I couldn't easily figure out how to achieve it.

## The Solution.
After several searches, it turns out
The solution is to use the `pagination` attribute and add it to the table using `v-model:pagination="pagination"`

```
<q-table 
row-key="id" 
:rows="transactionsList" 
:columns="columns"
v-model:pagination="pagination"
>
```
And then in the pagination object, you specify the `sortBy` attribute

```
  data() {
    return {
      //... 
      pagination: {
        rowsPerPage: 25,
        sortBy: 'updated_at',
        descending: true,
      }
      //... other properties
    }
  },
```
For my case, the column is named `updated_at` and it keeps a javascript date timestamp. 
To use a custom sort function add the `sort` function to the column you want to sort in the columns array, for my case `updated_at`

```
const columns = [
  {
    name: "updated_at", label: "Date Updated",
    field: "updated_at", sortable: true,
    sort: (a, b) => a - b
  },
  // ... other columns
];
```
For my case it's an inline function `sort: (a, b) => a - b` that compares two timestamps from two rows to sort them.

That's all. Hope it helps
Shanghai Xiding officially joined the openGauss community
Published: 2022-09-08 11:18:00

On September 5, Shanghai Xiding Intelligent Technology Co., Ltd. signed CLA (Contribution License Agreement) and officially joined the openGauss community.

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

Shanghai Xiding Intelligent Technology Co., Ltd. (referred to as Shanghai Xiding) is a leading educational service platform enterprise in China, focusing on the application of intelligent evaluation of physical and chemical laboratory tests and intelligent management of teaching. It is a leading artificial intelligence information technology service enterprise in China. China's leading computer vision software and hardware two-wheel drive, self-developed artificial intelligence technology enterprise. With rich industry experience and high customer reputation, it has served thousands of schools, and has achieved many excellent projects and benchmarking projects in the field of education in Jiangsu, Zhejiang and Shanghai. Ding-Fudan University's School-Enterprise Joint Research Center for Smart Education Artificial Intelligence and Convergence Perception is based on the world's leading core and key technologies of artificial intelligence.

As a high-tech enterprise, a small giant in science and technology, and a specialized and new enterprise in Shanghai, it is a leader in technology in subdivided fields. As an industry standard setter, the project has extremely high technological attributes and potential commercial value. Joining the openGauss community this time will rely on Shanghai Xiding's own AI technology to independently research and develop, and integrate excellent educational platform resources to make the campus "teaching, learning, testing, evaluation, examination, and research" a large and comprehensive campus education. The resource service platform realizes the closed loop in the scene. Taking experimental high school entrance examination, teaching, smart laboratory and other landing applications as breakthrough points, using "education +" (AIoT, AI, Internet, database) to help the education industry upgrade, continuously and steadily drive the development of the upstream and midstream industry chain, and promote regional economic growth, Demonstrate the corporate character that empowers education and is always a pioneer.
How zoom helped me NOT land my first job
Tags: discuss, beginners, career
Published: 2022-09-08 11:10:49

After I've submited over 100 applications, I've got chance to experience my first interview

So how it went? 

Zoom first crashed right after I joined meeting when I tried to turn on my webcam.

A few minutes later, the zoom crashed a second time.

I rejoined again and answered few interviewers questions. One of interviewers asked me about my experience with bootstrap and SCSS, after I finished my monologue I've noticed that they are silent and zoom crashed for last time.

I've asked myself, am I mentally challenged and unable to use simple software like zoom? Or maybe my potato computer is too weak to deal with zoom? It handled UE5 and video rendering just fine.

I decided to check if my suspicions were right and opened zoom, started the meeting and everything worked fine, it didn't crash and even my webcam worked fine.

Hopefully during my next interview if I fail, I fail because of my lack of experience and/or skills.
Simple IQ Test with vanilla PHP, JS, HTML and CSS
Published: 2022-09-08 11:08:31

The IQ tests are used measure your intelligence and lasting one hour! Just do it right now in around ~5 minutes (yep, this [iq test](https://www.iq-online-test.com) is genuinely serious):

The website is built with PHP, HTML CSS and the awesome JS!!

🔥 Warning: This post contains spoilers 🔥

To avoid prejudice, please take the test before reading this.

The test asks participants on their perceptions of their capacity to control their internet privacy and data usage. Although it won't actually collect any data, it will increase user awareness of their privacy settings.

## Why making IQ test platform?

To increase your friends' understanding of internet privacy, send them the test's link, especially if they aren't tech-savvy.

## Participate and spread awareness

I completed the test in one day during my leisure time, although it's not flawless. However, I believe the subject is very important since many people now taking IQ test online and provide their data.

## why IQ test is important ?
Taking IQ test will help you to know more about yourself. You will find if you are smart or not via series of questions. We at our test provide 25 questions in different areas to give you a reliable and accurate IQ score without asking for registration.

Find the live test on production [https://www.iq-online-test.com](https://www.iq-online-test.com)

any feedback is welcomed
Gojek clone
Published: 2022-09-08 09:58:54

Good day everyone.
I came here to sick for help, I would like to start a multiple on demand service mobil app like Gojek Indonesia . I have been told that I can buy a clone script white labeled and customize. I searched online and founded hundreds of companies that offers this Gojek Clone app. Most of them are in India. But when i talked to these companies that offers me that solution at a price of + or - $6000 and to be delivered in 1 or 2 weeks , I feel like they are not that serious as they pretend because none of them as showed me their references, I mean apps that are in market created by them. Most of these companies have bad reviews and if they give me one of they references, you ll find comment like "this app isn't good , it doesn't work properly"

My question is , what is the best company to offer me this App in my budget, a company that will respect the clause of the contract and deliver me a real product made with recent technologies. 
I have read too much testimonies of people who had bad experiences with these companies that will ignore you after you make a payment or will deliver you an app that bugs in the very first day, of will not want to deliver you a source code.
I need your honest opinion here , because I can't afford to waste time and the only money I have.
Thank you in advance

Patrick
Blog-template made with EJS, Node.js & Express.js
Tags: collabs, node, javascript, webdev
Published: 2022-09-08 09:52:56

The application is built with Node.js, Express.js, EJS, Lodash and CSS together with Body-Parser. The said technologies were used for reasons such as speed, efficiency and readability since most developers have a working knowlegde of JavaScript.

Working with EJS and request handlers was quite the pain and this is the fruit of the pain.

## Installation
- Clone repository with the command `git clone <url>`
```
$ git clone https://github.com/efecollins/blog-template-ejs.git
```

- Run `npm i` in your terminal to install `node_modules` and all dependencies in `package.json`
```
$ npm i
```
- Run `nodemon` in your terminal if installed to start the node server and watch for changes in `app.js`
```
$ nodemon
```

- Or run `node app.js` to start the server if `nodemon` is not installed
```
$ node app.js
```

- The following message should be logged to your console signifying success.

```
Server started on port 3000
```

- Make changes as you are pleased

## More Info
- To compose a new post enter `localhost:3000/compose` in your web browser's search bar.

- To compose a new post in the live site visit [https://busy-blue-agouti-cap.cyclic.app/compose](https://busy-blue-agouti-cap.cyclic.app/compose)

- Contributions to this project are allowed provided they make the template easy to use



![Twitter Follow](https://img.shields.io/twitter/follow/EfeCollins7?color=blue&style=social)
Typescript Series -Utility Type ReturnType
Tags: javascript, typescript, webdev, programming
Published: 2022-09-08 09:52:09

I'd like to start by saying that I am doing this series to learn and understand better Typescript, so feel free to correct me or contact me.

## ReturnType\<Type>

Constructs a type consisting of the return type of function Type.

Let's see some examples:

```
type T0 = ReturnType<() => string>; //string

type T1 = ReturnType<(s: string) => void>; // void

type T2 = ReturnType<<T>() => T>; // unknown

type T3 = ReturnType<<T extends U, U extends number[]>() => T>; // numver[]
```

### So what do we know so far?
Our type should:

*  Receive a function
*  Infer and return the returning type of that function if there is any

Let's see the type.

```
type MyReturnType<T> = T extends (...args: any) => infer R ? R : any;
```

### Let's break it down

We accept a type **T** and we check that type extends a function and if it returns something **T extends (...args: any) => ...**

#### Understanding the infer keyword
The infer keyword can be used within a condition in a conditional type to put the inferred type into a variable. That inferred variable can then be used within the conditional branches.

If the function returns something then we **infer** its type and we return that **... => infer R ? R ...** otherwise, it could be anything or nothing, so we return any **... : any**


That is it, thank you!

you can find me here [My Twitter] (https://twitter.com/sarmunbustillo?t=pztqXmT7DH2pa9lDLjfrdQ&s=09)
Blog-template made with EJS, Node.js & Express.js
Published: 2022-09-08 09:46:30

This is an application that serves as a blog template for potential blog creators. Perfect, if you want to create a blog yourself but not from scratch. Best for developers.

The application is built with Node.js, Express.js, EJS, Lodash and CSS together with Body-Parser. The said technologies were used for reasons such as speed, efficiency and readability since most developers have a working knowlegde of JavaScript.

Working with EJS and request handlers was quite the pain and this is the fruit of the pain.

## Installation
- Clone repository with the command `git clone <url>`
```
$ git clone https://github.com/efecollins/blog-template-ejs.git
```

- Run `npm i` in your terminal to install `node_modules` and all dependencies in `package.json`
```
$ npm i
```
- Run `nodemon` in your terminal if installed to start the node server and watch for changes in `app.js`
```
$ nodemon
```

- Or run `node app.js` to start the server if `nodemon` is not installed
```
$ node app.js
```

- The following message should be logged to your console signifying success.

```
Server started on port 3000
```

- Make changes as you are pleased

## More Info
- To compose a new post enter `localhost:3000/compose` in your web browser's search bar.

- To compose a new post in the live site visit [https://busy-blue-agouti-cap.cyclic.app/compose](https://busy-blue-agouti-cap.cyclic.app/compose)

- Contributions to this project are allowed provided they make the template easy to use



![Twitter Follow](https://img.shields.io/twitter/follow/EfeCollins7?color=blue&style=social)
在 Word 中以格式搜尋取代
Tags: regex, word
Published: 2022-09-08 09:14:28

Word 的搜尋取代不只能幫你找一般的文字, 也可以根據特殊的規則搜尋取代符合特定條件的文字, 這對常常需要處理文字的工作者來說是很棒的功能, 底下我們就來測試看看吧！

## 搜尋特定格式的文字

有些時候, 我們並不是要搜尋特定內容的文字, 而是想搜尋特定格式的文字, 例如在我的工作中, 我需要把 Word 檔的內容轉成純文字, 但是又希望在純文字中可以用特定的方式標住原始文字的格式, 例如, 使用 "【這是粗體字】" 的方式標示原本在 Word 中以粗體顯示的文字, 那麼就可以這樣做：

1. 開啟**進階搜尋**交談窗後按一下**更多**：

    ![](https://i.imgur.com/oihL6m2.png)

   
2. 按一下**格式**後選**字型**：

    ![](https://i.imgur.com/ghOZMuz.png)

3. 在**字型樣式**中選**粗體**後按**確定**：

    ![](https://i.imgur.com/R8D3b2w.png)

    可以看到**尋找目標**欄位下方出現格式的設定：
    
    ![](https://i.imgur.com/WyXnOg7.png)

4. 由於是要以格式搜尋, 所以在**尋找目標**欄位中不需要填入任何文字, 這樣就可以找到粗體的文字段落了, 我們先來試看看, 請按**尋找下一個**：

    ![](https://i.imgur.com/x0KvQYz.png)

    再按一次：
    
    ![](https://i.imgur.com/sopULE9.png)

確認可以找到粗體文字後, 我們就要進一步將找到的粗體文字用【】括起來標示, 請依照以下步驟完成：

1. 切換到**取代**頁次後按一下**取代為**欄位, 然後按一下下方的**特殊**, 選**尋找文字**：

    ![](https://i.imgur.com/96RCYeH.png)

    在**取代為**欄位中會出現奇怪的 "^&" 字樣：
    
    ![](https://i.imgur.com/BFNCKmx.png)

    這個字樣就代表搜尋到的粗體文字內容, 只要在兩旁加上我們需要的【】, 就可以把搜尋到的粗體文字替換成加上【】全形書名括號的結果：
    
    ![](https://i.imgur.com/yukMpej.png)

2. 現在就可以來試看看了, 請按**尋找下一個**, 並在找到粗體文字時重複按**取代**：

    ![](https://i.imgur.com/BQq8VWG.png)

    基本上就可以達成我們所要的結果, 比較可惜的是如果一整行文字都是粗體, 它會連最後的段落符號都含蓋在搜尋到的文字內, 右括號就會單獨出現在下一個段落了, 接著我們要移除這種錯誤的結果。
    
3. 請將**尋找目標**改為**特殊**功能表中的**段落標記** (會以 "^p" 表示) 再加上 "】", 並將**取代為**設定為相反的 "】^p" 後按**全部取代**： 

    ![](https://i.imgur.com/yVUlUo0.png)

    就可以把剛剛顛倒的段落標記與右括號更正回來了。
    
## 全部取代的不一致結果

要特別注意的是, 如果你一開始在置換粗體文字的時候是按**全部取代**一次置換, 會得到不一樣的結果：

![](https://i.imgur.com/sdjxpjo.png)

看起來它把第二段的開頭跟第一段接在一起當成一整串文字了, 這可麻煩了, 實務應用時我們可不希望一直自己手按**取代**, 而是希望能夠按**全部取代**一次就可以完成工作。

我們可以改用以字元為單位搜尋, 避免這個問題：

1. 請將**尋找目標**改為**特殊**功能表中的**任何字元** (會以 "^?" 表示) , 並將**取代為**設定為 "【^&】" 後按**全部取代**：

    ![](https://i.imgur.com/5PvWdnA.png)

    由於是以單一字元為單位, 所以每個字元都加上了全形的括號, 包括整段粗體的段落標記在內。
    
1. 先處理段落標記處被當成單一字元加上括號的問題, 請將**尋找目標**改為 "【^p】", 並將**取代為**設定為單純的 "^p" 後按**全部取代**：

    ![](https://i.imgur.com/693NROE.png)

1. 最後再將相鄰字元的多餘括號去除, 請將**尋找目標**改為 "】【, 並將**取代為**設定為 "" 後按**全部取代**：

    ![](https://i.imgur.com/I9L0iWQ.png)

    就可以正確完成幫粗體文字加上左右全形括號的工作了。

## 搜尋 "^" 字元

如同剛剛的說明, 由於 "^" 在搜尋取代時代表特殊意義, 如果真的要搜尋 "^" 字元, 就必須以 "^^" 表示, 例如：

![](https://i.imgur.com/mFDT0sb.png)

## 結語

你可以利用**錄製巨集**的功能將上述流程轉成巨集, 這樣就可以重複利用, 而不需要每次都重複操作, 甚至可以指定快捷鍵來執行巨集。

除了以格式搜尋以及使用像是 "^p" 特殊字元搜尋段落標記外, Word 還可以使用**萬用字元**搜尋像是電話號碼、電子郵件地址這類具有特定規則樣式的文字, 下一篇文章我們繼續說明。
Why reflection is at the start of Learning
Tags: leadership, beginners
Published: 2022-09-08 08:51:14

What is the Plan-Do-Check-Act cycle?


The Plan-Do-Check-Act cycle (PDCA) is a four-step quality control method used in many different industries to ensure that products or services meet the highest standards of quality. The steps in the PDCA cycle are:


1. Plan: Determine what needs to be done and how it will be done.


2. Do: Carry out the plan.


3. Check: Inspect the results to see if they meet the standards set in the plan.


4. Act: Take corrective action if necessary, and then continue with the next cycle.


The PDCA cycle can be used for any type of improvement, whether it is in manufacturing, service delivery, or any other process. It is a simple and effective way to ensure that quality is always improving.


When using the PDCA cycle, it is important to remember that each step must be carried out thoroughly in order for the cycle to be effective. Additionally, the cycle should be repeated as often as necessary to continue making improvements.


The PDCA cycle is also known as the Deming cycle or Shewhart cycle. It was first developed by W. Edwards Deming in the 1950s and later popularized by Walter A. Shewhart in the 1930s.


Why the PDCA cycle is the basis of every learning process:


The PDCA cycle is the basis of every learning process because it provides a structured and systematic approach to improvement. Additionally, the cycle is designed to be repeated as often as necessary in order to continue making progress.


And this is exactly how humans learn. Through reflection and experience. You have to constantly evaluate what you are doing if you want to get better. Make it a habit. Ask yourself: How could this be done in an easier way or in such a way that the result is improved?


If you want to learn more about learning processes check out our websites [Ausbilderschein.jetzt](https://ausbilderschein.jetzt/) and [Dr. Aichinger](https://dr-aichinger.de/)
What is GraphQL? Is it a replacement for the REST API?
Published: 2022-09-08 09:12:44


The diagram below shows the quick comparison between REST and GraphQL.

🔹GraphQL is a query language for APIs developed by Meta. It provides a complete description of the data in the API and gives clients the power to ask for exactly what they need.

🔹GraphQL servers sit in between the client and the backend services.

🔹GraphQL can aggregate multiple REST requests into one query. GraphQL server organizes the resources in a graph.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0vkfxb0wjvh3mxro7o8t.jpg)
VSCode VIM Tip: Trigger Hover Info
Tags: vim, vscode, tooling, productivity
Published: 2022-09-08 08:58:31

Error information from the likes of ESLint, TSC etc. are shown as overlays in VSCode. These can be triggered by hovering over the marked section of your code. But this requires you to use your mouse or trackpad. Ain't nobody got time for that!

Luckily, you can just do the following when using VSCode Vim:

`gh`

That's it.

When you don't use VSCode Vim, you'll have to work a bit harder for that sweet, sweet error info though:

`<Cmd>K + <Cmd>I`

Fun!
Is there a reason to use == over ===?
Tags: discuss, javascript
Published: 2022-09-08 08:57:22

---
title: Is there a reason to use == over ===?
published: true
description: A discussion about reasons to use == in javascript
tags: watercooler, discussion, javascript
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
---

I am aware that it's prefereable to test equality with `===` because of the nature of truthiness and falseyness in JS, but what are the reasons to use `==`?

Is `==` faster? It doesn't type check, but it does coërce types, which sounds costly.

I suppose if you have to deal with really old browsers that don't have strict equality, but that seems like a super edge case.

Does anyone have reasons for using `==`?
Using DOM manipulation to style an element in JavaScript
Tags: javascript, webdev, programming, tutorial
Published: 2022-09-08 08:54:27

Hello guys, in this my article which is my first here, I will be using JavaScript to change the  colour of an element using DOM MANIPULATION.
DOM manipulation is simply document object model manipulation, it has to do with  changing styles, texts, contents on a page using JavaScript. 


## Changing HTML Style
To change the style of an HTML element, use this syntax:
```
document.getElementById(id).style.property = new style
```

- Example

```
<html>
<body>

<p id="p2">Hello World!</p>

<script>
document.getElementById("p2").style.color = "blue";
</script>

</body>
</html>
```

Happy coding!
VIM Tip: Replace Without Yanking
Tags: vim, vscode, tooling, productivity
Published: 2022-09-08 08:49:58

You yanked a word and want to use it to replace more than one other word. The naive approach of selecting each of these other words and then hitting `p` doesn't really work though, does it? 

This is because the first `p` yanks the highlighted word at the same time, replacing the original word in the register.

The solution is to paste from the 0th register directly:

`"0p`

That you can do however many times you like.