teleren/devto huggingface dataset:
Build a chrome extension with modern code setup
Tags: showdev, beginners
Published: 2021-06-23 12:38:54

In the previous article, I covered `How to set a chrome extension base code setup`. In this article, I am going to cover `how to use test it and publish to chrome extension marketplace app`.

Once you completed the all previous article step. you will have the below folder structure in your code directory.
```js
├── public
│   ├── images
│   ├── background.js (Require for a chrome extension)
│   ├── index.html (Extension home file)
│   └── manifest.json (Detect as a chrome extension)
├── src
│   ├── assets
│   ├── App.vue (Main UI screen)
│   └── main.js (Vue main JS file)
├── dist (Build folder)
├── node_modules
├── README.md
├── package.json
├── babel.config.js
└── .gitignore
```
Above the folder, you don't find any `dist` folder. please use the below command in your code main directory

```command
$ yarn build
```

Once you find the `dist` folder. dist folder will be the major part of the chrome extension. because we will test the app in the local port. but, we compress(.zip) and sent the dist inside code only. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xbxwzo1o5yvthved37ko.png)

Follow the above screen steps and target the `dist` to the target directory. Once you opened the chrome extension directory. 

you will find the chrome extension name called `Cool chrome theme`. Then, test all features which you did in the Vue app. once done the dev testing. it's time to publish the app.
  
Chrome already has some articles about how to publish the app. please check it out.

