teleren/devto huggingface dataset:
Seeing the finish line
Tags: opensource
Published: 2022-04-11 05:05:51

## About us

People can now start doing [translations](https://github.com/Seneca-CDOT/telescope/issues/2962)! 

I had 2 ideas driving me when I wanted to change this page. Firstly, I wanted to get away from an old concept of a Planet, as we are in 2022 now. People wouldn't understand this old concept, and might as well describe Telescope as what it actually is, instead of what it came from.

Secondly, I wanted to reduce the historical part of About us, however I struggled with it. I wanted the page to be concise, with some elements of history, but not having history be the most important part. I struggled to reduce the amount of historical description, as I was unsure which parts were important for people. I know someone wrote those at some point, therefore thinking they were important. So who would I be to remove them?

It didn't take me much time to edit the page, but it did to make a PR. Something always goes wrong with me and PRs and this time was no different... Either way, it landed, all was done.

## Art? SVG? 

I have done a vector.. thing... I struggle to call it art, since I associate art with a drawing process, while vector is more about composing things together. Vector images can be exported as SVGs. SVG is a format that consists of HTML and CSS formulas, basically. A single SVG takes a lot of code to just paste in. I have an idea to make some effects to this image, so I have exported it into different layers. Therefore, I had 5 SVGs that I needed to stack on top of each other. However, I have found a problem of putting those SVGs somewhere. They are too big really to just paste into code. So, I'd probably need to put them separately. But I'm not sure how to handle them in terms of react and where to put them in terms of structure. So, I asked for help. Francesco actually gave me instruction on how to do it, which was very helpful. I didn't make a PR in time for alpha, but at this stage I don't have much left to do. I will make a PR shortly. After that initial static image stage, I can start toying around with a parallax effect.

I usually struggle a lot to show it when I make any kind of art. While I am creating, I enter this "critic" mode, which is designed to find and fix errors. Therefore, I don't really see a picture, I just see imperfection. When I am done with my art, usually there is still something wrong with it, but I'm unable to fix it or define it. So I see my art as bad. That is what has been happening with this night sky thing. I needed a couple days of not looking at it to refresh my mind, to be able to see it as a new image and actually figure out if it's good. And now for me it is! Well, at least not bad or awful, like I thought a couple days ago. So I am okay with showing what I got right here and now. It's an Illustrator screenshot, so the sizes are off for the parallax effect to later work. And white space is just the background that won't be there in the final product. 
<img src="https://cdn.discordapp.com/attachments/353432193730871296/962941361882034236/Screenshot_520.png" />
Do you feel too lazy or sad when coding? And how to get out of it?
Published: 2022-04-11 04:54:56


I do not know why I'm so lazy and sad during the code.
I have not been able to code for the last 2-3 days.
I had no problem. Even so I could not.

Anyone, feel like me? 🙋‍♂️

Like I'm just will going for consulting 😅…

I will stop my work for two days and go around the world 🧳🌍
Useful online tools and websites for web developers
Tags: webdev, javascript, beginners, programming
Published: 2022-04-11 04:34:53

As application and website developers we need to perform good SEO practices, optimizations, share our code, document our application, among other things that do not go hand in hand with the logic of our application and sometimes this takes more development time.
However, there are tools that make life easier for web developers, here I present them to you.





**1 METATAGS.IO**
https://metatags.io/

meta tag is a tool to generate meta tags. You can also preview how your web page will look like on Google, Facebook, Twitter and more.
And so you will be having a good SEO.

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





**2 CARBON**
https://carbon.now.sh/

Carbon is a tool for creating and sharing beautiful images from your source code. Start typing or drop a file into the text area to get started

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





**3 README.SO**
https://readme.so/

is an editor that allows you to quickly add and customize all the sections you need for your project's readme file.

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





**4 PAGESPEED**
https://pagespeed.web.dev/

Page speed is a Google tool that shows how long it takes to load all the resources on a page.
This tool gives us information about files or elements from a specific URL, which delay or delay the full load of the page in order to improve your time.

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





**5 EXTRACT CSS**
http://extractcss.com/

allows you to extract element id, class and inline styles from html document and output them as css stylesheet
 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fqhqwp52713avm3ppw6v.png)
