teleren/devto huggingface dataset:
How Scrum and DevOps go hand-in-hand
Tags: scrum, devops, practices
Published: 2021-07-08 15:41:02

---
title: How Scrum and DevOps go hand-in-hand
published: true
date: 2021-07-08 00:00:00 UTC
tags: scrum,devops,practices
canonical_url: https://jhall.io/archive/2021/07/08/how-scrum-and-devops-go-hand-in-hand/
---

Today I spoke at the [Scrum Day Europe 2021](https://scrumdayeurope.com/) virtual conference about how [Scrum and DevOps work well together](https://scrumdayeurope.com/speaker-info/#text-block-86). The talk is based on a half-day workshop I give for Scrum professionals, condensed into a 25-minute presentation.

This email is that 25-minute presentation condensed into a single image.

From the very beginning, Scrum has had the goal of enabling teams to adopt better technical practices. This is still true today. However, Scrum doesn’t tell us _which_ technical practices to adopt! That’s left up to us.

In the image you see an imaginary, but prototypical org chart. C-suite at the top, middle management in the middle, then lower/product management and individual contributors at the bottom.

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

The red circle represents Scrum’s area of focus: The relationship between management and developers. The blue circle represents DevOps' focus: The relationship between development and operations, those managing the infrastructure (represented by the rectangles in the bottom row).

DevOps helps us fill in the “technical practices” gap that Scrum intentionally leaves blank!

* * *

If you’re convinced that DevOps could help your team, but aren’t sure where to start, take a look at my free email course: [Lean CD Bootcamp](https://jhall.io/lean-cd-bootcamp/), to help you get started with Continuous Deployment, even before you have test automation!

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Easily delete Object Properties in JS with this Meta trick 🔥🔥
Tags: javascript, metaprogramming
Published: 2021-07-08 01:06:57

why? 

Reflect.deleteProperty(Object, key)

first it's metaprogramming and sounds way cooler than delete, on a serious note sometimes the delete keyword does not work as intended i don't know why, i was working on a cormmecial project recently and had may objects and nested objects, delete failed to delete the keys while deleting the value, and Reflect came to the rescue, it is built in and more efficient.  

```js 
let ob = {name: "Sk", age: 22}
Reflect.deleteProperty(ob, "name")
//->  { age: 22 }


```

Honestly Reflect.deleteProperty shines in nested objects
ITI Graduation Project
Published: 2021-07-08 00:57:48

I hope you are okay, We want to share our graduation project (Tabata Website Simulation) from ITI

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

Technologies :

- Asp.Net API Core

- Angular

-Sql Server

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

Users:

- Admin

- Partner

- Customer

-Anonymous Client

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

This post contains part 1 "Admin Dashboard"

Video Link (Youtube) : https://youtu.be/b13UD_QBA0s

Github Repos :

-Backend => https://github.com/HagarMetwalli/Talbat-Back-End.git

-Frontend => https://github.com/HagarMetwalli/Admin-Dashboard.git

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

Our Team Members :

- Hagar Metwalli

- reem fahmi

- Sondos Awad

- Amira Ahmed

- Ahmed Atef Mohamed ElSayed

-Mohamed Draz

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

#iti #.NET #netcore #netdeveloper 

#angular #sqlserver
Installing Docker Desktop Easily on Windows
Tags: tutorial, docker
Published: 2021-07-08 00:25:41

## What is Docker Desktop ?
____
"The preferred choice for millions of developers that are building containerized apps.
Docker Desktop is an application for MacOS and Windows machines for the building and sharing of containerized applications."

### Ok what now?
__
If your like me and had a lot of trouble understanding how to install docker desktop , I found A quick easy way to do it!

### Step 1 : Install Chocolatey
____
*you may skip this step if chocolaty is already  installed on your machine* 
Chocolatey is a free package manger for windows. You can install by opening Powershell in administrator mode like so:
<img src="https://raw.githubusercontent.com/Pandademic/Pandademic.github.io/main/Library/img/assets/DEV.to/deV1.png"width="800">
then once Powershell is open type in this command
```
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))
```
then wait for Chocolatey to download.

### Step 2 Download the package for docker desktop!
Now open up another Powershell in admin mode ,<img src="https://raw.githubusercontent.com/Pandademic/Pandademic.github.io/main/Library/img/assets/DEV.to/deV1.png"width="800"/>
and type in
```
choco install docker-desktop
``` 
Thats it!
now it will run you through some prompts and you are good to go!

Thank you for reading and happy coding!
Please send me feedback in the comment section
Feeling burnt out or unmotivated? Read this.
Tags: webdev, codenewbie, career
Published: 2021-07-08 00:03:48

Just a few weeks ago I was feeling unmotivated and sort of burnt out?

I’m finally out of that funk I was in and I realized why I was there in the first place.

I was working on projects that were all really similar, I would finish up a project and immediately start another one, using the same exact techniques and technologies as the last. 

I thought I was doing myself a favor by practicing repetition and although I still believe that “practice makes perfect”, I think it’s equally important to continue learning and growing, especially as a developer. 

So I did just that, I started learning more about the terminal and also learned Sass (which I’m absolutely obsessed with now). And I'm back to feeling like myself again.

I’m actually grateful that I experienced those stressful weeks leading up to today because I now understand how to navigate those “burnt out” / “unmotivated” moments. 
Learning fuels me. 

Likewise, this situation reminded me why I started learning to code and why I love what I do, because it’s a forever learning experience. The best developers never stop being curious and never stop learning. 

Thought I’d share incase anyone out there is going through something similar.
How to convert each character in the string to an array using the spread operator in JavaScript?
Tags: javascript
Published: 2021-07-08 00:00:00

---
  title: How to convert each character in the string to an array using the spread operator in JavaScript?
  published: true
  tags: JavaScript
  date: Thu Jul 08 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/convert-each-characters-in-string-to-array-using-spread-operator-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-36d763987415c57263e1fd9b97fbd047.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/convert-each-characters-in-string-to-array-using-spread-operator-javascript)
  
To convert each character in the string into an array, we can use the spread operator `...` on the string inside an array in JavaScript.

Consider a string called `Hello!` like this,

```js
// random string
const str = "Hello!";
```

Now to convert each character in this string into an array, let's use the spread operator `...` on the string inside an array. It can be done like this,

```js
// random string
const str = "Hello!";

// convert each characters in string to array
const strArr = [...str];

console.log(strArr); // ["H", "e", "l", "l", "o", "!"]
```

Now if you look at the output of the `strArr`, we can see that the string is successfully converted to an array.

See the above code live in [JSBin](https://jsbin.com/puvutazano/2/edit?js,console).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
Running Android Emulators on an M1 Mac
Tags: android, mac
Published: 2021-07-07 23:43:49

---
title: Running Android Emulators on an M1 Mac
published: true
description: 
tags: #android #mac
//cover_image: https://direct_url_to_image.jpg
---

To run an Android Emulator on an M1 Mac. Complete the following steps: 

1. Make sure you have the Android S preview installed using the SDK manager. Select the show package details checkbox and select Google APIs ARM 64 v8 system image and click OK

![Screen Shot 2021-07-07 at 1.47.36 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9k0wtrbywvfb8koy6du4.png)

2. Create a new device in the AVD Manager and select the other images tab. Your ARM images should now be listed.

![Screen Shot 2021-07-07 at 1.48.28 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3dv8qt5c78h61l9tdivg.png)
PatchNote DE LA V 1
Published: 2021-07-07 23:21:38

bonjour aujourd'hui on sort le PatchNote de la v1 de CraftTUB qui sera ouvert à tout le 28 juillet  a 15hsur la chaine YouTube en live de tottoff


- l'hôtel des vente 
  
  pour vendre votre item (hdv /ah sell [ le prix , le quartier)
  pour acheté (hdv /ah , et sélectionnez l'item ) 

- le claims 

  pose votre coffre dans le zone que vous voler claims un zone va
  se  créé , un fois fini pour le supprimer ( delecteclaims )

- PVP / modée

choisissez vote arène pour vous pvp est atender le joueur

-faction 

seras disponible a la v 1.5.6

- survie 

 sethome (pour crée ton home 🏡 )

- ajout optionnel (les mods )

  le mods craftTUB ajoute (les block/minerait,armure,outil en 
  craftTUB

 le mods craftdium ajoute (les block/minerait,armure,outil en 
  craftDIUM
 
TOUT L'ÉQUIPE DE CraftTUB a hâte de vous voir sur le serveur
Types of Graph
Tags: algorithms, computerscience, programming, codenewbie
Published: 2021-07-07 23:07:03

Hello, today, I'm gonna discuss the famous types of graphs, before reading this post, I suggest you check this [post (*introduction to graph in data structure*)](https://dev.to/ayabouchiha/introduction-to-graph-in-data-structure-8mi) firstly.

## Types of Graph

+ **Directed Graph** : (*also called directed network or digraph*) in this type, every edge is directed from one node to another. 

![Directed graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3pjxv0qn4pru4whmgknf.jpg)

+ **Undirected Graph**: all the edges can be traversed from both directions.

![Undirected graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3ot2ykvcoi8jvrc61z6d.jpg)

+ **Weighted Graph**: in this one, all edges have a weight which is a numerical value

![Weighted graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1p94w58z82ji8ynl5d2.jpg)
 
+ **Unweighted Graph**: the opposite of weighted graph, each edge has not a weight


+ **Connected Graph**: a connected graph is a graph that has a path between every pair of nodes.

![Connected graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i46qx4hh6xnrc81fnke.jpg)
 
+ **Disconnected Graph**: a graph is called disconnect if there is at least two nodes of the graph are not connected by a path. 

![Disconnected graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9i7pww6baykkywo415f8.jpg)

+ **Simple Graph**: a graph is simple if it has no loops and no multiple edges.

![Simple graph in data structure Aya Bouchiha](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8s0281h3ihe2gef7plqi.jpg)

## Reference and useful resources
+ [https://mathinsight.org/definition/directed_graph#:~:text=A%20directed%20graph%20is%20graph,digraph%20or%20a%20directed%20network.](https://mathinsight.org/definition/directed_graph#:~:text=A%20directed%20graph%20is%20graph,digraph%20or%20a%20directed%20network.)
+ [https://mathworld.wolfram.com/SimpleGraph.html](https://mathworld.wolfram.com/SimpleGraph.html)
+ [https://mathworld.wolfram.com/ConnectedGraph.html#:~:text=A%20connected%20graph%20is%20graph,connected%2C%20while%20empty%20graphs%20on](https://mathworld.wolfram.com/ConnectedGraph.html#:~:text=A%20connected%20graph%20is%20graph,connected%2C%20while%20empty%20graphs%20on)
+ [https://www.tutorialspoint.com/connected-vs-disconnected-graphs#:~:text=c%20d-,Disconnected%20Graph,Vertex%201](https://www.tutorialspoint.com/connected-vs-disconnected-graphs#:~:text=c%20d-,Disconnected%20Graph,Vertex%201)
+ [https://mathworld.wolfram.com/WeightedGraph.html](https://mathworld.wolfram.com/WeightedGraph.html)
+ [http://homepages.math.uic.edu/~jan/mcs320/mcs320graphs.pdf](http://homepages.math.uic.edu/~jan/mcs320/mcs320graphs.pdf)

if you have any suggestions, you can contact me on [telegram](https://t.me/AyaBouchiha), see you next post.

Have a great day :)
\#day_25
CSS Lens Flare
Tags: css, webdev, html, showdev
Published: 2021-07-07 23:01:40

Over the last few weeks I've been building a [gradient generator](https://doodad.dev/gradient-generator/). To show what it can do I built some presets, here's one of them I thought you might you fun.


{% codepen https://codepen.io/shadowfaxrodeo/pen/OJmNdKG default-tab=result %}


Here's a link to the [gradient generator with the lens flare settings I've used](https://doodad.dev/gradient-generator/?share=radial-90-100-100-25-25-0_1-ffccd64d_50-fff5f74d_100-fff5f700__radial-90-50-50-23-23-0_0-fffff0ff_14-ffffffff_70-fed7d700__radial-90-200-200-23-23-0_0-1a202c00_42-1a202c00_47-2d1a220f__radial-90-50-50-14-14-0_0-f6e05e00_20-fefcbe5e_22-f6e05e00__radial-90-50-50-23-23-0_44-e68a0000_50-e600452b_54-e6500000__radial-90-50-50-37-37-0_0-3370ff1a_14-52abff40_15-5286ff00__radial-90-80-80-65-65-0_13-1bc7000a_18-efff7540_22-efff750a__radial-90-50-50-70-70-0_93-0000ff00_94-0000ff17_95-00ff000f_97-ffff002b_98-ff00001a_100-ff000000) if you want to play around.
Should JavaScript do this?
Tags: javascript
Published: 2021-07-07 22:26:14

Let's let the code do the talking:
```js
function flavour(name) {
    switch(name) {
        case 'berry':
            return 1
        case 'choc'
            return 2
    }
}

const sprinkles = true;

const iceCream = {
    // Regular ol' property
    milk: 2,
    // Insert key and Value at the same time
    sprinkles,
    // 🤔 Why not do the same as above with return values
    flavour('choc'), // ⬅️
    // Define a value
    scoop(cone) {
        return cone.add(this);
    }
}
```
Add Caching to Any Python Function in One Line
Tags: python
Published: 2021-07-07 22:24:13

Did you know that Python actually has built-in decorators that can add a cache to any function? _[(what are decorators?)](https://realpython.com/primer-on-python-decorators/)_

Let's say I have a function that requires a bit a computing power. For this example, I'll use a fibonacci sequence calculator.

```
def fib(x):
    if x <= 1:
        return 1
    return fib(x - 1) + fib(x)
```

Using Python's builtin `functools` library, I can add a "cache" in one line. A cache will remember the outputs of a compute-heavy function so the values don't need to be calculated multiple times.

If a set of inputs have already been calculated, the `cache` decorator will return the calculated result without running the `fib()` function.

```python3

from functools import cache

@cache
def fib(x):
    if x <= 1:
        return 1
    return fib(x - 1) + fib(x)

```

However, `@cache` will store an unlimited number of inputs and outputs. If we want to limit it to only, say, 1,000 cached values, we can use a "least-recently-used" or "LRU" cache.

With this type of cache, Python will only cache the 1,000 most recently used values. If a new value is calculated, the 1,001st value will be "evicted" from the cache (removed from memory).

Example 1 (note that we do not need parentheses):

```python3

from functools import lru_cache

@lru_cache
def fib(x):
    if x <= 1:
        return 1
    return fib(x - 1) + fib(x)

```

Example 2 (maximum size of 1000 elements):

```python3

from functools import lru_cache

@lru_cache(max_size=1000)
def fib(x):
    if x <= 1:
        return 1
    return fib(x - 1) + fib(x)

```
Day 403 : Lovely Day
Tags: hiphop, code, coding, lifelongdev
Published: 2021-07-07 22:01:10

_liner notes_:
- Professional : Pretty chill day. Had a couple of meetings. Followed up on some things I'm getting reviewed. Ran into some issues trying to log into a super old social media account I abandoned years ago. haha It wasn't enough that I verified my email account, I had to ask 3 people to go to a website and tell me a code. I just created a new account. Not interested in jumping through hoops for an account I don't want. haha Only need it to test something for work.

- Personal : So I ran into an issue trying to get the thumbnail generation for the recorded video working. I figured out that it had to do with the async/await I set up so that the program wouldn't continue till getting some information first. After a lot of investigation and trials, I forgot to put a return. I had returns later down the line, but missed the one at the top. Awesome. Got it working. Only problem is that the thumbnail was black and that's because I had the clip fading in and out and it took the screenshot during that time. haha.

![Close up of green leaves in Dewy Forest, MT, USA](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/db4lrd5ax9djwrevs7x4.jpg)

Going to see if I can get the thumbnail generator working better so that I can start working on the Video Archive portion of the front page. Hoping to get that working before the next broadcast on Sunday. If I can get it working early enough, I want to watch the new "Loki" episode. It's been pretty cloudy day, but at least it was cool and windy. Turned out to be a lovely day.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube yfcTgnpo3vI %}
Hello World
Published: 2021-07-07 21:44:26

Hi I'm Waylon
---
I am currently a Masters's candidate studying computer science at Colorado State University. After I completed my bachelor's degree in Mathematics and Philosophy, I was employed as a cybersecurity intern by the academic computing and networking services at CSU. I quickly developed a deep passion for cybersecurity and computer science and decide to go back to school to learn more.

While studying for my master's, I have been employed as a Junior Systems Administrator for the Computer Science department, managing over 600 Unix machines. This summer I am also working for Hedera Hashgraph as a developer advocate intern providing educational content on how to leverage the Hashgraph distributed network.

I love python, Linux, rust, and cryptography. If you share any of these interests, don't hesitate to reach out. I look forward to sharing my technical experiences with all of you hear and learn from the community. Thanks for reading :)
How to install multiple node versions on the same machine

Tags: node, npm, nvm
Published: 2021-07-07 21:39:14

Our headless CMS, Strapi requires node version `<= 14.x.x` and we had node version 15 installed in our development machine. So that brought a question to my mind, is there a way like python venv for node to install different versions in the same machine. After doing a quick investigation, I found `nvm` **node version manager** that lets you have different versions of node on the same machine and switching between them.

## How to install

```bash
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

```

or

```bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash

```

To verify installation run `nvm --version`

## List and Install node versions

To list available versions, you can run
```bash
nvm ls-remote
```

To install specific version you can use `nvm install VERSION` for example

```bash
nvm install 12.18.4
```

## Switch between different versions
You can use `nvm use` to switch to a specific version. For example
```bash
nvm use 12.18.4
```
LeetCode 167. Two Sum II - Input array is sorted
Published: 2021-07-07 21:20:38

I used two ways to solve this problem.
1. Define a dictionary `dic`, traverse `numbers` to see if target - number in `dic`. If it is, then return the two indices array (sorted), else store the number in `dic` for further matching.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ci8y49bc1ntygt0ol1xa.png)

2. Use two pointers. `l` starts from 0 and `r` starts from the last. If target - numbers[l] = numbers [r], then return array [l + 1, r + 1]; else if the sum is bigger than target, move `r` left, if is smaller than target, move `l` rightward, until they find the target sum.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x21w4q6taclcvb37zh1j.png)
🎬Responsive Card Hover Effects | Html & CSS✨
Tags: html, css, webdev, beginners
Published: 2021-07-07 21:06:14

Hey Devs, in today's episode we are going create from scratch, step-by-step a “CSS Responsive Card Hover Effects”.

Basically we are going to create a card with two parts face1 and face2, one with the social network icon and the other with a link and some text; and when you hover over it, it opens and show you the text you want to show.

---

{% youtube IqLglZLmlu4 %}

---

⏱️ Chapters:
00:00 - Intro
00:58 - Boilerplate
01:39 - HTML
05:50- CSS

---
Charity Hunter: Bringing charities to you
Tags: showdev, react
Published: 2021-07-07 19:37:39

**Hey guys 👋, here's another side project I worked on in June. Hope you enjoy it.**


## Premise 🍁
So I made a decision earlier this year to at least create a project monthly on something I really like as a means to improve my skills, work on my creative side and have some fun, this is part of the June entry(s). Charity hunter was created as part of a 24hr hack hosted by sigma hacks from *Jun 25 – 26, 2021,* I thought of backdating this but it felt less genuine 🤷‍♂️ , so here it is, a couple days late:

[Live](https://charityhunter.web.app/) / [Repo](https://github.com/arndom/charity-hunt)  

{% youtube _2BWzmy-10w %}



## Inspiration 💭
I wanted to make something to enable people to easily find trusted charities and provide aid to their different causes, so I came up with Charity hunter, it uses your location to find charities near you, also, lets you find specific themes/causes you want to support all from a vetted database of charities provided by [GlobalGiving](http://globalgiving.org). It was a simple idea but I believe it can be very useful.



## Major Tools used 🛠
- React & plain CSS
- Global Giving API
- Firebase Hosting
- Google Maps API



## The " Plan " 📸 
* The notion task list used ⬇ *
![Screenshot (123).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625680713606/7YgyweLXR.png)
 

* The Initial UI design ⬇ *
![Screenshot (124).png](https://cdn.hashnode.com/res/hashnode/image/upload/v1625680780381/xapBkz64-.png)


 
## What's Next ⏭
- Mobile Responsiveness; since the goal is ease, this is first on the list.
- UI improvement; the UI needs a bit of work to make it more intuitive and crisp.
- Search Filter; filter by more categories and toggles.
- Code Refactoring; some areas of code need to be adjusted to make contributing to this easier and to follow standard code principles.
- Any other feedback or feature request is alright.



## Contribution ⚡

I believe this is something worth working on, and it's something that could help a ton of people. More ideas, more features, better UI / UX and more reach which can only be done when we all come together, the more contributors the better. So why don't you jump in and put some hands in the [pot](https://github.com/arndom/charity-hunt)

![giphy](https://media.giphy.com/media/3ohhwJFnaBlPJ4ta7K/giphy.gif)


I hope you enjoyed this and maybe gained something from this short post. Looking forward to the next one. 
Stay creative 🚀✌

## That's all folks 👋👋

![giphy](https://media.giphy.com/media/jUwpNzg9IcyrK/giphy.gif)