[Publish chrome extension](https://developer.chrome.com/docs/webstore/update/)

**FYI**

**Why I used VUE for the chrome extension?**
  Even though we able to develop a UI screen using plain HTML, JS, and CSS. when we build a complex screen I HTML and JS. it will take more time and complexity in development. 

Thanks for reading the post 😀. 

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

[Code URL](https://github.com/lakshmanan-arumugam/cool-chrome-theme)
[Demo extension](https://chrome.google.com/webstore/detail/cool-chrome-theme/hnjfgakjgenceanlamddolhjgnmackfg)
9 Proven Ways To Sell More Using These Simple Digital Marketing Tactics
Tags: digitalmarketing, smallbusiness, searchengineoptimization, onlinebusiness
Published: 2021-06-23 12:24:12

This is beneficial for ecommerce owners, people selling their courses, services and small businesses. Implement them ASAP in your ongoing marketing strategy..

1. Make it a practice to upsell to new & existing customers.

2. Cross-promote your products and services with non-competing businesses. The audience will be broader and the cost will be less.

3. Partner with other businesses/influencers.

4. Start an affiliate program for your business.

5. Outsource to reduce costs.

6. Add bonuses to your offer that have a high perceived value. Like ebooks, consulting, etc.

7. Run free give away campaigns once a month.

8. Increase your backend sales with your existing customers.

9. Follow up with all your prospects.
Awesome dynamic pages very easy to make with firebase
Tags: uiweekly, css, beginners, webdev
Published: 2021-06-23 12:22:28

Hello, glad you are here. I am kunaal and today we will see how to make dynamic pages for your website.

#Video Tutorial

{% youtube iP9F7usZF3M %}

I hope you understood everything. If you have any doubt or you find any mistake that I made or you have any suggestion feel free to ask me in comment.

>If you are interested in programming and want to know how I a 15yr old teen do coding make these design. You can follow me on my Instagram. I am also planning to post my game development stuff on Instagram.

[My youtube Channel](https://www.youtube.com/c/TechyProgrammers/), [Instagram](https://www.instagram.com/techy_programmers/)
Sorting numbers in a string containing combination of both alphanumeric
Published: 2021-06-23 12:13:29

Given a string, write a program to re-arrange all the numbers appearing in the string in decreasing order. Note: There will not be any negative numbers or numbers with decimal-part. The input will be a single line containing a string. The output should be a single line containing the modified string re-ordered in decreasing order.

Expected input1 - I am 5 years and 11 months old Expected output1- I am 11 years and 5 months old Expected input2 - 3 into4 equal 12 Expected output2 - 12 into 4 equals3 The code I wrote
I make a list of free stuff/services for developers
Tags: showdev, sharing
Published: 2021-06-23 12:03:35

Whenever I find some free cool developer tools/services that I can use for my next product, I immediately write it down in my private note.

The list got bigger, scroll to it in one file not helping anymore.

I need to categorize it nicely to make it easier to search for something.

Suddenly I thought, why not bring this list public.

I found some links that do the same, but surprisingly not many alternatives.

So, last week I create something [freestuff.dev](https://freestuff.dev). Built this website with Hugo (Static Site Generator) and hosted it for free on Netlify.

I posted it on hackernews the other day, someone posted it on reddit. Some people say good things, a lot of people say bad things. It's okay, I don't want to think too much about it as long as it helpful (at least for me :P)

Since it’s an [open (re)source on github](https://github.com/hilmanski/freeStuffDev), people start contributing some contents.

It has been a good week, I never imagine someone wants to contribute to it, I guess if you make something at least for yourself, someone somewhere might find it useful too.
ScalaHosting Review 2021: is it worth the hype?
Tags: scalahosting
Published: 2021-06-23 12:02:22

ScalaHosting may not be popular around the world, but it is certainly becoming more popular. Well, you'll see why in this ScalaHosting Overview.

Since we are already here, you will be engrossed in a detailed overview that will take your understanding of this platform to the next level. Plus, with that kind of knowledge, you can decide if this platform is worth your time or not. It will also analyze if its platform suits your needs and budget within seconds.

When I first started out, I was in dire need of a VPN solution and something that would ease my work stress a bit by doing simple tasks for me. If you are here for the same reason, then choosing this software shouldn't be so difficult for you.

This is a real gem for those of you looking for a web hosting platform. It offers a reasonable price along with amazing features for small companies and individual employees.

While the features are pretty attractive, the performance is also exceptionally good, making this platform ideal if you're a beginner or just working with a small but growing brand.

You can also get acquainted with hosting in the review on sitechecker https://sitechecker.pro/web-hosting/scalahosting.com/

ScalaHosting overview: in a nutshell
Is it possible for some really little-known software to suddenly appear out of the blue and challenge the industry giants to beat them at their own game? Well, to be precise, Scala aims to do just that.

And while I do love interesting stories about losers, I also tend to be pretty skeptical. Well, as expected, an outstanding web hosting platform has to do too many things that various companies usually lack.
Daily Developer Jokes - Wednesday, Jun 23, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-06-23 12:00:06

---
title: "Daily Developer Jokes - Wednesday, Jun 23, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Wednesday%2C%20Jun%2023%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258922d1b9.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
I’ve been hearing news about this big boolean.

Huge if true.
 -->
Best tools for writing a blog
Tags: writing, productivity
Published: 2021-06-23 11:54:20


As I changed jobs and started working from home the thing I missed the most was teaching. I was always there for people to go over their problems, help them, explain. As I was trying to figure out how to take this back to my life I figured I give blogging a chance. I am not a very successful blogger, all my articles get few thousand views at max but it brings me joy and I love doing it. 

In this article, I want to go over few tools that are essential for me. 

## [Grammarly](https://www.grammarly.com)

Grammarly is literary a lifesaver. I am not a native speaker/writer and I need as much grammar help as I can get. It has a very intuitive and very good interface. The quality of the corrections is way ahead of tools like Word or Google docs. It will make you write like a native speaker. 


## [Hemingway](https://hemingwayapp.com)

Hemingway is another awesome tool that makes your writing better. It's inspired by the writing style of Ernest Hemingway. It will take your text and mark the sentences that seem too complex, words that can be removed, etc... 

I usually take my text through Grammarly and then through Hemingway. The result is very readable text. 

## [Unspalsh](https://unsplash.com)

Unsplash is a website that has an endless amount of photos you can download and use for free. For commercial and non-comertional use. You can find almost everything there. I use those for my images in blog posts. 

As a side note here I also have some of my images provided there. I love photography and this seems like an awesome way of repaying the community. 

## [Trello](https://trello.com/)

Trello is a task management tool. Great for managing Kanban workflows. I use it for planning my blog posts. 

In the first column, I have all my ideas for posts. Whenever I have an idea I put it there. In the second one, I have my posts that are in "research". I can have notes there, links, etc...

The third column is for my in-progress work. And the last one for done. 

---

If you like this article you can follow me on [Twitter](https://twitter.com/pavel_polivka).
dotenv and direnv for better developer QoL
Published: 2022-04-17 10:38:48

---
title: dotenv and direnv for better developer QoL
published: true
date: 2021-06-23 11:46:12 UTC
tags: 
canonical_url: https://www.geewiz.dev/2021/06/23/dotenv-and-direnv.html
---

A [RubyTapas](https://www.rubytapas.com/) tutorial taught me the difference between the [`dotenv`](https://github.com/bkeepers/dotenv) and [`direnv`](https://direnv.net/) tools. While they have significant overlap, they complement each other quite nicely. `dotenv` simplifies both development and production ops by importing environments variables either from a `.env` file or the application hosting platform. `direnv` on the other hand augments the dev environment even further; not only can it add dev-only variables, but also modify shell settings like extending `$PATH` on a per-project basis.
FastAPI with OIDC Discovery
Tags: python, fastapi, authentication, openidconnect
Published: 2021-06-23 11:34:53

[FastAPI](https://fastapi.tiangolo.com/) is a very nice tool for writing web applications in Python, it is very fast and is a joy to use. But saddly it still lacks support for openid-connect discovery, so I cannot simply point to my Keycloak instance and it configures itself.

Because of this I wrote [FastAPI Resource Server](https://github.com/livioribeiro/fastapi-resource-server/), a helper that adds support to this scenario: setup issuer address, receive a JWT, validate and decode claims and return claims.

Usage is pretty straightforward, install with `pip install fastapi-resource-server` and configure your application:

```python
from fastapi import Depends, FastAPI, Security
from pydantic import BaseModel

from fastapi_resource_server OidcResourceServer

app = FastAPI()

auth_scheme = OidcResourceServer(
    "https://issuer.url",
    scheme_name="My Issuer",
)


class User(BaseModel):
    sub: str
    username: str
    given_name: str
    family_name: str
    email: str


def get_current_user(claims: dict = Security(auth_scheme)):
    claims.update(username=claims["preferred_username"])
    user = User.parse_obj(claims)
    return user


@app.get("/users/me")
def read_current_user(current_user: User = Depends(get_current_user)):
    return current_user
```

Under the hood it will fetch the openid configuration from `{issuer_url}/.well-known/openid-configuration`, then fetch the jwks from the `jwks_uri` property and use [python-jose](https://pypi.org/project/python-jose/) to decode the JWT.

And it works with the swagger ui with no problems.
Wednesday Links - Edition 2021-06-23
Tags: java, jvm, kotlin, microservices
Published: 2021-06-23 11:30:41

Software Dark Ages (18 min read)🗡️
https://threedots.tech/post/software-dark-ages/

Versioned Value (6 min read)👛
https://martinfowler.com/articles/patterns-of-distributed-systems/versioned-value.html

Answering the Top 10 Questions About Kotlin’s Future (6 min read)❓
https://blog.jetbrains.com/kotlin/2021/06/answering-the-top-10-questions-about-kotlin-s-future/

Using the Kotlin standard library from Java (4 min read)📚
https://medium.com/google-developer-experts/using-the-kotlin-standard-library-in-java-ea0766deac10

Simple Steps for Improving Your IDE Performance (8 min read)🚀
https://blog.jetbrains.com/kotlin/2021/06/simple-steps-for-improving-your-ide-performance/

KSP: Fact or kapt? (4 min read)🔣
https://proandroiddev.com/ksp-fact-or-kapt-7c7e9218c575

Building assertions with Strikt (3 min read)📏
https://kotlintesting.com/building-assertions-with-strikt/

The State of WebAssembly 2021 (5 min read)🕸️
https://blog.scottlogic.com/2021/06/21/state-of-wasm.html

BlockHound: how it works (4 min read)🐕
https://blog.frankel.ch/blockhound-how-it-works/

Agile pull requests (4 min read)🚃
https://blog.ploeh.dk/2021/06/21/agile-pull-requests/

Start Clean! (3 min read)🧹
https://reflectoring.io/start-clean/

JVM Ecosystem Report 2021 (2 min read)📝
https://snyk.io/jvm-ecosystem-report-2021/

How the JVM Locates, Loads, and Runs Libraries (2016) (10 min read)🏋️
https://blogs.oracle.com/javamagazine/java-jvm-class-loaders

Runtime Code Generation with Byte Buddy (2015) (10 min read)🦑
https://blogs.oracle.com/javamagazine/java-bytebuddy-bytecode

Escape Analysis in the HotSpot JIT Compiler (2018) (8 min read)♨️
https://blogs.oracle.com/javamagazine/java-escape-analysis-optimization

Let’s enhance: use Intel AI to increase image resolution in this demo (6 min read)🖼️
https://stackoverflow.blog/2021/06/14/lets-enhance-use-intel-ai-to-increase-image-resolution-in-this-demo/

Trailing Slash Guide (3 min read)🌐
https://github.com/slorber/trailing-slash-guide
Best Debugging Tips For Beginners
Tags: webdev, javascript, codenewbie, tutorial
Published: 2021-06-23 11:18:28

Writing code is hard enough, and having to debug any problems that occur in your code just makes it even harder. Debugging is also much less enjoyable than writing code. That is why in this video I will show you some tips, tricks, and tactics on how you can debug code to make your debugging process quicker, easier, and more enjoyable. This will give you more time to focus on the fun part of coding.

{% youtube 8nKp5Z9Cxfg %}


If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Pourquoi les développeurs Web utilisent encore Ruby on Rails ?
Tags: french, rails, ruby, beginners
Published: 2021-06-23 11:18:06

---
title: Pourquoi les développeurs Web utilisent encore Ruby on Rails ?
description:
published: true
tags: french, rails, ruby, beginner
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3hfesrr3hs31o5exzvnq.png
---
Si vous désirez plus de contenu francophone comme celui-ci, cliquer <strong>Follow<string> ou <a href="https://twitter.com/EricLeCodeur" class="twitter-follow-button">suivez-moi sur Twitter</a>
<hr>
De nombreux nouveaux développeurs Web n'ont absolument aucune idée de ce qu'est Ruby on Rails.

J'encourage ces personnes à faire leurs recherches et à en apprendre davantage sur ce magnifique framework.

Ruby est un langage de programmation et Rails est un framework pour créer des applications Web.

D'autres frameworks web comme Laravel, Django, Adonis utilisent de nombreux concepts utilisés par Rails.

Rails est en quelque sorte le père de ces frameworks modernes. Rails a inspiré et continu de d'inspirer de nombreux concepts de développement Web modernes.

Avec Rails, vous pouvez créer une application Web fullstack. Vous pouvez aussi créer une application Web frontend (style SPA comme React et Vue) en utilisant uniquement du code html/css et ruby.

Oui rails est vieux mais Rails n'est pas resté ce qu'il était lors de son introduction. Rails a évolué au cours des années pour ajouter tous les goodies modernes. Rails est présentement à la version 6 et la version 7 approche à grands pas.

Alors pourquoi l'utiliser ? Pourquoi ne pas utiliser une application Node.js/Express ou tout autre framework backend plus populaire ?

Je suppose que les raisons peuvent être différentes pour chaque développeurs Rails, mais pour ma part je choisis Rails lorsque j'ai besoin de vitesse et d'efficacité de développement ! Aucun autre framework ne peut créer une application Web plus rapidement que Rails.

Pour cette raison spécifique, Rails est utilisé par de nombreuses startups.

Ruby on Rails est également utilisé par des sociétés géantes comme Shopify, GitHub, Air B&B et bien d'autres.

J'aime aussi beaucoup le langage Ruby. Faites-vous plaisir et découvrez vous aussi ce langage merveilleux. 

Rails est il les meilleurs pour tous les projets ? Bien sûr que non, mais avec le bon type de projet, c'est toujours le numéro 1 même après toutes ces années.

Enfin, si vous êtes un développeur Ruby on Rails, veuillez laisser dans la section des commentaires pourquoi pour vous Rails est toujours l'un de vos frameworks préférés ?
×
TypeError: react__WEBPACK_IMPORTED_MODULE_0___default is not a function or its return value is not iterable
Tags: reactnative, react
Published: 2021-06-23 11:11:16

import React from 'react'
//import useState from 'react-dom';
import useState from 'react';

export const Tindercards = () => {
    const [people, setPeople] = useState([
        {
            name: "Elon Musk",
            url: "https://www.biography.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_1200/MTc5OTk2ODUyMTMxNzM0ODcy/gettyimages-1229892983-square.jpg"
        }
    ]);

    return (
        <>
            <div className="tindercards">
                
            </div>
        </>
    )
}

export default Tindercards;
Creating Twitter Homepage with HTML & CSS (Grid, Flexbox)
Tags: webdev, beginners, tutorial, codenewbie
Published: 2021-06-23 11:05:18

In this tutorial, you will get an in-depth overview of how you can build a Creating Twitter Homepage with HTML & CSS (Grid, Flexbox)

I will lay out how I built Twitter Homepage with HTML & CSS (Grid, Flexbox)  and the concrete steps you can take in order to build your own along with other video-based apps like it.

Through this the video,I will teach you everything you need to know to create Twitter Homepage with HTML & CSS (Grid, Flexbox)

Do you want to improve your HTML & CSS skills?Then this video is for you.

{% youtube NIcydGuT4Qw %}

Hope You Guys Enjoyed the Video. Like Share Comment and Subscribe to my channel for more videos like these.
구글 앱스 스크립트 (Google Apps Script) 를 이용하여 구글 스프레드시트 내용 메일로 보내기
Published: 2021-06-23 10:59:04

# Google Apps Script 란?
Google Apps Script 는 자바스크립트 기반의 언어 입니다.

G suite 사용 시 구글 스프레드시트 (Google Spreadsheet), 구글 닥스 (google Docs) 등 다양한 구글 애플리케이션에 대해 Google Apps Script 기반으로 자동화를 구현할 수 있고, 이를 이용하여 필요한 내용을 메일로 보낼 수 있습니다.

# 구글 앱스 스크립트 실행하기
> 구글 앱스 스크립트를 실행시켜 보겠습니다.

구글 스프레드시트에 내용을 입력하여 준비합니다.

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


도구 > 스크립트 편집기를 누릅니다.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h9ebxlfau8zb6ahscjjs.png)
 
 
google apps script 창으로 이동되며, 
function myFunction() 함수가 기본으로 작성되어 있습니다.

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

소스코드 실행가능하도록 만들기 위해 먼저 배포를 수행합니다.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u8k6hvh7ajrel3ozbeqm.png) 
 
구글에 접근권한을 필요로 하기 때문에 인증을 위한 권한검토를 수행합니다.

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

구글 인증이 이루어지면, 정상적으로 작성한 myFunction() 함수가 실행되는 것을 확인합니다.

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

# 구글 앱스 스크립트 내 소스코드 작성하기
> 엑셀 내의 데이터를 가져와 보겠습니다.

    var sheet = SpreadsheetApp.getActiveSheet();
    var range = sheet.getRange('B3'); 
    var value = range.getValue()
    console.log(value); 
 
- spreadsheetapp.getactivesheet() 함수를 통해 구글스프레드시트를 활성화
- getrange() 함수를 통해 특정 셀을 지정
- getvalue() 함수를 통해 값을 가져옴
- console.log() 함수를 통해 가져온 값을 출력
 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nyrtkq7wxg16kk3r902m.png)


# 구글 앱스 스크립트로 메일 보내기
> 엑셀 내의 데이터를 이메일로 보내보겠습니다.
 
```
function myFunction() {
  var sheet = SpreadsheetApp.getActiveSheet();
  var range = sheet.getRange('B3');  
  var value = range.getValue()
  console.log(value); 

  var email_address = "<구글이메일주소>@gmail.com"; 
  var email_subject = "테스트";
  var email_htmlbody = "테스트" + value;
 
  // 메일 보내기
  MailApp.sendEmail({
    to: email_address,
    subject: email_subject,
    htmlBody: email_htmlbody, 
  });
}
```
- email 주소, 제목, 내용을 작성
- MailApp.sendEmail() 함수를 통해 메일 전송

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfxgk2wx8bqc2ik4jm3v.png)
 
 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3319o37avxkibic9a69d.png)
Slotegrator
Published: 2021-06-23 10:55:08

Slotegrator is a provider of omnichannel products for various verticals in the iGaming industry. Since 2012, we have been aggregating game content, business and technology solutions, and industry knowledge to enable clients to maximize their business’s potential.

We don’t just provide business solutions - we go above and beyond to solve the client’s problem, no matter the challenges or circumstances: https://slotegrator.pro/

We take every opportunity to learn from and grow together with our employees, partners, and customers.