Chrome and onbeforeunload
Tags: beginners, javascript, blog
Published: 2022-04-11 04:02:45

It looks like Chrome doesn't let onbeforeunload run due to the ease at which you can abuse it. This means that there is no way to trigger a function call when the browser window is closed which is unfortunate. We use that at work to do some clean up when a user leaves the site.

One solution is to use the visibilitychange event which runs when the user switches tabs but that also doesn't work with the window closing.

This means that we'll likely need to use firefox for some applications that require cleanup. We could do time based but there are some things we want to clean up immediately.

I also wrote a very small single file web server to run universe subroutines at will which was fun. This was a simplification of a project I did already using express and before that python.

I think tailwind is really good for PDFs but I think the greater web is a bit more difficult as you end up with very long classes that you need to read to change things. It's better than inline styles but I'm not sure if I'm as big fan as I was.
What is the Meaning of Life?
Tags: beginners, bootcamp, career, meaning
Published: 2022-04-11 03:55:40

I was hung up on this one for a long time. After much reading of Existentialism, Stoicism, and pop-psych articles, I eventually decided that the meaning, for me anyway, lies in my day-to-day actions. If I want to live a life worth living, I need to make those actions count. By count, I mean that it must be meaning**ful** to me. So what's meaningful to me?

- Equal rights for all beings, human and nonhuman
- Human-powered transportation (i.e., walking, bicycles)
- Bicycle infrastructure
- Helping others
- Laughing with others
- Being in control of most of my time
- Consistent full nights of sleep (7.5 or 9 hours work best for me)
- Stretching my body

I'm vegan, an animal rights activist, a former bike messenger, former and long-time bike commuter. I am generally successful with incorporating the other bullet points into my life. I have also pursued programming for some years now. Is that meaningful to me? Why yes, it's challenging, and I share the communal feeling among coders of delight after pushing through the dim, hopeless middle of a problem and landing on the other side with a solution.

_**But it didn't make the meaningful list; what gives?**_

Yeah, well, it should be up there because I can spend days on end working on a project, Googling this method and that extension, truly delighting myself in building something well, and that looks good, too. Having something like that is **superb**.

What am I on about? I'm uncovering why I'm pursuing software development. Problem-solving brings direct meaning to me, as well as the collaborative aspects of coding (after I push past the shyness, the social anxiety, and the imposter syndrome). High demand and pay for programmers come into play as well. Also, I am done beating my body up with physical labor for a paycheck; super glad to have the privilege and opportunity to change the majority of my waking hours to healthier activity.

What about future meaning? This is still uncomfortably undefined at the moment. I know that I'll have refined my coding skills by the end of this Flatiron Software Development course and will be ready to start the programmer's path professionally, wherever that will take me. It'll be fully remote. Other than that, it is, and I am, wide open.
Test with Browser Isolation
Tags: testing, cloud, qa
Published: 2022-04-11 03:52:07

Browser isolation is a technique used to test web applications in an environment that is separate from the live production system. This approach can help ensure that any issues discovered while testing are not caused by problems with the live system.
Browser isolation can also be helpful for troubleshooting and debugging web applications.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64mdpltps5qp1q62vv93.jpeg)

There are several ways to set up a browser isolation environment. One common approach is to use virtual machines (VMs). 
A VM can be created for each browser version that needs to be tested, and the application can then be tested in those browsers using the VM as a sandbox. 
Another option is to use container technology such as Docker or LXC containers.
Containers allow you to run multiple isolated instances of Linux on a single physical machine, so they can be used for testing different browser versions or configurations. 
Another option is cloud services such as Amazon EC2 or Google Cloud Platform, which allow you to create temporary VMs or containers for testing purposes.
F# Bits: Http Requests
Tags: fsharp, dotnet, script, http
Published: 2022-04-11 03:40:21

Hello everyone!

I have the pleasure to announce you the pilot of a new series I have in mind, this time it will be video based.

