teleren/devto huggingface dataset:
METODOLOGIA BEM - BLOCO ELEMENTO MODIFICADOR
Tags: frontend, css, webdev, architecture
Published: 2022-11-28 13:09:42

Boas práticas
A convenção de nomeclatura usada no mundo todo. CSS BEM Bloco, Elemento e Modificador

Em um projeto componentizado o:

BLOCO - Pode ser um componente
ELEMENTO - São os filhos do bloco
MODIFICADOR - Utilizados para descrever estados, como por exemplo "disabled" "dark"

Como montamos a classe:

```
.bloco__elemento--modificador
```

Como isto fica em nosso HTML:

```
<div class="bloco">
   <div class="bloco__elemento"></div>
   <div class="bloco__elemento2"></div>
   <div class="bloco__elemento3">
       <button class="bloco__elemento3--disabled"></button>
   </div>
</div>
```

Como isto fica em nosso SASS:

```
.bloco {
      &__elemento {}
      &__elemento2 {}
      &__elemento3 {
           &--disabled {}
      }
}
```

ou CSS 

```
.bloco {}

.bloco__elemento {}

.bloco__elemento2 {}

.bloco__elemento3 {}

.bloco__elemento3--disabled {}
```

![metodologia bem](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cjuev390fp0p5gkozpql.png)

Regras e melhores práticas:

- Não replique hierarquia. Ex:

```
<div class="bloco">
   <div class="bloco__elemento">
       <div class="bloco__descricao"></div>
   </div>
   <div class="bloco__elemento2"></div>
   <div class="bloco__elemento3">
       <button class="bloco__elemento3--disabled"></button>
   </div>
</div>
```
Explicação: na classe bloco__descricao perceba que ela não recebeu a classe pai bloco__elemento, esta é uma forma de não tornar classes enormes com filhos e mais filhos. Sempre que criamos um elemento filho podemos deixar ele somente com a classe do pai.

- Você pode utilizar nome composto para classes que precisam de uma descrição melhor, como por exemplo: 

```
.bloco-a__descricao-image
```


