teleren/devto huggingface dataset:
TOP Websites to practice frontend skills
Tags: frontend, website, web3, webdev
Published: 2023-01-19 03:05:08

**1. Frontend Mentor**

Frontend Mentor | Front-end coding challenges using a real-life workflow
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.
https://lnkd.in/d9f5Hgm2

**2. Codewars**

Codewars - Achieve mastery through coding practice and developer mentorship
A coding practice website for all programming levels – Join a community of over 3 million developers and improve your coding skills in over 55 programming languages!
https://www.codewars.com/

**3. Codewell**

Codewell | Improve your HTML, CSS, and JavaScript skills by practicing on real design templates.
Improve your HTML, CSS, and JavaScript skills by practicing on real design templates.
https://www.codewell.cc/

**4. JavaScript30**

JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials
https://javascript30.com/

**5. Coderbyte**

Technical Assessments & Interviews
FOR DEVELOPERS Improve your coding skills. The industry’s #1 website for technical interview prep, coding challenges, and expert videos. Try a free challenge → or Learn more FOR ORGANIZATIONS Interview and evaluate candidates. The industry’s #1 code assessment platform for assessments, live interviews, and take-home projects. Learn more →
https://coderbyte.com/

**6. CSS Battle**

CSSBattle
CSS Code Golfing game is here!
https://cssbattle.dev/
**
7. FreeCodeCamp**

https://lnkd.in/dwzN7Pqb
https://lnkd.in/dwzN7Pqb
**
8. Frontend Practice**

Frontend Practice | Become a better frontend developer.
Take your frontend skills to the next level by recreating real websites from real companies.
https://lnkd.in/dcunQh6Q

**9. CodePen Challenges**

https://lnkd.in/dHKDy7ed

**10. Dev Challenges**

devChallenges.io | Real-life Coding Challenges to become a Software Engineer
Web Development Resources and Community that help you to become a Web Developer by working with Real-life projects and practices. Founded, designed and developed by @thunghiemdinh
https://devchallenges.io/

Thanks for reading.
𝗪𝗵𝗮𝘁 𝗶𝘀 𝗗𝗼𝗰𝗸𝗲𝗿?
Tags: docker, programming, productivity, beginners
Published: 2023-01-19 03:01:33

𝗗𝗼𝗰𝗸𝗲𝗿 is an open-source platform that enables developers to 𝗯𝘂𝗶𝗹𝗱, 𝗱𝗲𝗽𝗹𝗼𝘆, 𝗿𝘂𝗻, 𝘂𝗽𝗱𝗮𝘁𝗲 𝗮𝗻𝗱 𝗺𝗮𝗻𝗮𝗴𝗲 𝗰𝗼𝗻𝘁𝗮𝗶𝗻𝗲𝗿𝘀—standardized, executable components that combine application source code with the operating system (OS) libraries and dependencies required to run that code in any environment.

🧿 𝗧𝗵𝗲 𝗯𝗲𝗻𝗲𝗳𝗶𝘁𝘀 𝗼𝗳 𝗗𝗼𝗰𝗸𝗲𝗿 𝗶𝗻 𝗯𝘂𝗶𝗹𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗱𝗲𝗽𝗹𝗼𝘆𝗶𝗻𝗴 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻𝘀 𝗮𝗿𝗲 𝗺𝗮𝗻𝘆:-

🎯 Caching a cluster of containers

🎯 Flexible resource sharing


🎯 Scalability - many containers can be placed in a single host

🎯 Running your service on hardware that is much cheaper than standard servers

🎯 Fast deployment, ease of creating new instances, and faster migrations.

🎯 Ease of moving and maintaining your applications

🎯 Better security, less access needed to work with the code running inside containers, and fewer software dependencies
Top 7 GitHub repositories that will help you master Python🐍
Tags: python, programming, productivity, beginners
Published: 2023-01-19 02:58:16

📌 1. Python Algorithms
Contains algorithms and their implementation for over 35 categories of topics in Python, such as data structures, computer vision, linear algebra, neural networks, sorts, strings, and more.

🌐 GitHub - TheAlgorithms/Python: All Algorithms implemented in Python

📌 2. Learn-python by Oleksii Trekhleb (trekhleb)

Collection of Python scripts that are split by topics and contain code examples with explanations for beginners and intermediate learners.

🌐 GitHub - trekhleb/learn-python: 📚 Playground and cheatsheet for learning Python. Collection of Python scripts that are split by topics and contain code examples with explanations.

📌 3. Awesome-python by Vinta

Collection of Python frameworks, libraries, tools, books, newsletters, podcasts, and web series dedicated to making Python easier for everyone. The repo has listed over 90 different categories for individual projects or topics including admin panels, data validations, computer vision, algorithms, and design patterns, ChatOps tools, and so much more.

