teleren/devto huggingface dataset:
Voices from Women in the digital industry Pt. 2
Tags: wecoded, womenintech, interview, career
Published: 2021-03-31 14:26:29

*Illustration by [Gloria Shugleva](https://dribbble.com/shots/7078507-Women-in-the-workplace)*

*As part of International Women's Day, we at SinnerSchrader created an internal website that was filled with content from our employees. Among other things, we asked various women in leadership positions the same three questions. The answers were so inspiring that we didn't want to withhold them from the rest of the world. Last week, we started with [Daniela Kirchner (Director Strategy)](https://dev.to/s2engineers/voices-from-women-in-the-digital-industry-d6f) and this time we continue with Sandra Gläsner (Director Product Engineering).*

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

## What does female leadership mean to you?

I don't have a clear picture of what "female leadership" is supposed to be. From a scientific point of view, there are certainly some personality traits that are more pronounced in women, which make it easier to act in a modern leadership style. However, every person can (and should!) learn relevant leadership skills (e.g. empathy, humility, integrity, curiosity, clear communication, and focus on potentials and talents).

## Would you say that being a woman has influenced your way of leading and/or did you have to acquire (or drop) certain qualities to be successful?

I cannot judge whether being a woman has influenced my leadership style. 

But I assume that in any case my former managers have influenced my own style of acting. Many people probably know this: You experience something that doesn't feel good, and with a little reflection, it becomes your own aspiration to do better. 

Early in my professional career in web development, I tried to adapt to the system I was working in. It seemed to be the only way for me to move forward. And as much as possible, I did it with humor and lightness - after all, I didn't want anyone to notice how difficult it was for me to deal with the various "funny" (aka misogynistic) statements over and over again. So I developed a hard shell to bounce all that off and tried always being tougher than my male colleagues. Many years later, I then had to learn to make this hard shell more permeable again, in order to act authentically and show myself approachable and thus also vulnerable. Because without this openness, it's hard to build trust and develop valuable (working) relationships.

## What would you like to tell young women who aim to take a leadership role in the future?

Actually, I can only answer this question incorrectly :), since there is no advice that is helpful for everyone. But I can tell what I wish for: young women who can clearly name their strengths. And courage. 

I wish for much more courage to take on challenges - 

whether it's a challenging specialist position or a leadership role.
CircleCIのPythonOrbsを使ってみる。
Tags: circleci, python, circleciorbs
Published: 2021-03-31 14:21:29

---
title: CircleCIのPythonOrbsを使ってみる。
published: true
description: 
tags: circleci, python, circleciorbs
---

CircleCIのPythonOrbsを使って、CIでテストを実行させるものを作ります。

## 作業リポジトリ

 {% github YutaGoto/python_ci_testing %} 

## やったこと

### Pipfileを用意

今回は[mypy](https://pypi.org/project/mypy/)と[pytest](https://pypi.org/project/pytest/)と[pycodestyle](https://pypi.org/project/pycodestyle/)を使います。

```Pipfile
[[source]]
url = "https://pypi.org/simple"
verify_ssl = true
name = "pypi"

[packages]

[dev-packages]
mypy = "*"
pytest = "*"
pycodestyle = "*"

[requires]
python_version = "3.8"
```

### サンプルを用意

```python
# app.py
def greeting(name: str) -> str:
    return 'hello ' + name


print(greeting('name'))
```

### テストファイルを用意

```python
# test_app.py
import app


def test_greeting():
    assert app.greeting('name') == 'hello name'
```

ファイルを用意したら pushします。

## CircleCIの準備

https://app.circleci.com

CircleCIにアクセスして、左メニューのProjectsからリポジトリを選択してセットアップします。

（ブラウザ上で `.circleci/config.yml` を編集できるの便利）

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

デフォルトでセットされている 

```yml
orbs:
  python: circleci/python@0.2.1
```

はorbのバージョンは結構古いので、Orbsのページを見て最新バージョンに書き換えます(2021/03/31時点では `1.3.3` が最新)

https://circleci.com/developer/orbs/orb/circleci/python

steps内にある `load-cache`, `save-cache` は今は1.3.3では使えない(ライブラリのインストール時に自動でキャッシュしてくれる)ので削除します。

ライブラリのインストールは、今回作ったサンプルではpipenvを使うのでネストさせた要素の `pkg-manager:` に `pipenv` を書きます(CI環境なので引数に `--dev` を付けます)。

Usage Examplesには、テストを実行させるために `python/test` を使うような記述がありますが、stepsでは使わずにjobsに直接指定します。

できあがった `.circleci/config.yml` が以下です。

```yml
# .circleci/config.yml
version: 2.1

orbs:
  python: circleci/python@1.3.3

jobs:
  build-and-test:
    executor: python/default
    steps:
      - checkout
      - python/install-packages:
          args: --dev
          pkg-manager: pipenv
      - run:
          name: mypy
          command: pipenv run mypy .
      - run:
          name: pycodestyle
          command: pipenv run pycodestyle .

workflows:
  main:
    jobs:
      - build-and-test
      - python/test:
          args: --dev
          test-tool: pytest
          pkg-manager: pipenv
```

テストを実行する部分で `python/install-packages` とほぼ同じ記述になってしまうのはどうにかしたい部分はあります。。

![CI Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/by4bu0ec0pjo70dk6obl.png)

![CI Result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j1asccj5de6oivy0vwe1.png)

 {% github https://github.com/YutaGoto/python_ci_testing/pull/2 %}
The Zuri Experience
Tags: javascript, zuri, intern, frontend
Published: 2021-03-31 14:21:26

It's been two weeks into the training and I can say the future and present is looking bright. Fast forward three orientation videos after the training for the frontend track kicked off with general tasks already out and live classes starting in earnest, I said to myself, Wow! so this is how the real tech world is with deadlines everywhere. I have learnt that to gain more we have to sacrifice some, this was especially when I saw that a class was fixed at 12am and people were still able to attend even though the videos will be made available after. With these and more, I have discovered that I have to change my attitude to learning or I would be swept away in the tech crowd and that I need to find what makes me different from the thousands of people getting into this field. 
The training has been insightful, the videos very explanatory and the mentors working hard to ensure that we have a smooth experience and that all complaints/suggestions are treated well. I would love to thank Ingressive for Good and Zuri team for putting together this internship and hopefully, I'll complete this training with a certificate and another article detailing my experience.
Resources to learn JavaScript for beginners
Tags: javascript, codenewbie, webdev
Published: 2021-03-31 14:10:44

In this post I will share some of the resources that one can use to learn vanilla JavaScript. There are a lot of resources out there but here are a few that I have used and I decided to share.

* [Codecademy](https://www.codecademy.com/catalog/language/javascript)

They offer both free and pro membership. The pro membership is paid. I used Codecademy to learn the basics of JavaScript. The lessons go in-depth into the concepts which was a plus for me.

* The Net Ninja

He has a [Youtube series](https://www.youtube.com/playlist?list=PL4cUxeGkcC9haFPT7J25Q9GRB_ZkFrQAc) on Modern JavaScript and also a course on [Udemy](https://www.udemy.com/course/modern-javascript-from-novice-to-ninja/?couponCode=AF993DBBAC3A3F4BB8C7) on the same.

* Traversy Media

He has a Youtube series on [vanilla JavaScript](https://www.youtube.com/watch?v=hdI2bqOjy3c&list=PLillGF-RfqbbnEGy3ROiLWk7JMCuSyQtX) and a Udemy course on [Modern JavaScript](https://www.udemy.com/course/modern-javascript-from-the-beginning/)

* FreeCodeCamp

They have a free course on [JavaScript Algorithmns and Data Structures](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)


* The Odin Project

The [JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) by The Odin Project is well structured and great for beginners.


* [Webdev Simplified](https://youtube.com/c/WebDevSimplified)

This is a YouTube channel. He covers all concepts related to Web development including vanilla JavaScript.

Happy coding!
Remote VPS vs localhost tunneling (aka how big droplet size would you choose?)
Tags: discuss, digitalocean, devops, webdev
Published: 2021-03-31 14:02:15

**Linode gives away 100 USD for free**, for me to waste (currently 20 USD per month), and it is like DigitalOcean.

Edit: _100 USD is also present in DigitalOcean new account. Both DO and Linode only gives 100 USD for **2 months**. My thought? Create a new account wisely and strategically._

<small>I actually have a lot of credits on Google Cloud as well (not my first email), but when promotion of **1 year** ends, I will suffer the price...</small>

It's a continuation of another post, and I don't have to create [swapfile](https://dev.to/bobbyiliev/comment/1d127) yet.

{% post https://dev.to/patarapolw/best-way-to-turn-spare-laptop-to-server-and-turn-on-24-7-3255 %}

I use 4GB RAM for now, and the performance is in every way superior to SSH tunneling with [localhost.run](https://localhost.run).

I did try turning laptop to server as well, but _not only_ I have to turn on 24/7; but also I cannot move laptop, as well as having to login to (physical) Internet Router everywhere, therefore troublesome...

I also tried <https://no-ip.com>. It works, I don't know how to auto HTTPS here...

In case you don't know, VSCode + DigitalOcean Droplet is just like WSL - not that much hassle.

{% post https://dev.to/patarapolw/how-to-deploy-stateful-container-on-digitalocean-42ci %}

## My real doubt

How big DigitalOcean Droplet size should I choose? Is it really a good idea to be economical?
Today I lreaned about Media Object elements
Tags: css, html, webdev, laravel
Published: 2021-03-31 13:49:30

Here's My HTML code

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./styles.css" />
    <link rel="stylesheet" href="./normalize.css" />
  </head>
  <body>
    <div class="media">
    <div class="media__image">
      <svg class="icon icon--primary">
        <use xlink:href="../images/sprite.svg#snap"></use>
      </svg>
    </div>
    <div class="media__body">
      <h3 class="media__title">Easy Start & Managed Updates</h3>
      <p>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Labore
        voluptatem corrupti excepturi necessitatibus amet eius, sed quam
        molestiae corporis possimus.
      </p>
    </div>
     <div> 
  </body>
</html>
```
Here's My CSS code
```css
.media__image {
  background: #f3f9fa;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
}
.media {
  display: flex;
}

.media__title {
  margin-top: 0;
}
.media__body {
  margin: 0 2rem;
}

.media__image {
  margin: top 1rem;
}
```
Here's the Output
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dospikvuksb8h1xx4o4l.jpg)
Tiktok Clone App Development | Omninos Solutions

Tags: tiktokcloneapp, tiktokcloneappscript, tiktokcloneappforandroid, tiktokonlinewebseriescloneapp
Published: 2021-03-31 13:19:25

Omninos is the top rated mobile app development company, based in Mohali with more than 500+ projects under its belt. It provides the best [Tiktok Clone App](https://www.omninos.in/tiktok-dubsmash-app-script-clone-development.php) for video streaming for entertainment purposes. 

As we all know, Tik Tok is one of the most well-known social media video recording apps available, having rapidly surpassed Facebook, WhatsApp, and other similar apps.

The fascinating idea of enabling people to record themselves with movements to a set of songs or music pieces played in the background is the key reason for TikTok's popularity. As a result of its popularity, the mobile app industry has been flooded with Tik Tok clone apps from a variety of tech companies.

Our Tik Tok Clone framework is a fully functional clone app that is ready to use with your branding and can be customised to meet your specific business needs.

For more information contact us below:
Link: https://www.omninos.in/tiktok-dubsmash-app-script-clone-development.php
Call us: +919855284348
E-mail: swati@omninos.com
HTML autocomplete value for "city"
Tags: webdev, html, react, ux
Published: 2021-03-31 13:14:58

# Plot
A few days ago I was building a form in React that would take in user's address fields such as address lines, postal code, city, country, etc. 

Following some practices, I wanted to make use of the HTML's native attributes such as *autocomplete*, *placeholder*, *inputMode*, etc. on form fields as that would result in a good end **user experience**.

The *autocomplete* attribute provides an automated assistance in filling out form field values, as well as guidance to the browser regarding the type of information to expect in the field. 

Generally, when the autocomplete attribute is not provided, the input field suggestions are random, and up-to the browser. 


# Why this blog post?

While implementing the autocomplete attribute for an address form, I referred to the web development bible: The [MDN](https://developer.mozilla.org/en-US), specifically the docs for the [autocomplete attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)

Surprisingly the docs don't mention the value for autofilling a "city" input field. 

# Solution

After some research I stumbled upon the correct usage for autofilling a city field: 

```html
<input
  type="text"
  autoComplete="home city"
/>
```

# Conclusion 

After using the **autocomplete** attribute for my form fields, I was conscious about this browser feature whenever I would visit other websites to fill out forms. 

Astonishingly, I see that many large scale websites / brands don't use this attribute yet 😐

I also noticed the payment gateway providers make good use of the attributes (like: autocomplete="cc-number") that help in autofilling appropriate credit card information 🤔

Now, whenever I'm building forms, a typical input field would have the following attributes / properties.

```html
<input
  id="personalNumber"
  autocomplete="tel"
  placeholder={t(`contractFormPlaceholders.personalNumber`)}
  type="number"
  inputMode="decimal"
  required
/>
```

As you can see, the input field is using much of assistive native HTML features & not relying on javascript (example for input validations).

Do you make use of any other native HTML attributes that further improve the end user experience than the one's mentioned above? Feel free to voice some helpful one's in the comments below 👇

Cheers!
How to install Magento 2 Extension in Easy way?

Tags: magento2migration
Published: 2021-03-31 13:01:16

Here we will Guide you how to install Magento 2 Extension properly, because many times you install magento 2 extension but it didn’t work. And struggle for proper instruction. If you are struggling to do so, this article is specially for you. 

Let’s begin

First of all you have to know where you can find an extension for Magento. Here we provide you guidance and sources. Without many errors install the magento extension. 

1> First, navigate to the root directory of magento. Here ,Type 
   composer require tecksky magento and run the command. For 
   completion it may take a few minutes. 

2> In some extensions, you have to add your authenticate key to 
   connect with Magento Marketplace.

3> Using magento setup, register the extension.
 
4> For generating code and configuration, run the command: php 
   bin/magento setup:di:compile.
 
5> To deploy the extension’s static view files to public directory 
   of magento, use the command: php bin/magento setup:static- 
   content:deploy 

6> To clear the cache of magento, run: php bin/magento 
   cache:flush. 

7> It will help to prevent loading errors in magento-store. After 
   completing the last step you will see the extension in the 
   side-bar of your Magento admin.

8> While installation if you have any query, you can contact us at 
   info@tecksky.com. We are always ready to help you. 

In case you are preparing to start a new business then it is acceptable that opt for Magento 2 platform.

If you choose to  Magento 1 to Magento 2 extension on your own, you can refer here or choose the easy and various secure way out by opting for the  Magento 2 Extension offered by certified developers at Tecksky  <a href="https://tecksky.com/magento-development-company">Magento Development Company</a> <a href="https://tecksky.com/hire-magento-2-developers">Magento 1 ou migrer sur Magento 2</a> <a href="https://tecksky.com/ecommerce-development-company"> E-Commerce development company</a>
How to Configure Safari to Use a Proxy Server on a Mac
Published: 2021-03-31 12:46:02

Safari on Mac uses the Mac system settings to configure the proxy server. This is how you open it.

Click on the Safari Menu and then select Preferences.
Now you can see a bunch of tabs. Click on the Advanced tab.

And then, click on the Change settings button set against the Proxies label.
This will open Mac's system proxy preferences page. Select Web Proxy (HTTP) or Web Proxy HTTPS or Both based on the type of proxy server you have available. Enter the IP and port of the proxy. Make sure you enter the username and password for the proxy if it needs it. Once you are done, press OK.
That saves the proxy settings, and you can now navigate Safari to a service like HTTPBin http://httpbin.org/ip to see if Safari is using the proxy you typed in or not.
graphson import fails on prettified json
Tags: janusgraph, graphson, json, prettify
Published: 2021-03-31 12:38:52

Does anyone else have this problem importing prettified json/graphson to JanusGraph?

Exactly the same file but not prettified (no carriage returns, tabs, whitespace) will import perfectly but if prettified it fails with the following error:

graph.io(graphson()).readGraph("data/tgraph2.json")

Could not deserialize the JSON value as required. Nested exception: java.lang.InstantiationException: Cannot deserialize the value with the detected type contained in the JSON ('tinker:graph') to the type specified in parameter to the object mapper (class java.util.LinkedHashMap). Those types are incompatible.
 at [Source: (ByteArrayInputStream); line: 1, column: 3]

Version 3.x

Surely not desired behaviour?
Elegant Themes
Tags: wordpress, elegantthemes, wordpressplugins, wordpressthemes
Published: 2021-04-08 17:56:41

---
title: Elegant Themes
published: true
date: 2021-03-31 12:34:46 UTC
tags: WordPress,ElegantThemes,WordPressPlugins,WordPressThemes
canonical_url: https://j0e.org/elegant-themes/
---

![Elegant Themes Review](https://j0e.org/wp-content/uploads/2021/03/elegant-themes-review.png)

 Elegant Themes ist mit dem Divi Theme einer der größten und beliebtesten WordPress-Entwickler. Die Schmiede …

[Elegant Themes](https://j0e.org/elegant-themes/)
Frequently Asked AWS Interview Questions
Tags: aws, cloud, technology, coding
Published: 2021-03-31 11:22:53

AWS is a cloud computing service offered by Amazon. AWS lets you build, test, deploy and manage applications and services. All this is done via the data-centers and the hardware managed by Amazon. AWS provides you a combination of Infrastructure-as-a-Service (IaaS), Platform-as-a-Service (PaaS), and Software-as-a-Service (SaaS) offerings.

You can use AWS to create Virtual Machines which can be armed with processing power, storage capacity, and analytics along with networking and device management. AWS offers you a pay-as-you-go model, which helps to avoid upfront costs and pay based on the usage monthly.

This set of [AWS Interview Questions](https://www.interviewbit.com/aws-interview-questions/) from [InterviewBit](https://www.interviewbit.com/) would help you clear you interview easily.

1 - What is EC2?
2 - What is SnowBall?
3 - What do you understand by VPC?
4 - What are the Storage Classes available in Amazon S3?
5 - Explain what T2 instances are?
6 - How many Subnets can you have per VPC?
7 - Explain what S3 is?
8 - How does Amazon Route 53 provide high availability and low latency?
9 - What are the different types of Instances?
10 - How do you monitor Amazon VPC?
Redux Reducer example - filter & sort data
Tags: react, redux, sort, filter
Published: 2021-03-31 12:14:56

Redux Reducer example - filter & sort data

https://grokonez.com/frontend/redux/redux-filter-sort-example-redux-reducer-example

In this tutorial, we're gonna look at how to use Redux Reducer to filter & sort data.

Related Post: <a href="https://grokonez.com/frontend/redux-combinereducers-example">Redux combineReducers example</a>

<!--more-->
<h2>Example Description</h2>
From previous <a href="https://grokonez.com/frontend/redux-combinereducers-example">post</a>, we had created a Redux Application that has:
- state that contains 2 components: <code>books</code> array and <code>filters</code>.
- 3 types of Actions:
+ <code>'ADD_BOOK'</code>, <code>'REMOVE_BOOK'</code> for <code>books</code>.
+ <code>'FILTER_TEXT'</code> for <code>filters</code>.
- 2 child Reducers (<code>booksReducer</code> and <code>filtersReducer</code>) that will be combined using <code>combineReducers()</code> function.

We can add/remove books to/from <code>books</code>, set <code>filters.text</code> value.
=> Today, we're gonna add 4 types of Actions for <code>filters</code>: <code>'START_YEAR'</code>, <code>'END_YEAR'</code>, <code>'SORT_BY'</code> and <code>'CLEAR'</code>. Then we will add a function that can filter and sort <code>books</code> with <code>filters</code> condition.
<h2>Practice</h2>
<h3>Setup environment</h3>
This step is just like step in previous <a href="https://grokonez.com/frontend/redux-combinereducers-example">post</a>:
- In <strong>package.json</strong>:
<pre><code class="language-javascript">
{
  ...
  "dependencies": {
    ...
    "babel-plugin-transform-object-rest-spread": "6.26.0",
    "redux": "3.7.2",
    "uuid": "3.2.1"
  }
}</code></pre>
Then run cmd <code>yarn install</code>.

- Add plugin to <code>.babelrc</code>:
<pre><code class="language-javascript">
{
    ...
    "plugins": [
        "transform-object-rest-spread"
    ]
}
</code></pre>


https://grokonez.com/frontend/redux/redux-filter-sort-example-redux-reducer-example