teleren/devto huggingface dataset:
Evolving DEV’s community sponsorships
Tags: meta
Published: 2020-08-18 19:36:49

---
title: Evolving DEV’s community sponsorships
published: true
description: Some updates to the sponsorship programs available to DEV sponsors.
tags: meta
//cover_image: https://direct_url_to_image.jpg
---

Over the past 2.5 years, we’ve had the pleasure of working with an amazing group of Gold Sponsors.  You’ve seen these organizations displayed on the DEV Homepage and in Jess’s weekly Top 7 email newsletter.  We originally launched the program [in February 2018](https://dev.to/ben/introducing-our-february-2018-sponsors-584f), but we haven’t made any major adjustments since then.

Over that same period, we’ve experienced massive transformations in pretty much every other aspect of our community and business.  We’ve seen the community grow over 10x, we’ve collaborated with open-source contributors to improve the platform, and we’ve enhanced our sponsorship offerings through the [CodeNewbie acquisition](https://dev.to/devteam/special-announcement-from-dev-4oi).  We’ve also provided more clarity to our long-term vision, which is to empower community through [Forem](https://forem.com).

{% link https://dev.to/devteam/for-empowering-community-2k6h %}

In an effort to ensure that our sponsorship offerings continue to evolve alongside our community and business, **we are pausing our Gold plan for the time being**.  We’ll be using this break as an opportunity to take a breath and holistically consider community sponsorships through the lens of Forem.  This hiatus will also give us the chance to focus more energy on our other community-oriented partnerships, such as the recent collaborations with [Twilio](https://dev.to/t/twiliohackathon), [Grant for the Web](https://dev.to/t/gftwhackathon), and [GitHub](https://dev.to/t/actionshackathon).

We’ll likely return with some new and improved community-first sponsorship opportunities in the coming months.  In the meantime, a huge thank you to all of the wonderful Gold sponsors that have supported us over the last ~30 months.  A special acknowledgement to [DigitalOcean](https://dev.to/digitalocean) who have been a true bedrock partner through so many phases of DEV’s journey.

---

_Thanks again to these great organizations_:

{% organization digitalocean %}
{% organization gocd %}
{% organization cloudbees %}
{% organization twilio %}
{% organization fastly %}
{% organization diversifytech %}
{% organization pusher %}
{% organization triplebyte %}
{% organization alcide %}
{% organization raygun %}
{% organization squaredev %}
{% organization educative %}
{% organization frontendmasters %}
{% organization scoutapm %}
{% organization codestream %}
{% organization algolia %}
{% organization manifold %}
{% organization flatironschool %}
{% organization stream %}
{% organization qlikbranch %}
{% organization bugsnag %}
{% organization timber %}
{% organization mapbox %}
{% organization underdogio %}
{% organization nylas %}
How to Find Saved Passwords on iPhone and iPad
Tags: apple
Published: 2020-08-18 19:36:03

Apple lets you store username and passwords in iCloud Keychain so you can log in to websites and apps quickly using FaceID or TouchID. But what if you want to manage those saved accounts and passwords? Here is a detailed guide on how to view, edit, delete, and add passwords on iPhone and iPad.

How to Find Accounts and Passwords on iPhone and iPad

1.Open the Settings app.

2.Scroll down and tap on Passwords & Accounts (iOS 13). For iOS 14, it has been renamed to just Passwords.

3.Tap on Website & App Passwords. Authenticate using FaceID or TouchID. READING CONTINUE>>> https://t.co/IDgaFT6626?amp=1

.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
TAGS : APPLE,APPS, IPHONE,GEAR & GADGETS,TECHNOLOGY,SCIENCE,TRAVEL,DESIGN,FOOD, FOOD & DINING, HAPPINES
[Discussion] Project ideas for Gridsome?
Tags: webdev, vue, javascript, writing
Published: 2020-08-18 19:22:01

Hello everyone! This is my first post here on the community. I have been building my personal blog and I have been working a lot with Gridsome lately on my personal projects... Since there isn't a lot of articles on it online, I have been thinking about writing some of them and contributing to the community... what would you like to see? What do you think is a good idea of demo projects? Please, let me know your thoughts on it!
Kubernetes Dashboard setup step by step - Part 6
Tags: kubernetes, devops, docker, tutorial
Published: 2020-08-18 19:00:33

##In this lab session, we are going to setup up the kubernetes dashboard on Kubernetes cluster.

1. Setup kubernetes cluster
2. After that Install kuberenetes dashboard
3. Setup service account 
4. Setup cluster role binding
5. Generate token for accessing dahsboard.

{% youtube Mq50rzoMa_g%}
I Published today a React Component on NPM
Tags: react, showdev, javascript, npm
Published: 2020-08-18 18:53:45

👨‍💻[Source code available on github](https://github.com/carlosfrodrigues/react-basic-json)

![Sponge Bob](https://dev-to-uploads.s3.amazonaws.com/i/pxwvv4o44b6yb3bn0war.jpg)

Hi everyone, today I published my first NPM package, it's called `react-basic-json` and it's a JSON viewer React Component.
This component receives a json to generate a Treeview. You can pass the data property as a javascript object like this:
```jsx
import { BasicJSON } from 'react-basic-json'
const json = {
    make: 'Ford',
    model: 'Mustang',
    year: 1969,
    message: {
        mid: 'mid.1457764197618:41d102a3e1ae206a38',
        seq: 73
    }
};
<BasicJSON data={json}/>
```
or you can pass a string representing a JSON as the data property:
```jsx
const json ='{"make":"Ford","model":"Mustang","year":1969,"message":{"mid":"mid.1457764197618:41d102a3e1ae206a38","seq":73}}'
<BasicJSON data={json}/>
```
You can install via NPM:
```sh
npm install react-basic-json
```
Interested in the code? See the repository bellow:
{% github carlosfrodrigues/react-basic-json no-readme %}
...and the npm package page is [https://www.npmjs.com/package/react-basic-json](https://www.npmjs.com/package/react-basic-json)

I'd like to say that building a react component is a great experience that I recommend for everyone interest in React. It's a challenge that makes you feel good when you finish it.
Thank You!
You Contribute, You Rock! (gh-action hackathon - WEEK 1)
Tags: actionshackathon, github, opensource
Published: 2020-08-18 18:53:03

Hey there folks :wave:
----------------------------------

This is a summary of my last week that I spent on github actions.
I am developing a `Contributor Appreciator` Action called `YouRock`.

# What It'll do? 

1. It'll send out a personalized email to contributors with some `personalized Image Processed material` with :hash:open-cv

2. Also, It'll consist of some Badges that contributors can showcase on their social media.

# Aim and Impact
This action will help :hash: **maintainers** to improve the `outreach` and Public Relations.  

# Stack
1. Github Actions running on ubuntu
2. Python
3. open-cv
4. Pillow
5. GraphQL

# Work done : 
1. Process the GrphQL query to find the user's avatar and email in actions.
2. Send out an email.

![Simple Email sent from action](https://dev-to-uploads.s3.amazonaws.com/i/cqq1lptdriau7nbcy9ej.png)

# Code - 
```
- uses: octokit/graphql-action@v2.x
        id: start_sending
        with:
          query: |
            query send($login:String!){
              user(login:$login){
                  login
                  avatarUrl
                  email
                }
              }
          login: ${{ github.actor }}
```

## Run Python Script 

```
- name: Send Email
        run: |
          python ./Rock.py '${{steps.start_sending.outputs.data}}' '${{github.repository}}'
```

#### Repository - https://github.com/TheShubham99/YouRock/
.nvmrc or .node-version - Which one do you prefer?
Tags: node, npm, javascript
Published: 2020-08-18 18:46:14

There are many different version managers out there for always getting the right Node version ready for a project. This can be incredibly helpful when working with older projects which do not support a new Node version.

The most used managers are [nvm](https://github.com/nvm-sh/nvm), [n](https://github.com/tj/n), or [nodenv](https://github.com/nodenv/nodenv). All of them let you specify a specific Node version, but how do you know which one to use for a project? Stage enter: `.nvmrc` and `.node-version`. Both contain a Node version, but are not equally supported by the different tools.

How do **you** define Node versions for your projects? Do you prefer using NVM with `.nvmrc` or nodenv with `.node-version`? Or do you even use a completely other approach or tool?
Print fixed fields using f-strings in Python
Tags: python, strings, formatting
Published: 2020-08-18 18:36:55

Formatting strings in Python is [very common](https://pyformat.info/). Older styles use a combination of `%` and `.format()` to format strings. Newer styles use what are called [f-strings](https://www.python.org/dev/peps/pep-0498/).

Formatting strings using f-strings are [very flexible](https://realpython.com/python-f-strings/). One thing that wasn't clear is how to specify the width of strings.

To create an f-string, you must be using Python 3 and type out something like this.

```python
greet = 'Hello'
print(f"{greet}, World!")
# Hello, World
```

I ran into a situation where I wanted to format an aligned text. To do so, you can use the syntax used in [other Python formatting](https://docs.python.org/3/library/string.html#formatspec).

```python
init = 34
end = 253
print(f"You had this much money      : ${init:5}")
print(f"Now you have this much money : ${end:5}")
# You had this much money      : $   34
# Now you have this much money : $  253
#                Spacing width    12345
```

**Note** the annotation of spacing width with the numbers 1 through 5 to show the spacing differences.

The basic syntax is

```python
{variable:width.precision}
```

With this syntax, you can even pass variables for each of those values for more dynamic control.

```python
width = 10
precision = 4
value = decimal.Decimal("12.34567")
f"result: {value:{width}.{precision}}"
# result:      12.35
```

One last fun thing you have control over is you can align these values using the less than and greater than symbols for right-aligned (`>`) or left-aligned (`<`).

```python
place = 'here'
print(f"You can have the word {place:<10}")
print(f"Or you have the word  {place:>10}")
# You can have the word here      
# Or you have the word        here
```

More reference material on how to format strings can be found [here](https://docs.python.org/3/library/string.html#format-string-syntax).
YouTube Video | CSS3 in 10 days — Day 8
Tags: html, css, webdev, youtube
Published: 2020-08-18 18:03:47

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components and other things in 10 days.

On day 8 we will learn to create an CSS only Accordion, then we will learn to create Sliding Panels on Images.

![Panels](https://res.cloudinary.com/dxkxvfo2o/image/upload/v1597772712/css3-day8-anim_mtzb4e.gif)*Panels*

This is the eight part of the series.

{% youtube K2BGnt24Zt0 %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.
YouTube Video | CSS3 in 10 days — Day 7
Tags: html, css, youtube, webdev
Published: 2020-08-18 18:01:17

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components and other things in 10 days.

On day 7 we will learn to create an animated Pyramid, then we will learn to create CSS only Spinners.

![Spinner](https://res.cloudinary.com/dxkxvfo2o/image/upload/v1597772173/css3-day7-anim_e3dhxr.gif)*Spinner*

This is the seventh part of the series.

{% youtube ngjobtBoYzs %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.
YouTube Video | CSS3 in 10 days — Day 6
Tags: html, css, youtube, webdev
Published: 2020-08-18 17:58:26

This series contains some practical examples which you can learn and directly use CSS in your projects. We will create awesome components and other things in 10 days.

On day 6 we will learn to add a tooltip, then we will learn to create an animated Progress Bar.

![Progress](https://res.cloudinary.com/dxkxvfo2o/image/upload/v1597771638/css-day6-anim_k7ijyg.gif)*Progress*

This is the sixth part of the series.

{% youtube SV8CzVAaP8o %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.
Would you use a Shared REPL for DevOps? 
Tags: devops, functional, slack, repl
Published: 2020-08-18 17:57:29

One of the best things to come out of Functional Programming is the Read-Eval-Print-Loop (REPL). The REPL, if you haven't heard, is basically a command line for your programming language.

Even if you haven't heard of a REPL, you've probably used one without knowing it. The most famous REPL is probably the Developer Console in your browser.

Open up the browser's Dev Console and you can evaluate any JavaScript expression in the programming environment of the live browser. Type in an expression and hit Enter: the value is printed to the Console. Any JavaScript that runs in your browser will run the same in the Console, making it an ideal way to try out code in a realistic context.

The Dev Console is a simple and popular REPL that millions of programmers use every day, but, what many don't know, is that this simple interface is the basis for one of the best ways to program that reaches far beyond the browser. REPL-driven programming, for those who know, is a subtle programming superpower.

Our question to DevOps is... What if there were a REPL for DevOps?

Read more: https://cto.ai/blog/a-shared-repl-for-devops/
JavaScript Break and Continue Statements
Tags: javascript, react, webdev, codenewbie
Published: 2020-08-18 17:43:48

Having worked with JavaScript for a long while now, there are times when you will find the need to break out of a loop when a certain condition is met, or just skip the current iteration to the next iteration for one reason or another.
These situations can be solved by using the following statements:
1. `break` statement
2. `continue` statement

These statements can really come in handy to certain logic in the code or especially when wanting to avoid the long way of breaking a loop or skipping an iteration. 

Let’s see how they can be used.

##Break Statement

The `break` statement is used to terminate a loop and  get out of it. Then, the code following the loop code block will be executed next (if any).

It is usually used inside a conditional statement whereby when a condition is met, for one reason or another, it stops the loop and gets out of it. How it is done is by simply writing `break`.

Syntax:
```javascript
break;
```

Example:
```javascript
for (let i = 0; i < 8; i++) {
  if (i === 4) { break; }
  console.log("Iteration i: " + i);
}

// Output:
Iteration i: 0
Iteration i: 1
Iteration i: 2
Iteration i: 3
```

Without the `break` statement, the output will typically appear as follow:
```javascript
// Output:
Iteration i: 0
Iteration i: 1
Iteration i: 2
Iteration i: 3
Iteration i: 4
Iteration i: 5
Iteration i: 6
Iteration i: 7
```

So, to recap, based on the example above we can see that when condition is met, the `break` statement is run and as the result, it terminates the loop immediately.

This statement also can be used in the `switch` statements which are like conditional statements. However, for this article, we will only take a look at the use for loops.

##Continue Statement

The `continue` statement is used to skip an iteration of the loop.
This statement too, can be used in the `switch` statements.

The `continue` statement basically breaks one iteration of the loop, if a specified condition is met, and continues with the next iteration of the loop. How it is written is similar to the `break` statement.

Syntax:
```javascript
continue;
```

Example:
```javascript
for (let i = 0; i < 8; i++) {
  if (i === 4) { continue; }
  console.log("Iteration i: " + i);
}

// Output:
Iteration i: 0
Iteration i: 1
Iteration i: 2
Iteration i: 3
Iteration i: 5
Iteration i: 6
Iteration i: 7
```

Using the example above, we can see that the iteration 4 is skipped because we wrote that when it is 4, we will continue to the next iteration. Thus, its turn is skipped from being printed out.

---

That’s all for the two statements for now. They are just useful basics that might be used often in your code.

I hope this article is of help to you. If you think that this article is helpful and it can be of help to other people, please share for them to read as well. Your thoughts and comments are also welcome!

Thanks for reading~
Learn How to Style a Map for Your App – or Create Art for Your Home
Tags: tutorial, mapping, sideprojects, beginners
Published: 2020-08-18 17:33:16

TomTom developer advocates [Olivia Vahsen](https://twitter.com/ovahsen) and [Jose Rojas](https://twitter.com/JJ_R_Ealo) went live on Twitch on Tuesday to lead a live coding tutorial on how to create a map for your app or art for your home using the TomTom Map Styler.

They also went over how to display cities, with custom colors, POIs, markers, and more.

###[Check out the full livestream recording here.](https://www.twitch.tv/videos/714517941)

Then,

1. Subscribe to our Twitch channel: https://www.twitch.tv/tomtomdevs

2. Get a free API key from the Developer Portal to start building: https://developer.tomtom.com/user/register

3. Start building with the Map Styler [here](https://developer.tomtom.com/maps-api/map-styler).

If you missed the stream, get caught up by reading this blog on how to create custom map styles using the Map Styler: https://developer.tomtom.com/blog/build-different/create-custom-map-styles-tomtoms-map-styler

Or, check out this YouTube video on getting started with the Map Styler:

{% youtube zrsa8zaxizw %}

Lastly - check out this fun post on having some (early) Halloween fun by playing around with different color schemes and custom map markers: https://developer.tomtom.com/blog/build-different/halloween-fun-tomtoms-map-styler

Happy mapping!
Remove falsy values without lodash - Javascript
Published: 2020-08-18 17:25:59

If you are a NodeJs developer who likes to take things in your own hands rather than relying on third-party libraries specifically lodash given the context, please read along.

Lodash is a great library with a lot of tricks down its sleeves but comes with an overhead cost. So why not use our EcmaScript knowledge to use without importing unnecessary cost to our code.

problem: remove falsy values from an array
```
const array = [1,2,"",3,null,undefined,4,false]
```
lodash solution : 
```
_.compact(array);
```

ES solution : 
```
array.filter(Boolean)
```
Here the Boolean constructor will take care of all the falsy values.
Java: Wrapper Class ⭐️
Tags: java, tutorial
Published: 2020-08-18 17:20:54

# 🔰 what is a wrapper class in Java?

A Wrapper class is a class whose object wraps or contains primitive data types. When we create an object to a wrapper class, it contains a field and in this field, we can store primitive data types. In other words, we can wrap a primitive value into a wrapper class object.

# 🔰 Why do we need a Wrapper class?

1. They convert primitive data types into objects. Objects are needed if we wish to modify the arguments passed into a method (because primitive types are passed by value).

2. The classes in java.util package handles only objects and hence wrapper classes help in this case also.

3. Data structures in the Collection framework, such as ArrayList and Vector, store only objects (reference types) and not primitive types.
4. An object is needed to support synchronization in multithreading.

# 🔰 How to create a wrapper class for primitive data types?

```java
// primitive data type - Wrapper Class
   char                - Character
   byte                - Byte
   short               - Short
   int                 - Integer
   long                - Long
   float               - Float
   double              - Double
   boolean             - Boolean
```
# How to create a Wrapper class?
Let us see an example of how to create a wrapper class below.

```java
class autoBoxing{
  public static void main(String[] args){
    char ch = 'a';
    
    //converting primitive data type into an object (autoboxing)
    Character a = ch;
  }
}
```
The above process is also called as **Autoboxing**.

# 🔰 Autoboxing:

Autoboxing is the automatic conversion that the Java compiler makes between the primitive types and their corresponding object wrapper classes. For example, converting an int to an Integer, a double to a Double, and so on. If the conversion goes the other way, this is called unboxing.

...To be continued. 🎉

keep learning, Keep coding. 💖
Redis for Python Developers Starts Now!
Tags: python, redis, flask
Published: 2020-08-18 17:18:11

My new course at Redis University, [Redis for Python Developers](https://university.redislabs.com/courses/ru102py/), starts today! The course is free, and you can register and start learning right now.

Here's a preview:

{% youtube BxRJRNt7Qwc %}

Want to learn more? Check out [my blog post](https://redislabs.com/blog/redis-for-python-developers-course-redis-university/) -- you'll learn how to use Python data classes as Redis domain models!
D is for debounceTime
Published: 2020-08-18 17:07:16

Welcome back! Today it is time for... 

...two seconds later...

No *NOW* is time for...
The [debounceTime](https://rxjs-dev.firebaseapp.com/api/operators/debounceTime) operator!

_What does it do?_

It takes your source observable and starts a timer when a value is emitted. (The time is specified in milliseconds)
If no new value occurs before the timer finishes, `debounceTime` emits the value. 
If a new value occurs nothing is emitted and the timer is reset and started again.

_What kind of problems does this solve?_

It is mostly used for performance improvements, e.g.
1. A line chart with panning and/or zooming functionality. You don't want to fetch new data on every pan/zoom interaction. Instead you want to fetch the data when the users has stopped scrolling or panning for a specified amount of time.

    ``` typecript
    zoomChanged
        .pipe(debounceTime(200))
        .subscribe(newTimeWindow => fetchChartData(newTimeWindow))
    ```

2. Fetching data for an autocomplete input. You don't want to fetch the autocomplete data matching the current user input on each character the user enters. You want to fetch them when the users stops typing for a specified amount of time.

    ``` typecript
    userInputChanged
        .pipe(debounceTime(200))
        .subscribe(userInput => fetchFilteredAutocompleteValues(userInput))
    ```
   
Pretty useful right?

Stay tuned for more RxJS glory!
Lambda functions in Python:
Tags: python, lambda, machinelearning, coding
Published: 2020-08-18 16:52:53


In Python, an anonymous function is a function that is defined without a name.

While normal functions are defined using the def keyword in Python, anonymous functions are defined using the lambda keyword.

Hence, anonymous functions are also called lambda functions.

Syntax of Lambda Function in python:

lambda arguments: expression

Lambda functions can have any number of arguments but only one expression. The expression is evaluated and returned. Lambda functions can be used wherever function objects are required.

EX:  

double = lambda x: x * 2

double(4)              
output: —> 8



Best Examples of Lambda Functions:

Factorial of a Number:

fact=lambda n:1 if n<=1 else n*fact(n-1)
fact(5)

 n th fibonacci Number:

fib=lambda n:n if n<=1 else fib(n-1)+fib(n-2)
fib(8)