teleren/devto huggingface dataset:
My hacktoberfest2021 experience
Tags: hacktoberfest, firstpost, firstcontribution
Published: 2021-11-12 13:06:46

I came to know about hacktoberfest through internet surfing and that too on Oct 8, so I decided to give it a try and start my open source journey from here. I registered and successfully completed it too.

 ![ss](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xijei7yngthbo2mpnanq.png)

Since it was my first time contributing to open source, I have absolutely no idea about what PR’s are and how to make them. What I can only understand is I have to make at least 4 PR’s. But, thanks to youtube and github, I learnt how to contribute. I installed git bash and learnt some basic commands to fork repo, to add and commit changes, push them to the main branch, etc. 

At first, I faced a lot of issues while contributing. Somehow resolving those issues I learnt a lot and made my first PR but it was an excluded project then I made another, it shows ‘not yet accepted’ and another and so on. Now, the status of most of the PR’s shows ‘not yet accepted’. It was quite disappointing.

Finally, on Oct 18, I got an email- “merged #17 into main”. This cheers me up. Now I am more confident and hopeful towards completion of this challenge. It made me feel “I’m on the right path and I can do it” and encourage me to contribute more, so I made more PR’s. 

![my hacktoberfest profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5gpib6lfg7e0al1qc9i.png)

Although only four of my PRs' were able to pass 14 days review period and got accepted. But, they were worth it because, 'learning is more important than any other thing'. I received a mail for successful completion of the hacktoberfest 2021 challenge and that made my day. 

![my hacktoberfest2021 badge](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fkj8pn8ar6nri3ngttr1.png) 

It was quite an amazing experience. Now I am super excited to get my hacktoberfest 2021 t-shirt and looking forward to more open source contribution opportunities.
Responsive Personal Portfolio Website with HTML CSS JS - Part 5
Tags: css, javascript, webdev, beginners
Published: 2021-11-12 13:05:55

{% youtube nXvZqo4N7Os %}

How to create Responsive personal portfolio website with html css js

In this video series, 
I will show you how to build a Complete Responsive Personal Portfolio Website using HTML CSS JavaScript. 

🌟 Website features
---------------------------------
+ 5 pages
+ Fully Responsive and mobile friendly
+ Awesome Page Navigation
+ Filterable item showcase

---

HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇

📺 My Channel : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
🔔 Subscribe : [subscribe now](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1)
🕐 New videos Every Friday & Tuesday

---