🌐 GitHub - vinta/awesome-python: A curated list of awesome Python frameworks, libraries, software and resources


📌 4. Project-Based Learning by Tu V. Tran (tuvtran)

Learn by doing! This repo contains a Python section that includes tutorials for creating projects on Data Science, Machine Learning, Deep Learning, web scraping, bots, and web applications.

🌐 GitHub - practical-tutorials/project-based-learning: Curated list of project-based tutorials

📌 5. full-speed-python by João Ventura (joaoventura)

This repo contains a book for self-learners and aims to teach Python using a practical approach. Includes exercises that play a crucial role in bringing Python learners up to speed with Python’s syntax in a short period.

🌐 GitHub - joaoventura/full-speed-python: Full Speed Python: a book for self-learners

📌 6. Python_reference by Sebastian Raschka (rasbt)

The content of this repo covers: Python tips and tutorials, Algorithms and Data Structures, Plotting and Visualization, Data Science, and more.

🌐 GitHub - rasbt/python_reference: Useful functions, tutorials, and other Python-related things

📌 7. Python-programming-exercises by Jeffrey Hu (zhiwehu)

This repo has +100 Python programming challenges that cater to new developers, intermediate developers, as well as experimented professionals.

🌐 GitHub - zhiwehu/Python-programming-exercises: 100+ Python challenging programming exercises
¡Aprende PYTHON con un curso INTERACTIVO y GRATUITO!
Tags: python, programming
Published: 2023-01-19 02:57:05



Future Coder es 100% GRATIS y de código abierto.

Pensado para aprender desde cero lo que necesitas.

Con ejercicios prácticos e interactivos:


---
🔗 https://futurecoder.io
Recipe for creating an Elite Programmer
Tags: beginners, software, programming, developer
Published: 2023-01-19 02:50:00

Are you tired of being just another mediocre programmer in a sea of computer science professionals? 

Here is the recipe for creating an elite programmer:

1. Pick a programming book of your choice.

2. Read it at Flaming Speed.
 
3. Use the flames to cook an enriching meal for 1000+ hours.

4. Pick a project beyond your capabilities.

5. Attempt to build it on your own.

6. Google... when stuck.

7. Repeat for 10+ years!

![Recipe to create an elite programmer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pv18h4ufcir4269hw8r2.png)

Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more in DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
Let Us Decipher the ARN
Tags: aws, cloud, cloudskills, arn
Published: 2023-01-19 02:44:59


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

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

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

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

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ouf4bbxpvh7rq3ggs7sr.png)
Let us Understand IPV6
Tags: aws, network, ipv6, cloud
Published: 2023-01-19 02:38:05

In AWS, when you create a VPC, it's a private space. All AWS resources are not automatically given a public IPV4 address. The resources in the private subnets cannot communicate with the public internet directly, so we use a process called NAT- Network Address Translation. To understand NAT better look into (NAT Gateway).

With IPV6 the poverty of IP addresses have come to an end. There is no realistic challenge of running out of IPV6, so there is no concept of Public and Private IP addresses. No need of NAT. The number of IPV6 addresses are so huge that even if you pin one IPV6 address to every single thing in the world it wont be exhausted. So its no surprise that all IPV6 addresses within AWS are publicly routable.

How do we enable IPV6 in a VPC in AWS?

Step1: We have to enable IPV6 on a VPC. We can either bring our own IPV6 or use the range from AWS( more common approach). AWS allocates a unique /56 range of IPV6. What makes it unique in the range is the hex pair which is used at the end of the IP. The hex pair can range from 00 to ff accounting for 256 separate /64 networks in a VPC.

Step 2: We enable the IPV6 range for the subnets as well.

Step 3: Add proper route entries in the route tables.

Routing of IPV6 is handled separately than IPV4, so we have the same Route tables and same internet gateway but different routes-IPV4 routes and IPV6 routes. So now the IGW( internet gateway of the vpc) can route the traffic both incoming and outgoing.

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

We had the gift of a NAT gateway while using our IPV4 addresses which would protect our instances from traffic generated outside the VPC. But now we know that IPV6 does not support NAT. But there is an equivalent to the NAT here- Egress only Internet Gateway. This allows the traffic out but not in. You need to make minor changes in the route tables for this.

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


And yes a single VPC can have both IGW and Egress Only IGW.

Another important point about the Egress only IGW is it is stateful and you cannot associate a security group with it.

Step 4: Configure the IPV6 on the services wherever you want. Also remember not all AWS services support IPV6.

Happy Learning Guys !!!!

Sabiha Ali, Solutions Architect, ScaleCapacity
Let me introduce myself
Published: 2023-01-19 02:36:13