Feel free to also watch it on the [YouTube channel](https://www.youtube.com/watch?v=R3y0nPEJR70) I'll try to post on both sites but it's very likely that YouTube videos get posted first.

In case you want to learn more about the topic above, feel free to check this blog post

{% embed https://dev.to/tunaxor/making-http-requests-in-f-1n0b %}

In any case feel free to drop some feedback and if you are interested in more short (or longer) videos like this.

Have an amazing week!
Do you actually read your bookmarked posts?
Tags: discuss, watercooler, writing
Published: 2022-04-11 03:36:40

So I recently wrote [Doing what you can NOW](https://dev.to/unsungnovelty/doing-what-you-can-now-4iel) post which is about productivity. And I see people have bookmarked it. This made me think. Do people actually read the posts they have bookmarked? 

Because this is a very common productivity issue where people bookmark and never read. I myself have fought hard to solve this issue for me. I don't bookmark if it is not absolutely necessary anymore. It is like, I agree that this is a brilliant idea. So, I will read this later. And it never happens. 

I always look at my posts being bookmarked as a not good enough writing metric _depending on topics_. I understand certain topics are more likely to be bookmarked. And certain combination like a heart/unicorn + bookmark means they have at least skimmed through the article. And I agree that there are valid reasons to bookmark. But I really want to know your thoughts.

So, Do you **actually read** your bookmarked posts?
Project Ideas for Beginners in DEEP LEARNING 🙂
Tags: ai, computerscience, datascience, machinelearning
Published: 2022-04-11 03:32:11

## **1. Dog's Breed Identification** :

There are various dog breeds, and most of them are similar to each other. As a beginner, you can build a Dog's Breed identification model to identify the dog's breed.

For this project, you can use the dog breeds dataset to classify various dog breeds from an image. You can download the dog breeds dataset from Kaggle.

## **2. Crop Disease Detection** :

In this project, you have to build a model that predict diseases in crop using RGB images. For building a Crop disease detection model, Convolutional Neural Networks(CNN) are used.

CNN takes an image to identify the disease and detect it. There are various steps in Convolutional Neural Network. These steps are as follows:

- Convolutional Operation
- ReLU Layer
- Pooling
- Flattering
- Full Connection

you can download the Agriculture crop images dataset from Kaggle.

## **3. Driver Drowsiness Detection** :

Road Accident is a serious problem, and the major reason is the sleepy drivers. But you can prevent this problem by creating a driver drowsiness detection system.

Driver Drowsiness Detection system detects the drowsiness of the driver constantly accessing the driver's eyes and alerting with alarms.

For this project, a webcam is necessary to monitor the driver's eyes. Python, OpenCV, and Keras are used to alert the driver when they feels sleepy.

## **4. Real-Time Image Animation** :

This is an open-source project on computer vision. In this project, you have to perform image animation in real-time using OpenCV. I have taken this image from the project's Github repository.

As you can see in the image below, the model mimics the expression of the person in front of the camera and changes the image expression accordingly.

This project is useful, especially if you are planning to enter into the fashion , retail or advertising industry. You can check the code of this project at Github and Colab notebook too.

## **5. Handwritten Digit Recognition** :

To explore and test your deep learning skills, I think this is the best project to consider. In this project, you will build a recognition system that recognizes human handwritten digits.

You can use MNIST for this project.

## **6. Face Detection** :

This is also a good deep learning projects for beginners. In this project, you have to build a deep learning model that detects the human faces from the image.

Face recognition is computer vision technology. In face detection, you have to locate and visualize the human faces in any digital image.
Menyelesaikan soal "Compare the Triplets" di HackerRank
Tags: javascript, programming, beginners
Published: 2022-04-11 03:31:30

![Soal 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4lib79uweshkv54hkf9p.jpg)![Soal 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hd220s61l8x4lsjd6wz2.jpg)

Pada soal di atas kita diminta untuk membuat fungsi yang digunakan untuk menghitung jumlah poin Alice dan Bob dengan membandingkan nilai-nilai yang mereka dapatkan dari sang _reviewer_. Kali ini saya akan membagikan cara saya menyelesaikan soal tersebut menggunakan bahasa pemrograman javascript. Berikut kode pemrogramannya:

```javascript
function compareTriplets(a, b) {
    let alice = 0;
    let bob = 0;
    
    for (const i in a) {
        if (a[i] != b[i]) {
            a[i] > b[i] ? alice++ : bob++;
        }
    }
    
    return [alice, bob];
}
```
Pada kode di atas, saya membuat variabel alice dan bob untuk menyimpan poin masing-masing. Kemudian dibawahnya saya membuat perulangan dengan 'for in' dan menyimpan index perulangan dalam variabel i. Dalam perulangan saya mengecek apakah nilai Alice dan Bob berbeda atau tidak. Jika berbeda maka saya membandingkan nilai Alice dan Bob. Apabila nilai Alice lebih besar dari nilai Bob maka poin Alice ditambah 1, begitu juga sebaliknya. Terakhir, saya mengembalikan total poin yang didapatkan Alice dan Bob dalam bentuk array.

Demikian yang bisa saya bagikan, apabila ada yang perlu dikoreksi atau Anda punya cara lain untuk menyelesaikan soal di atas silahkan share di kolom komentar. 😁
Laravel whereIn and whereNotIn Query Example
Tags: laravel, laravel8, php, mysql
Published: 2022-04-11 03:19:45

In this tutorial, we will see the laravel whereIn and whereNotIn query examples. Laravel query builder provides many different types of queries to filter data from databases.

The whereIn method verifies that a given column's value is contained within the given array and the whereNotIn method verifies that the given column's value is not contained in the given array. Also, you can make a laravel wherein subquery and laravel where not in the subquery.

So, here we will see the laravel whereIn and laravel whereNotIn query with example. Also, you use whereIn and WhereNotIn in laravel 6, Laravel 7 and Laravel 8.

Syntax :

```
whereIn(Coulumn_name, Array)
```
 
SQL Query :

```
SELECT * FROM students WHERE roll_no IN (1,2,3) 
```
 
---

> **_[Read Also : Laravel whereBetween Query Example](https://techsolutionstuff.com/post/laravel-wherebetween-query-example)_**

---
 

Laravel whereIn Query :

```
public function index()
{
    $students = Student::select("*")
                ->whereIn('roll_no', [1,2,3])
                ->get();
  
    dd($students);                    
}
```
 
Laravel whereNotIn Query :

```
public function index()
{
    $roll_no = '1,2,3';
    $array1 = explode(',', $roll_no);
    
    $student = Student::select("*")
                    ->whereNotIn('roll_no', $array1)
                    ->get();
  
    dd($student);                    
}
```

--- 
You might also like :

- **_[Read Also: Carbon Add Minutes In Laravel Example](https://techsolutionstuff.com/post/carbon-add-minutes-in-laravel-example)_**

- **_[Read Also: Laravel where and orWhere Condition Example](https://techsolutionstuff.com/post/laravel-where-and-orwhere-condition-example)_**

- **_[Read Also: How To Create List And Grid View Using JavaScript](https://techsolutionstuff.com/post/how-to-create-list-and-grid-view-using-javascript)_**
Valid Anagram
Tags: leetcode, blind75, array, hash
Published: 2022-04-11 03:10:33

---
title: Valid Anagram
published: true
description: https://leetcode.com/problems/valid-anagram/
tags: leetcode,blind75,array,hash
//cover_image: https://direct_url_to_image.jpg
---
### Given two strings s and t, return true if t is an anagram of s, and false otherwise.

An Anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once.

---

```javascript
var isAnagram = function (s, t) {
    if (s.length !== t.length) {
        return false;
    }
    let countS = new Map();
    let countT = new Map();
    for (let start = 0; start < s.length; start++) {
        countS.set(s[start], 1 + (countS.get(s[start]) ? countS.get(s[start]) : 0));
        countT.set(t[start], 1 + (countT.get(t[start]) ? countT.get(t[start]) : 0));
    }

    for (const [key, value] of countS) {
        if (countS.get(key) !== countT.get(key)) {
            return false;
        }
    }
    return true;
}
```
*Time Complexity* : O(n)
*Space Complexity* : O(s+t)
A good way to practice HTML and CSS for a technical interview
Tags: css, beginners, html
Published: 2022-04-11 02:52:15

I recently had a technical front end interview. I did not do as well on the CSS portion of the interview as I had hoped. As a result, I have been practicing my CSS skills over the last week. I found a site called [https://www.frontendmentor.io/](https://www.frontendmentor.io/) that has been a great practice tool.

If you are just getting started with frontend web developer, or are practicing for an interview, then I highly recommend this site.

I have been going through the newbie and junior challenges. I am able to get this done in an hour or two, similar to the length of an interview.

There are often different ways to do the same thing in CSS, so I found that re-doing the challenges in different ways is a good way to learn. For example, do a challenge with display flex, then re-do it with display grid.

Here were a few I did recently
![FEM1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j4uyt3gia9782yfp2lyy.png)

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


![FEM3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5wmclvad3m09stgb46sw.png)
Reset Ubuntu Password on Windows
Tags: ubuntu, wsl, windows
Published: 2022-04-11 02:37:51

This week, I wanted to check a Docker command within Docker itself. I have been working with the `dockerd` engine on my Windows WSL 2 installation. Although I had been working through the terminal in VS Code, I wanted to try using the Ubuntu shell.

I found I had 2 versions of Ubuntu installed, each with its own password, and later realized I needed to log into the WSL shell. I researched and located a helpful solution on Stack Exchange that I summarized for use again in the future.

## Password Change Process

- Using the Ubuntu shell, note the following:
  - The version of Ubuntu you are using (I had a previous install as well as Ubuntu 18.04 in WSL)
  - Your username
- Close the Ubuntu shell
- Open PowerShell as **Admin** and reset the Ubuntu config to log in as `root`
  - Ubuntu:
  ```bash
  ubuntu config --default-user root
  ```
  - Ubuntu 18.04:
  ```bash
  ubuntu1804 config --default-user root
  ```
- Re-open the Ubuntu shell - you will be logged in as `root`
- Execute the `passwd` command and follow the prompts; ensure you secure your new password in a password safe! Do not include angle brackets.

```bash
   passwd <username>
```

- Close the Ubuntu shell
- Open PowerShell as **Admin** and reset the Ubuntu config to log in as your username. Do not include angle brackets.
  - Ubuntu:
  ```bash
  ubuntu config --default-user <username>
  ```
  - Ubuntu 18.04:
  ```bash
  ubuntu1804 config --default-user <username>
  ```
- Log into Ubuntu and confirm the new password

I followed these steps for both versions of Ubuntu, and I was able to reset both passwords. Once I opened the WSL shell, I was able to use my Ubuntu 18.04 credentials to start `dockerd` and check the commands I needed.

## Resources

[Reset the password in Ubuntu/Linux Bash in Windows](https://askubuntu.com/questions/772050/reset-the-password-in-ubuntu-linux-bash-in-windows)
NPM Needs: snarkdown
Tags: webdev, javascript, tutorial
Published: 2022-04-11 02:22:11

## What Is It?

`snarkdown` is a barebones markdown parser with the sole purpose of converting markdown to HTML. This could be used in cases where you don't need a full fledged tool like [`marked`](https://github.com/markedjs/marked) or [`remark`](https://github.com/remarkjs/remark)



## Usage Examples

```js
import snarkdown from 'snarkdown'
console.log(snarkdown('# Hello World'))
// '<h1>Hello World</h1>'
```

## More Info

- Github Repo: [developit/snarkdown](https://github.com/developit/snarkdown)
- Author: [Jason Miller](https://github.com/developit)
Đơn vị hút hầm cầu huyện Nhà Bè uy tín, chất lượng
Published: 2022-04-11 02:12:02

Đơn vị hút hầm cầu huyện Nhà Bè uy tín, chất lượng
Môi Trường Xanh trở thành một đơn vị hút hầm cầu huyện Nhà Bè uy tín, chuyên nghiệp được rất nhiều khách hàng tin tưởng và ủng hộ khí có ý định lựa chọn dịch vụ này.
https://dichvumoitruongxanh.com/hut-ham-cau-huyen-nha-be/

Mọi người để xem thêm chi tiết về Đơn vị hút hầm cầu huyện Nhà Bè uy tín, chất lượng. Quý khách có thể xem thêm thông liên lạc dưới đây để tiện cho bên Dịch Vụ Môi Trường Xanh dễ liên lạc, hỗ trợ nhanh chóng.
Thông tin liên lạc: Công ty Dịch Vụ Vệ Sinh Môi Trường Xanh
website: https://dichvumoitruongxanh.com/
Hotline: 0905.223.836