📹 Recommended Videos
---------------------
[Part 1](https://dev.to/codewithsadee/responsive-personal-portfolio-website-with-html-css-js-part-1-3dlg)
[Part 2](https://dev.to/codewithsadee/responsive-personal-portfolio-website-with-html-css-js-part-2-l5)
[Part 3](https://dev.to/codewithsadee/responsive-personal-portfolio-website-with-html-css-js-part-3-2m6a)
[Part 4](https://dev.to/codewithsadee/responsive-personal-portfolio-website-with-html-css-js-part-4-4ejo-temp-slug-651293)

---

🔗 Essential links
-----------------------------
Images : [image.zip](https://drive.google.com/file/d/1CZZcnaOEVDDneSve6qpSUoyAfEBuPrqD/view)
Font : [Poppins](https://fonts.google.com/specimen/Poppins?query=poppins)
Ionicon : https://ionic.io/ionicons
How to use ionicon : https://youtu.be/TTrYjLOJeKs
Source Code : https://www.patreon.com/codewithsadee

---

⏱️ Timestamp
------------------------
0:00 - Demo
1:05 - Contact section
8:33 - Media queries

---

👤 Like - Follow & Subscribe Me
----------------------------------------------------
Twitter : https://twitter.com/codewithsadee
Github : https://github.com/codewithsadee
YouTube : [codewithsadee](https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g)
Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee
Patreon : https://www.patreon.com/codewithsadee

---

[![Buy Me A Coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9kn6vwn4mulhsx6o69is.png)](https://www.buymeacoffee.com/codewithsadee)
Can't unfollow sql tag.
Tags: sql, curious, help
Published: 2021-11-12 12:48:49




I was just clearing up the not required tags in dev.to profile.
I have unfollowed many tags that are not important to me.

But the tag *"sql"* tag, it's persistent. I can't unfollow this tag.
Is it issue only on my profile or has it prevailed earlier as well?

How can I unfollow the "sql" tag?
React Test Renderer 17.0.2 throws errors with React 17.0.2
Tags: react
Published: 2021-11-12 12:43:18

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

We're fedup of this error. We've been having this error for 2 days every now and then for random files. Downgrading to 16.14.0 is also not working now. Please help us. Screenshot is provided to dig deep.
Testing for Static Site Generator
Published: 2021-11-12 12:30:24

# Testing for OSDSSG
New testing system has been added to OSD600-SSG. This feature will be beneficial for the current developers to prevent bugs that might happen and for future contributers who would like to test the tool.

# Framework
Jest is a JavaScript testing framework that allow you to write approachable API that gives quick results. Its syntax is simple and new user-friendly. On top of that, Jest does not require complicated configuration which will let you do the tests faster.

# Set up
To install:
<code>npm install --save-dev jest</code>
In <code>package.json</code> I create a script that will <code>jest</code> called <code>test</code> so test can be run by: 
```
npm run test 

npm run test <folder name or file name>
```
Note: Before create any test, create a folder name <code>test</code> and put test files to it.

# Process
I created a new branch called <code>testing</code>. After setting up Jest, I created 2 big tests, one that would test command-line that users pass in the terminal, and the other one would test the function that convert markdown files. I wrote my test as details as possible. Example, I wrote tests for every <code>if-else</code>:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/48u3yry1ogy5mre5mx2n.PNG)
Also provided a lot of input type (null, 1-line, multiple lines) for testing the markdown converter function:
 ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y987be08nqubdl0aevm8.PNG)
This helped me a lot since I realized that I made a lot of mistakes, one of those was in my <code>if</code> statement (<code>&&</code> instead of <code>||</code>). After all tests were passed, I commit and push my final version to main. 

# Links
Repo: https://github.com/nguyenhung15913/OSD600-SSG
Jest: https://jestjs.io/
Windows 12, but for Web
Tags: html, javascript, webdev, beginners
Published: 2021-11-12 12:15:56

Windows 12 ui Design using HTML,CSS, JS

Hey Devs,
From few days after making Windows 11 design i tried my best to make Windows 12 ui.
I make it by using Html,Css,Js
As a beginner, I tried my best in it.

Live demo : https://window-12.netlify.app/

You can also try Windows 11 is it also a very awesome project.

Window 11 dev_to: https://bit.ly/3FdcPij
Window 11: https://window-11.netlify.app/

By :Abdul Rehman

About Me:
I am 14 years old boy From Lahore, Pakistan. I belongs to a middle class family. I am interested in things related to computer and internet. I started my journey as a Web Developer From April, 2021 and start learning web development from YouTube and created Windows 11 clone that is really awesome please Try once. I make Windows 11 on my PC(Which is too much slow) with 2gb ram and 32gb HDD.
Thank You.
I need your support.
Your one comment is a source of motivation for me.
Top 5 Javascript Books For All
Tags: javascript, books, programming
Published: 2021-11-12 12:04:32

## 1. [A Smarter Way to Learn JavaScript](https://read.amazon.in/kp/embed?asin=B00H1W9I6C&preview=newtab&linkCode=kpe&ref_=cm_sw_r_kb_dp_2AQ7KA1J9BTSPDJZQJBX)
  This is a useful JavaScript book written by **Mark Mayers** for beginners as well as experienced developers. It helps them to enhance their skills and don’t mind covering some ground they already know. It’s one of the best JavaScript books for both newbies and seasoned programmers.

## 2. [Eloquent JavaScript, 3rd Edition](https://www.amazon.in/dp/1593279507/ref=cm_sw_em_r_mt_dp_JDHWDNK9TWGBDCG7914Q)
  Eloquent JavaScript was written by **Marijn Haverbekedives**. This book teaches how to write beautiful, effective code. It offers a step-by-step guide and is heavy on practical exercises that even seasoned programmers will find useful to exercise. In addition, it covers how to handle errors, modularity, bug fixing, and how to use JS to program them.

## 3. [JavaScript: The Definitive Guide 6e](https://www.amazon.in/dp/0596805527/ref=cm_sw_em_r_mt_dp_X8M9WTGX8NXBYVKT2VXV)
  The Definitive Guide 6th edition covers HTML5 and ECMAScript 5. Writer **David Flanagan** has completely rewritten many chapters in this book. It is a comprehensive issue that entails all the details of JavaScript, covering all aspects from basic level programming to advanced levels. It's recommended for experienced programmers who want to learn the programming language of the Web, and for current JavaScript programmers who want to master it.

## 4. [Head First JavaScript Programming](https://www.amazon.in/dp/144934013X/ref=cm_sw_em_r_mt_dp_YNGEH1QZPDBSZTXVQEB7)
  This book written by **Elizabeth Robinson**, teaches you everything from JavaScript language fundamentals to many advanced topics. It includes objects, functions, and the browser’s document object model. You won’t just be reading—you’ll be playing games, solving puzzles, pondering mysteries, and interacting with JavaScript in ways you never imagined. And you’ll write real code, lots of it, so you can start building your own web applications.

## 5. [JavaScript in Easy Steps 6e](https://read.amazon.in/kp/embed?asin=B0858GDTB1&preview=newtab&linkCode=kpe&ref_=cm_sw_r_kb_dp_XHSZ804RRC3GK3EKXH7Y)
  This book written by **Mike McGrath**, instructs the user how to create exciting web pages that employ the power of JavaScript to provide functionality. You need have no previous knowledge of any scripting language so it's ideal for the newcomer to JavaScript. By the end of this book you will have gained a sound understanding of JavaScript and be able to add exciting dynamic scripts to your own web pages.
Arrow International Packers & Movers
Published: 2021-11-12 12:00:34

Arrow International Packers & Movers having world wide network services in all major cities and metros. We offer household shifting local, domestic, international, office relocation, car transportation and logistic house shifting transport solution having wide range of transport facilities like containers, open trucks, car carrier, platform trailers, to suit our customers needs and necessities to bridge the communication gap between us and our customers we have a tendency to have the most recent communication to be in constant bit with our customers. Our customer care cell is active twenty four a day and this assures our customers that their product area unit in safe hands home shifting services in Indore

Household Goods Shifting
We understands the clients feelings that stands with the household goods and thus the experienced packing experts abide one and all the expectations of the clients.
Movers and Packers
Office Shifting
Office relocation requires things to be relocated in specific time period and no business wants to waste its time in shifting as it will affect its productivity.
Packers Movers Services
Car Transportation
Car relocation is a different hectic job that one has to emerge with proper care and caution.
Packers Movers
Domestic Shifting
We offer reliable services for domestic packing & moving. With utmost care and safety. our end results in safe transfer of all the household products, furniture and other valuables.
Movers and Packers
Corporate Shifting
Commercial /Industrial relocation includes moving business/offices setups, shifting of shops and factories.
Packers and Movers
International Shifting
We also provide the international relocation stuff also of house hold and corporate offices from our country to other countries.
The for_each function in C++ | STL
Published: 2021-11-12 11:59:19

In this article, we'll see that how can we use the for_each function of C++

[read the full post here](https://dsabyte.com/posts/blog/The-for_each-function-in-C-STL/618e564bc2b648b1e298ecf3)

Thank You ❤️
No one thinks like you
Tags: development, leadership, codecraft, requirements
Published: 2021-11-12 13:03:22

---
title: No one thinks like you
published: true
date: 2021-11-12 11:52:00 UTC
tags: development,leadership,codecraft,requirements
canonical_url: https://craignicol.wordpress.com/2021/11/12/no-one-thinks-like-you/
cover_image: https://craignicol.files.wordpress.com/2021/04/wp-1617831690269.jpg?w=1200
series: we-can-do-better
---

_Don’t make the mistake of thinking you’re the smartest person in the room. You might be the most knowledgeable about your specialist subject, but being a good boolean whisperer does not automatically make you an expert on public transportation, psychology, poverty, history, finance, or any other industry._

I’ve had the privilege of being disabused of that notion very early on in my career, surrounded by statisticians, linguists, psychologists, designers and vets. I do what I do, and let my curiosity take care of the rest.

But there’s a lot of arrogant arseholes in this industry who think they know best. Those who will talk instead of listening, who belittle, interrupt and condescend. They know their domain very well and are quick to criticise others who don’t understand.

But we all have our own models of how the world works, our own coordinates on the axes that describe the world as controlled by us vs controlled by others, whether money or relationships are more important, whether people matter more than animals, whether humanities can survive without science or science without humanities, visual thinkers or verbal thinkers or lingual thinker or kinetic thinkers. We don’t perceive or act in this world in a way quite like anyone else. We all bring unique experiences and perspectives to the table, and we all know something that others can learn from.

So sit and listen in silence. Take in what you can, and when you’re ready, ask questions. Listen to understand, not to respond, not merely to be polite, but because you are interested and you want to learn.

_If we could see how others see us? They’re talking. All you need to do is listen._
AWS: THE ONE-STOP SOLUTION TO OTT CHALLENGES
Tags: aws, cloud
Published: 2021-11-12 11:41:04

OTT has reinvented the way content is both consumed and delivered, It is a game changer to content creators across the board—not just the big players but even small, niche creators aiming at a particular niche. It enables personalization like never before, allowing advertisers to match ads to user in a way that keeps both users and advertisers happy. Machine learning and artificial intelligence promise to further refine these capabilities.

And AWS offers the tools, infrastructure spread and innovation muscle they need to roll out sophisticated products and services, quickly, scalably, and cost-effectively.
Top 10 trending github repos of the week🎾.
Tags: python, timeseries, lowlatency, database
Published: 2021-11-12 11:37:39

---
title: Top 10 trending github repos of the week🎾.
published: true
description: Most popular trending Github repos in this week.
cover_image: https://source.unsplash.com/featured/?coding
tags: python,timeseries,lowlatency,database
series: Weekly Github top 10
---
GitHub is where over 65 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and features, power your CI/CD and DevOps workflows, and secure code before you commit it.

Here is the most popular repos published on this platform.

## #1
![social banner of repo](https://repository-images.githubusercontent.com/19257422/e304db00-76b0-11eb-8bf9-c8edce4ed374)
{% github questdb/questdb %}

## #2
![social banner of repo](https://opengraph.githubassets.com/5ead9f386da0150312354f2950a720387dc5160d8ca721641912d0aa4afd0076/ethereum-boilerplate/ethereum-boilerplate)
{% github ethereum-boilerplate/ethereum-boilerplate %}

## #3
![social banner of repo](https://opengraph.githubassets.com/4d97f8b47ed2e37668671d6e822b00e7561cf1124fcb39030064ef5298b157e7/OpenIMSDK/Open-IM-Server)
{% github OpenIMSDK/Open-IM-Server %}

## #4
![social banner of repo](https://opengraph.githubassets.com/30b2cc6e28e1f98b8585c55b747212cc8bbb9752117c7f8ab3eb029aa526ba3c/dogecoin/dogecoin)
{% github dogecoin/dogecoin %}

## #5
![social banner of repo](https://repository-images.githubusercontent.com/316281608/211150d1-f342-45b5-a10f-0c9d88d8d78f)
{% github artart222/CodeArt %}

## #6
![social banner of repo](https://repository-images.githubusercontent.com/343965132/549b1a80-c897-11eb-9436-918072d2e0f8)
{% github microsoft/ML-For-Beginners %}

## #7
![social banner of repo](https://opengraph.githubassets.com/c5939d951f6d259ace7d4183dbe50b0d5ec92f2f8ef74f150ce7f77d07c7f34d/NVIDIA/DeepLearningExamples)
{% github NVIDIA/DeepLearningExamples %}

## #8
![social banner of repo](https://opengraph.githubassets.com/013cfb2425dce217313bc7dfdf32f5f7d148a1f870c50cad069b7b9b806b954d/solana-labs/token-list)
{% github solana-labs/token-list %}

## #9
![social banner of repo](https://opengraph.githubassets.com/95cb77518013ef1acd7a4b555eb76caf4b1f678c3533f4afaf6c6f61e5c00e49/sberbank-ai/ru-dalle)
{% github sberbank-ai/ru-dalle %}

## #10
![social banner of repo](https://opengraph.githubassets.com/94bdd6239eb5c3114a2497973a47359ce1524fc465f20b2c6f91f9eb00a02257/Python-World/python-mini-projects)
{% github Python-World/python-mini-projects %}

Enjoy these repos.
Follow me for more articles.
Thanks 💖💖💖
How to join the PicoLisp Community
Tags: picolisp, lisp, functional, community
Published: 2021-11-12 11:19:03

One of the coolest things about PicoLisp is its small community. We all love PicoLisp and love helping anyone who wants to learn more about the language.

There are several ways to get in touch with the community.

### IRC Channel

IRC stands for **I**nternet **R**elay **C**hat and is a text-based chat editor where you can find active users practically daily. Check out the #picolisp channel on Libera.chat.

If you don't want to install a dedicated IRC client, it is possible to connect directly from browser by accessing Libera.chat in the browser and clicking on "webchat" option on the upper right "Connect"-button.

![Libera.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629056791630/S897IPDWK.png)

You will be prompted for username and channel. For the channel use #picolisp. The username can be freely chosen, there is no need to sign up or give any additional information.

![Libera2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1629056685795/lsxiyRwTQ.png)

After typing username and channel, you should be redirected to the chatroom. Welcome!

-------------------------------

### Mailing List

If you prefer mail over chat, you can also subscribe to the PicoLisp Mailing List. You can also browse and search through previous mails in the PicoLisp Mail Archive or receive some news, hints and insights via Twitter.

To sign up for the mailing list, send an email with the subject "Subscribe" to picolisp@software-lab.de or just click here: <a href="mailto:picolisp@software-lab.de?subject=Subscribe">PicoLisp Mailing List</a>.

-----------------------------

### Browsing previous chats and mails

You are worried that your question is so obvious that it has been already asked hundreds of times...? Or just want to check out the activity before signing up? To browse previous chats and mails, check out the [PicoLisp Mail Archive](https://www.mail-archive.com/picolisp@software-lab.de/) and the [IRC Logger](https://libera.irclog.whitequark.org/picolisp/).

Hope to see you there!

--------------------------------

### Sources

https://de.wikipedia.org/wiki/Hundertster_Affe#/media/Datei:Jigokudani_hotspring_in_Nagano_Japan_001.jpg
Don't use CSS classes for testing in Unit Tests or E2E
Tags: testing, javascript, css, webdev
Published: 2021-11-12 11:18:08

CSS is meant to style your elements. Sometimes you do that via class and sometimes there is elements that want to be styled the same way all the time e.g. `h1`.

In my past experience I have seen a lot of projects that write their tests depending on css classes. Although this works it is architecturally not the finest of the finest.

Let's face following problem:

```html
<article class="article">
 <strong class="article__title">Whatever</strong>
 <p>Some text</p>
</article>
```

Now your task is to test if the `"Whatever"` is contained.

In your tests you might be doing something like on of these options:

```ts
// Option 1:
expect(...query('strong').innerText.trim()).toBe('Whatever');

// Option 2
expect(...query('.article__title').innerText.trim()).toBe('Whatever');
```

The first option is probably the worst since it means that changing the `strong` to e.g. `em` or `h2` you would need to adapt that in the test as well.

The second option with querying `article__title` class is more stable. But also only if you are using this exact semantical BEM approach. If you use something like Tailwind or bootstrap are you then going to search for `whatever-xl-highlight` class? 

## ⚡️ Both options are not stable for changes!

The stable option is to add semantic `probe` identifiers. 

```html
<article data-probe-id="blogpost">
  <strong data-probe-id="blogpost__title">
```

Now whatever changes stylewise, removing classes, adding classes, changing class names, the `probe-id` will stay and make the life of your Teast team easier as it rarely needs to adapt. 

Also what comes in handy in Test-Driven-Development is that the Test Team can define the `probe-id` values upfront before implementation.

Problem solved 🚀
How to break outer ones of nested loops in Python?
Tags: python
Published: 2021-11-12 10:53:43

You may have faced something weird in Python!
Consider you would use two nested loops. Just use `break` keyword in the most internal one. What happens? Only the internal one would be broken and stop working. What about the others? Well, Python doesn't have any elegant way for doing this. I'll tell you how to deal with it.

## Example
Run the code below:

```python
for i in range(10):
    for j in range(10):
        if j == 4:
            print(j)
            break
```
You would see number four **10** times. But...
Sometimes the inner loops depend on outer ones. Therefore you need to stop outer ones when conditions are provided in inner ones.

## Solving the Problem
The most easy way for solving the problem is using ***flags***.

Check the code below:
```python
loop_breaker = False

for i in range(10):
    if loop_breaker:
        break

    for j in range(10):
        if j == 4:
            print(j)

            loop_breaker = True

            break
```
BOOM! It prints number four only **1** time.

Use and enjoy!