Hi, everyone!

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7coan7z052hwc1cy8l1j.gif)

To know more about me:

- Education
- Hard and Soft Skills
and more.

You can see my webpage -> [andrevsilva](https://andsilvadrcc.gitlab.io/my-web-page-andre-vieira/)
AWS Data Lake
Tags: datascience, aws, analytics, architecture
Published: 2023-01-19 02:15:46


If you want your organization to successfully generate business value from their data, you will be doing some kind of analytics with your data like machine learning over files like log files and click streams and social media or Internet connected devices. Traditional data storage and analytic tools can no longer provide the agility and flexibility required to deliver relevant business insights. That’s why many organizations are shifting to a data lake architecture.

Let us assume you have an organization, which is receiving data from many sources giving you some examples let’s say you are getting some data from on premises you’re also getting some data from your website clicks you are also getting some CSV files to analyze, and you also want to do some machine learning analysis on some of this data.

All this data is essential to be stored for analysis, some of this data could be purged after some time and some must be retained for longer period of time.

Data lakes can be called as a centralized repository that will allow you to store all your structured data and your unstructured data at any scale.

Now can we say that this is the same as data warehouse. that would be a good question, but a data warehouse is a database which is optimized to analyze relational data which is coming in the line of business applications. It already has a data structure which is optimized for fast SQL queries whereas a data lake not only stores relational data but also non-relational data, the schema is never defined when the data is captured.

AWS uses S3 as your data lake foundation. This will also eliminate server management.

When we build a data lake on Amazon S3 we can pair it up or integrate it with other native AWS services to run

· big data analytics

· artificial intelligence

· machine learning

· high performance computing

· media processing applications etc…

To gain the insights from the unstructured data we can couple it with services like

AWS lake formation and AWS glue to simplify the creation of the data lake itself and also to simplify the analysis of the curated data in the data lake

Also services like Amazon Glue, Amazon EMR, Amazon Athena also makes it very easy to query your data lake directly.

Happy Learning!!!!!!

By

Sabiha Ali, Solutions Architect, ScaleCapacity
I Built Sailboat UI – Modern UI component library for Tailwind CSS
Tags: css, tailwindcss, html
Published: 2023-01-19 01:48:09

[https://sailboatui.com/](https://sailboatui.com/)

GitHub: https://github.com/sailboatui/sailboatui

Sailboat UI is a modern UI component library for Tailwind CSS. Get started with 150+ open-source Tailwind CSS components, and make it easy to build your products.
Meld, a GUI tool for diffing, in the Age of ChatGPT
Tags: meld, chatgpt
Published: 2023-01-19 01:14:11

This article was translated into English by ChatGPT. The original post is [here](https://qiita.com/kojix2/items/81731f79e2db3e2f0de6).

## Convenient ChatGPT

It goes without saying that ChatGPT is incredibly useful, particularly for correcting Japanese text, English text, and code. I was good at Japanese literature during my student days, but I think ChatGPT surpasses my Japanese ability by a wide margin. In fact, I think that ChatGPT is better at Japanese than most Japanese people, except for those who make a living writing in Japanese.

## Want to see the differences in the Japanese corrected by ChatGPT

Now, let's have ChatGPT correct our text.
Let's have ChatGPT correct the text we wrote earlier.

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

Can you see the differences?

Even if ChatGPT corrects text, it's often difficult to quickly see where the corrections were made just by looking at it. Japanese is relatively easy to spot differences in, but it's harder with English or code (for native Japanese speakers). In these cases, it's convenient to use a tool called meld.

## Meld

- https://meld.app/
- https://gitlab.gnome.org/GNOME/meld

Meld is a GUI tool for showing differences, developed in Python and GTK. It is a rarity in that it is a full-featured GUI tool developed in Python. It is a standard tool for Linux users and is also available for Windows and Mac. It is likely that there are other powerful software options for Windows and Mac, but for Linux, meld is the most user-friendly.

Natural language text often does not have line breaks between paragraphs, making it difficult to compare differences. 

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


To alleviate this, it is helpful to enable line wrapping in the settings.

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

It's especially useful when working with natural language text as there are often no line breaks between paragraphs. 

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

This makes it easier to see the differences in Japanese text. When comparing the original text, it is clear that the revised text is properly written. I am not good at Japanese. Japanese is difficult for me...

The line wrapping feature can sometimes be inconvenient when correcting code, so it's best to switch it on and off as needed.

Thank you for reading. This article was translated by ChatGPT (because ChatGPT is much better at English than I am).
Day 14 #100DaysofCode
Tags: webdev, beginners, 100daysofcode
Published: 2023-01-19 01:11:43

## Project Admin Dashboard

![Admin Dashboard Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qqkn72dufc0s3oic41vm.png)

Project time!! This one looks daunting but I've broken it into small steps; now it's time to divide and conquer.
console.log("Hello World!")
Tags: webdev, beginners, programming, career
Published: 2023-01-19 00:12:26

A friend recommended this website to me. So I thought I'd check it out and make my first post! 

I am passionate about design, art, photography, web development, and love problem-solving with a team to find solutions. Nine years in the retail, hospitality, and customer service industry along with leadership experience has taught me invaluable lessons and skills. It taught me hard work, grit, resilience, client retention, customer satisfaction, teamwork, leading and inspiring others with empathy an active listening. What I enjoyed most about being in this industry was being able to work and connect with diverse people from different backgrounds. I treat customers and my team as if they’re my best friend, which in turn has made me so many friends and connections. 

My coding journey started as a teenager when MySpace and Tumblr was at it's peak. I wondered how layouts worked and spent my time figuring out what all of this 'stuff' was. Tinkering around and learning how everything worked was fun for me, and before I knew it, I figured out what different things did. I didn't continue figuring more things out as MySpace and Tumblr phased out of popularity. I figured out the skills I was learning at my teenager translated into jobs, so I hopped right into a bootcamp and pivoted careers. Here I am now! I hope to find an entry-level/associate Software Engineering role ASAP so that I can get to work! 

w/ Gratitude 
Oliver Martin | Software Engineer
THEURBANSPECTACLE.COM
Pytest is a Joy Forever
Published: 2023-01-19 00:04:23

---
title: Pytest is a Joy Forever
published: true
description: 
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-18 21:18 +0000
---
I love this command _so much_:

    pytest --exitfirst --failed-first --showlocals

It:
1) runs all tests,
2) stops on first error, and
3) when rerun, runs those tests first.