Espero que tenha ajudado!:) Deixo aqui meu [linkedin](https://www.linkedin.com/in/stefany-repetcki/) e [github](https://github.com/StefanyRepetcki) ❤️
नॉर्थ बिहार बिजली बिल कैसे चेक करे
Published: 2022-11-28 13:04:51

बिजली हमारे जीवन की आवश्यक जरूरतों में से एक है, इसके लिए हमें मासिक आधार पर बिल का भुगतान करना पड़ता है। इसके लिए सभी राज्यों के बिजली विभाग द्वारा सभी घरों के बाहर बिजली के मीटर लगाए जाते हैं, जिसमें आपको प्रति माह खर्च की गई बिजली के हिसाब से बिल का भुगतान करना होता है। आप अपने मासिक बिल का भुगतान ऑनलाइन माध्यम से कर सकते हैं।

उत्तर बिहार बिजली बिल उत्तर बिहार विद्युत वितरण कंपनी लिमिटेड द्वारा नियंत्रित किया जाता है। इस लेख में हमने [उत्तर बिहार बिजली बिल देखने की प्रक्रिया](https://billcheckkare.com/north-bihar-bijli-bill-kaise-check-kare/), एनबीपीडीसीएल बिल भुगतान की ऑनलाइन प्रक्रिया आदि के बारे में विस्तार से बताया है।

## ऑनलाइन नॉर्थ बिहार बिजली बिल कैसे चेक करें

- उत्तर बिहार बिजली बिल ऑनलाइन चेक करने के लिए सबसे पहले आपको इसकी आधिकारिक वेबसाइट nbpdcl.co.in पर जाना होगा।

- इसके बाद इसके होम पेज पर लेफ्ट साइड में दिए गए विकल्पों में कहीं पर आप इंस्टैंट पेमेंट ऑप्शन पर क्लिक करें उसके बाद आपको कुछ और विकल्प दिखाई देंगे यहां से आप व्यू एंड बिल पे ऑप्शन पर क्लिक करें।

- अब आपके सामने एक नई स्क्रीन खुलेगी, यहां आपको कंज्यूमर नंबर डालने का विकल्प मिलेगा।

- अपना यूजर नंबर दर्ज करने के बाद **सबमिट** बटन दबाएं।

- इस तरह अब आपके सामने बिजली का बिल खुल जाएगा। इस तरह अब आप अपने बिजली बिल का मिलान कर सकते हैं।

इस प्रक्रिया को फॉलो कर नॉर्थ बिहार बिजली बिल सरलता से चेक कर सकते है. यदि कोई संदेह हो, तो हमें कमेंट जरुर करे.
इसे भी पढ़े, **[साउथ बिहार बिजली बिल कैसे चेक करे](https://billcheckkare.com/south-bihar-bijli-bill-kaise-check-kare/)**
How to Use the POEA Website to Find Jobs Abroad
Published: 2022-11-28 12:07:02

You could find the ideal job on the POEA website, one of the jobs overseas. The tricky part is knowing where to search. The website is user-friendly, so that will be useful. All you have to do is understand how it functions.

The Philippine Overseas Employment Agency (POEA) validates the legitimacy of employment orders from authorized agencies.

On the basis of legitimate job orders—that is, the existence of foreign firms searching for employees—agencies approve candidates for work overseas.

Filipinos are frequently the targets of false job orders, in part because to a lack of knowledge.

This page demonstrates how to find the ideal work, as well as how to confirm the legality of a job order and the agency's license. Also, stay away from being a target of illicit recruiting.

There are numerous Genuine websites out there that publish Jobs from POEA accredited agencies, and one of those website out there is **[PoeaDirectJobs](https://www.poeadirectjobs.com/)**.

## **How to search for employment abroad using the POEADirectJobs website**

Step 1 - Visit this **[poea job hiring](https://www.poeadirectjobs.com/)** website in a new window. As seen in the image below, you will arrive on the POEADirectJobs website's home page.


![The Homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kndbaytn02eg2lecqkp9.png)

What the website is about is made clear on the home page. Right now, our main priority is finding you the best job possible. Check out the submenus on the main page's right side.

**Step 2**- Click on the Job Categories of your profession
This new screen demonstrates how Filipinos may search for opportunities overseas by position, Country, or agency.

**Step 3** - Once you click on the job categories, you will be taken to an interface like this


![The Homepage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eprksp2b74ohphr1kf7k.png)

**Step 4 -** Once you have seen your dream Job, please make sure youre confortable with the country where the dream job is located at. On each Jobs provided on POEADIRECTJOBS website, comes all the information of the Poea Accredited Agency...

**Step 5 -** Should incase you are in doubt that it might be a fraud, click on the Validate POEA licence section on the website and type in the agency license number or the agency name. 

**Step 6 -** Make sure you have your Resume/CV updated. Because still on **[PoeaDirectJobs website](https://www.poeadirectjobs.com/jobs/)**, you wll see the contact information and the Email address where you can submit or send your CV. Some agency prefers to come in person to the office for the CV submission.

GoodLuck
Change GitHub account on Windows
Tags: git, github, windows
Published: 2022-11-28 12:53:02

During my awesome experience as [LinkedIn Instructor](https://dev.to/kasuken/my-journey-as-linkedin-technical-instructor-14bn) I use several accounts for GitHub.
My private one, one for work and one for recording videos.
Switching accounts is not an easy task to do, especially on Windows.
Windows store the credentials in the Credential Manager which is in the Control Panel.

To change and to switch between accounts, you can open the Control Panel and then navigate to the Credential Manager.
Scroll until an entry called "git:https://github.com".
Click on "Remove" button below the entry.

![credential manager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e7le5leo4n57y1ekw514.png)

Now you can open or come back to a terminal and launch a command like "git fetch" or "git push".

A new GitHub window will open, and you can click on "Sign in with the browser", enter the credentials and everything come back to work as usual, but with the new account.

![Sign in with the browser](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ih2edyoix1c7a6l16dw8.png)

---

Thanks for reading this post, I hope you found it interesting!

Feel free to follow me to get notified when new articles are out 🙂

{% embed https://dev.to/kasuken %}
GitHub student developer pack?
Tags: github, beginners, git, students
Published: 2022-11-28 12:49:50

## What is GitHub student developer pack?
If you are a computer science student, you must know about GitHub. If you don't know what GitHub is, here's a brief explanation:

> At a high level, GitHub is a website and cloud-based service that helps developers store and manage their code, as well as track and control changes to their code.
>  -[source](https://kinsta.com/knowledgebase/what-is-github/)

I definitely read it before copying and pasting it here, trust me.

## So what is the GitHub Student developer pack?
Student developer pack is a service that is provided by GitHub to students all over the world. It gives you free access to many paid **online courses, applications** and **services** like domains, web hosting etc. and a Bonus!, you get **GitHub Pro** for free too!

And these are not just any random cheap things that you get. They are actually useful.

## How to get GitHub Student developer pack?

First of all you are going to need something to prove that you are a student.
This can be:

- Email address provided to you by your school/college.

- Proof of admission for example your school/college ID.

Now, [create a GitHub account](https://github.com/login) if you don't already have one

Now follow the steps:

**1. Go to [education.github.com/pack](https://education.github.com/pack)**

**2. Click on the 'Sign up for Student Developer pack' button
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3b16ju57dt9bti8ywmz.png)**

**3. Click on 'Get Student benefits' button
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xzywyc30tozoeo779npi.png)**

**4. Sign in if it asks to do so**

**5. Scroll down a bit and enter the email address provided to you by your school/college**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7bbyg1vaem74u3jqj3hl.png)

**6. Enter the name of your school**

**7. In the 'How do you plan to use GitHub?' field, write something that is true and don't exaggerate or tell lies**
In my case, I just wanted the free stuff, so I wrote that.

**8. Click continue, it will ask for your permission to check your location, grant it.**

**9. In the next page select your school/college from the map and fill in the details that follow.**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fiawyck3fgizea1mmh8r.png)

**10. In the next page upload your your school ID or any document that proves that you are a student of that college**

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

**11. Now click on 'Process my application' button and your application will be submitted.**

Now all you have to do is wait, it won't take long though. Usually it takes from a few hours to a few days.
You will receive an email confirming that you have been approved for the GitHub Student Developer pack.

Voila! That's how you get the GitHub Student developer pack!
Happy coding!
रिलेशनशिप में फॉलो करें ये 5 गोल्‍डन रूल्‍स, पार्टनर कभी नहीं छिपाएगा कोई भी बात
Published: 2022-11-28 12:25:59

<p><span style="color: revert; font-size: revert; font-weight: revert;">एक दूसरे का साथ देने का वादा दोनों लोगों को करना जरूर चाहिए. </span><span style="color: revert; font-size: revert; font-weight: revert;"> कि आप उनकी हर बात को समझने की कोशिश करेंगे भरोसा दिलाएं.</span></p>
<div style="width: 724px;">
<div class="jsx-445755313 artclhglght">
<p><strong style="font-size: revert; color: initial;">Golden Rules Of Relationships: <span style="font-size: revert; color: initial;">रिलेशनशिप को मजबूत बनाने का काम </span></strong><span style="font-size: revert; color: initial;">जब हम किसी रिश्‍ते में जाते हैं तो आपसी विश्‍वास, प्‍यार और भरोसा  करता है. </span></p>
<p><span style="font-size: revert; color: initial;">कई रिलेशनशिप में यह देखने को मिलता है कि समय के साथ उनके बीच की आपसी अंडरस्‍टैंडिंग, Trust कम होने लगती है और धीरे धीरे एक दूसरे का साथ बोझ Critical बनने लगता है. </span></p>
<p><span style="font-size: revert; color: initial;"> कमियां निकालने लगते हैं लोग एक दूसरे में,और कुछ बातें शेयर करना बंध कर देते हैं जो रिश्‍तों की मजबूती के लिए बहुत जरूरी होता है.</span></p>
<p><span style="font-size: revert; color: initial;"> लेकिन जब तक आपको यह महसूस होने लगता है तब तक कि आपका पार्टनर आपसे कोई बात छिपा रहा है या आपको बताना नहीं चाहता या तो नहीं पसंद है तो ये आपके लिए चिंता की बात बन सकती है. </span></p>
<p><span style="font-size: revert; color: initial;"> अगर आप को भी  रिलेशनशिप में ये सारे अनुभव कर रहे हैं तो यहां निचे बताए गए ५ गोल्‍डन रूल्‍स को फॉलो कर आपके पार्टनर के छिपाने की आदत को दूर कर सकते हैं.</span></p>
</div>
<h2><strong>इन 5 गोल्डन रूल्स को फॉलो </strong><strong>करें</strong></h2>
<ul>
<li><strong>गुस्सा ना करे - </strong>इस बात का रूल बनाएं कि अगर पार्टनर कोई भी बात बताए तो गुस्‍सा नहीं करना है. दरअसल कई कोई बार लोग पार्टनर से इसलिए बात छिपाते हैं कि वो गुस्‍सा हो जाते हे और इस बात को छुपाने के लिए वे एक के बाद एक झूठ पर झूठ  बोलते चले जाते हैं.</li>
[Read More ](https://worldnews.papannouncer.com/partner-will-never-hide-anything-follow-these-golden-rules-relationship/)
<ul>
<li class="jsx-445755313 read_more_links"><a href="https://worldnews.papannouncer.com/hardik-pandya-captain/">भारतीय टीम ने रोहित शर्मा से छीनी कप्तानी, हार्दिक पंड्या बने Hardik Pandya Captain T20 के नए कप्तान</a></li>
</ul>
</div>
Git Tools - Submodules
Tags: microservices, git, submodules, tutorial
Published: 2022-11-28 12:13:35

## What is Submodules and why developer need it ? 

Git Tools - Submodules is tools to let developer have a child repository under a parent repository .  
in other words as git official document said : 
"Submodules allow you to keep a Git repository as a subdirectory of another Git repository. This lets you clone another repository into your project and keep your commits separate." [1]

configuration file for Git-Submodules is ".gitmodules" . 
The new submodule can be added by this command : 


 `git submodule  add   the absolute or relative URL of the project `

for example :

`git submodule add https://gitlab.com/Hamed0406/springboot-dashboed`
after running the command this lines will be added to 

```
[submodule "springboot-dashboed"]
	path = springboot-dashboed
	url = https://gitlab.com/Hamed0406/springboot-dashboed

```
to  .gitmodules file.



Note : if you have private repo as submodules and share your project with others, you have to be sure they have access to the private repo.




## References  

1. git-scm.com , [https://git-scm.com/book/en/v2/Git-Tools-Submodules]
How to stay anonymous while using MetaMask
Tags: webdev, blockchain, devops, node
Published: 2022-11-28 11:53:51


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

Bad news: MetaMask, a popular on-chain Ethereum wallet, could share your data with Infura.

Good news: This can be fixed in two minutes with GetBlock.

This actually could be dangerous. 

First, exposing your IP address makes it easier for Infura, MetaMask, and ConsenSys to impose geo-restrictions on your account. Additionally, implementing new data tracking practices is inconsistent with the “decentralized” ethos of on-chain wallets.

How can you protect your data?

You can change the RPC at any time: technically it's just a service that simplifies the connection between the blockchain and your wallet. 

GetBlock will not share your IP and ETH wallet address with anyone. That's why it might be a wise choice to try our free RPC.

[Find out all the details here](https://getblock.io/blog/how-to-add-getblock-endpoints-to-metamask/)
Grouping and aggregation in React - made easy by Infinite Table
Tags: webdev, javascript, react, html
Published: 2022-11-28 11:33:17

{% embed https://www.youtube.com/watch?v=3NgNK8oattg %}

Check out our [documentation on aggregations](https://infinite-table.com/docs/learn/grouping-and-pivoting/group-aggregations) and let us know how easy it was to get started.

We're here to assist and help you to setup Infinite Table in your own React project 🎉

Use the comments below to ask any question, and if needed, we can even jump in a zoom call to help 🎆
2225. Leetcode Solution javascript
Tags: javascript
Published: 2022-11-28 11:32:21

```javascript
/**
 * @param {number[][]} matches
 * @return {number[][]}
 */
var findWinners = function(matches) {
    const win = {}, lose = {}, total = new Set(), ls = new Set()
    for(const [w, l] of matches) {
      if(win[w] == null) win[w] = 0
      win[w]++
      if(lose[l] == null) lose[l] = 0
      lose[l]++
      total.add(l)
      total.add(w)
      ls.add(l)
    }
  
    const loseKeys = Object.keys(lose)
    const a0 = []
    for(const e of total) {
      if(!ls.has(e)) a0.push(e)
    }
    const a1 = []
    for(const e of loseKeys) {
      if(lose[e] === 1) a1.push(e)
    }
    a0.sort((a, b) => a - b)
    a1.sort((a, b) => a - b)
    return [a0, a1]
};
```
#leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/find-players-with-zero-or-one-losses/
Leetcode problem#876: Middle of the Linked List
Published: 2022-11-28 08:29:45

### Problem
Given the head of a singly linked list, return the middle node of the linked list.

If there are two middle nodes, return the second middle node.
Example 1:
`Input: head = [1,2,3,4,5]
Output: [3,4,5]
Explanation: The middle node of the list is node 3.`

Example 2:
`Input: head = [1,2,3,4,5,6]
Output: [4,5,6]
Explanation: Since the list has two middle nodes with values 3 and 4, we return the second one.`

---

We solve this problem by using two pointers. We move the slow pointer by one step and the fast pointer by two steps. When the fast pointer is at the end of the Linked List after traversing, the slow pointer will be in the middle of the list.

### Approach

- Initially both pointers point to the first node (Head) of the Linked List.


![Example-demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1wyadbvm744ofc32l8g.PNG)


- Move slow pointer by one step and fast pointer by two steps.

![Example-demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wm8fw31lcc80f6l5glic.PNG)

- Repeat the previous step.




![example-demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kvgxp3dng1w9ku74z13h.PNG)

There are odd numbers of nodes in the first example. In this case, the fast pointer can't move when the fast pointer.next = null. So, we return the slow pointer, which is the middle element of the Linked List.



![example-demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dovz3oiot43owhax9mc0.PNG)

And in the second example, there are even numbers of nodes. When the fastPointer = null, it returns the slow pointer, which is the second middle element of the Linked List.

### Implementation (Java)

```
class Solution {
    public ListNode middleNode(ListNode head) {
        ListNode fastPointer = head;
        ListNode slowPointer = head;
        
        while(fastPointer!= null && fastPointer.next!= null){
            slowPointer = slowPointer.next;
            fastPointer = fastPointer.next.next;
        }
        return slowPointer;
    }
}
```

### Complexity Analysis

Time complexity : O(n)
The list has been iterated n times where n is the length of the Linked List.

Space complexity: O(1)
No extra space has been used here.
Awesome hackathon opportunity
Tags: web3, design, blockchain
Published: 2022-11-28 11:13:21

Hey everyone, I would like to invite you to participate in the Next Video Build Hackathon, where there are $60k+ in prizes up for grabs.

The Next Video Build is a web3 hackathon run by Encode Club and sponsored by Livepeer. If these names are unfamiliar, or you are completely new to blockchain, cryptocurrency, or web3, then do not worry, as this is a perfect starting point for your journey.

There are also design challenges in the hackathon, so you do not need any technical coding knowledge or web3 experience to take part, and there will be lots of support along the way. 

If you are interested in signing up or just finding out more, you can do so here: https://www.encode.club/next-video-build 

I hope to see many of you in the hackathon, and good luck!
Why Hire Dedicated Developers For Project Development?
Tags: hiring, dedicateddevelopers, business
Published: 2022-11-28 11:05:39

![Hire Dedicated Developers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cuxctodovqvm7tvudtr8.jpg)
Hiring dedicated developers means that you will only need to pay for the services of those people who actually write code. This saves money because you won't have to pay for other people's salaries. It also helps you avoid having to manage multiple teams of employees.

### Reasons to hire dedicated developers team for your project

#### 1. They Have More Experience

If you hire dedicated developers, you'll benefit from their years of experience. You'll find that they're more efficient at what they do, and they'll be able to provide you with solutions faster.

#### 2. They Are Better at Writing Code

Dedicated developers are also better writers because they've been writing code for so long. This means that they understand how to write clean, well-organized code. It's easier for them to communicate with other programmers, too.

#### 3. You Can Control Their Work

If you hire a developer who works remotely, you'll have more control over what they do. You can set up project management software, such as Trello, to keep track of deadlines and ensure that everything gets done on time. You can also use tools like Slack to communicate with your team members.

#### 4. They Will Be Faster

As a business owner, you need to make sure that your website is optimized for speed. This means that you should only use dedicated developers because they will work faster than an outsourced development company.

#### 5. They Will Do More

If you hire dedicated developers, you will get more done with less effort. You won’t have to worry about whether or not your developer has enough time to do what needs to be done. You will also save money by having fewer people working on your project.

With fast digitalization many businesses are now upgrading to web & mobile app development technologies. Companies usually prefer highly experienced developers for their software development project to ensure their goals are achieved. However, it would be best to have talented developers with the utmost trust in satisfying your needs. Hence, [hire dedicated developers](https://www.weblineindia.com/hire-dedicated-developers.html) from a reputed software development company that can help you achieve your future goals and be with your company.
Top 10 Technologies To Learn In 2023
Tags: programming, technology, career, news
Published: 2022-11-28 11:02:03

Hey Folks!!
I would like to share some latest technology trends in 2023 that are going to blow your mind. Here are the top trending technologies that will change the world in 2023! This will help you boost your knowledge of these technologies. Refer to the video and stay updated with the upcoming technologies.
https://bit.ly/3VgPHrO
Day #10: Why I’m just building micro-startups as a Solopreneur?
Tags: entrepreneurship, webdev, startup, solopreneur
Published: 2022-11-28 10:37:17

[More than ever, we have tech startups for every kind of industry, country, gender, variations of the same products, etc… But that doesn’t mean there is no hope for new entrepreneurs to build their own startups. Actually, now is the moment. Check this article to understand how...](https://medium.com/@journeypreneur/day-10-why-im-just-building-micro-startups-as-a-solopreneur-195bc27588dc)