It also shows local variables on error, which 90% of the time you can cut-paste into the test assert and then the test will pass ❤️ ❤️
Debugging browser extension based on manifest version 3
Published: 2023-03-09 11:33:56

---
title: Debugging browser extension based on manifest version 3
published: true
date: 2023-01-19 00:00:00 UTC
tags: 
canonical_url: https://karas.codes/posts/debugging-browser-extension-based-on-manifest-version-3/
---

Developers are facing with debugging code on a daily basis. When developing browser extension that is using service worker inside it could be a little hard sometimes to debug it properly. In this article I will explain how make it in easier way.

# Catching actions that are done after starting a service worker

I wanted to discover a specific case when our extension is doing some task or requests right after calling a service worker. In order to catch actions done there we could use a simple trick.

In the script marked as dedicated to service worker (that applies to both JS and TS versions):

```json
{
  "background": {
    "service_worker": "src/serviceWorker.ts"
  }
}
```

Instead of calling methods we want directly:

```js
// src/serviceWorker.ts

const x = 10;
const y = 20;
const sum = x + y;
console.log("Result: " + sum);
```

We could do:

```js
// src/serviceWorker.ts

// Delay in miliseconds
const delay = 15000;

setTimeout(() => {
    const x = 10;
    const y = 20;
    const sum = x + y;
    console.log("Result: " + sum);
}, delay);

```

That approach will give us time on opening background page after injecting local version of our extension in the browser. Thanks to that we will be able to: check all logs, network requests, breakpoints from the start.

Hope you would find this post useful!
The Smile that Conquers Failure
Tags: parenting, motivation, failure, success
Published: 2023-07-08 13:47:15

---
title: The Smile that Conquers Failure
published: true
date: 2023-01-19 00:00:00 UTC
tags: parenting, motivation, failure, success
canonical_url: https://blog.arbaaz.io/p/smile-that-conquers-failure
---

As a new father, I have been blessed with the opportunity to watch my daughter take her first baby steps. It has been an incredible experience to see her learn and grow, and I have been eager to be a part of it every step of the way.

One evening, as we were out for our usual walk, my daughter began falling more often than usual. As a concerned father, I worried that she might start crying and that I would have to carry her back home. However, to my surprise, she didn't cry. Instead, she kept trying to stand up with a smile on her face.

This moment was a powerful reminder to me of the importance of perseverance and determination. As adults, we often give up too quickly when faced with challenges or obstacles. We let setbacks discourage us and make us lose sight of our goals. But my daughter's example showed me that if we keep trying to stand up with a smile on our faces, even when we fall, we can achieve so much more.

It's easy to get discouraged in life, but it's important to remember that every step, every fall, and every stumble is a step towards progress. And like my daughter, we can choose to embrace those moments with a smile and learn from them.

So, let's take inspiration from our little ones and keep trying to stand up with a smile, no matter how many times we fall. Because as long as we keep moving forward, we will reach our goals and learn to walk.